/********************/
/**** My Settings ***/
/********************/

.h_100 { height: 100% !important; }
.h_auto { height: auto !important; }
.w_100 { width: 100% !important; }
.text_normal {text-transform: inherit !important;}
.fw_600 { font-weight: 600; }
.p-r { position: relative !important; }
.p-a { position: absolute !important; }

.d-n { display: none; }
.d-n-i { display: none !important; }
.d-b { display: block !important; }
.d-i-b { display: inline-block !important; }

.m-0 {margin: 0 !important;}
.p-0 {padding: 0 !important;}

.m-all-xs { margin: .5em !important; }
.m-all-s { margin: 1em !important; }
.m-all-m { margin: 1.5em !important; }
.m-all-lg { margin: 2em !important; }

.m-t-xs { margin-top: .5em !important; }
.m-t-s { margin-top: 1em !important; }
.m-t-m { margin-top: 1.5em !important; }
.m-t-lg { margin-top: 2em !important; }

.m-b-xs { margin-bottom: .5em !important; }
.m-b-s { margin-bottom: 1em !important; }
.m-b-sm { margin-bottom: 1em; }
.m-b-m { margin-bottom: 1.5em !important; }
.m-b-lg { margin-bottom: 2em !important; }

.p-all-xs { padding: .5em !important; }
.p-all-s { padding: 1em !important; }
.p-all-m { padding: 1.5em !important; }
.p-all-lg { padding: 2em !important; }

.p-t-xs { padding-top: .5em !important; }
.p-t-s { padding-top: 1em !important; }
.p-t-m { padding-top: 1.5em !important; }
.p-t-lg { padding-top: 2em !important; }

.p-b-xs { padding-bottom: .5em !important; }
.p-b-s { padding-bottom: 1em !important; }
.p-b-m { padding-bottom: 1.5em !important; }
.p-b-lg { padding-bottom: 2em !important; }

.is-table-row { display: table; }
.is-table-row [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
}

.is-flex-row {
	display: flex;
	flex-wrap: wrap;
}
.is-flex-row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.c-p { cursor: pointer; }
.v-a-m {vertical-align: middle !important;}

/**************************/
/**** FIX FOOTER BOTTOM ***/
/**************************/

html {
	height: 100%;
	box-sizing: border-box;
}

body {
	position: relative;
	min-height: 100%;
}



.footer-wrapper__my {
	background: #333;
}

.footer-wrapper.style-3 footer:before {
	content: none;
}

/*******************/
/**** Set Colors ***/
/*******************/

.cyan-c {
	color: #add7eb;
}


/***************/
/**** Styles ***/
/***************/

.mozaic-banner-entry__my,
.mozaic-banner-entry-min__my {
	background: #FFF !important;
}

.mozaic-banner-entry__my > img {
	position: absolute;
	bottom: 0;
	right: 0;
	/*top: 0;*/
	height: auto;
	width: 41%;
	margin: auto;
}

.banner-column-min__my {
	border: 2px solid #f7f7f7;
}

.mozaic-banner-entry-min__my img {
	position: absolute;
	right: 0;
	width: 40%;
	height: auto;
	bottom: 0;
	margin: auto;
	top: 0;
}

.product_accordeon > .accordeon-title  {
	padding-left: 10px;
}

.product_accordeon > .accordeon-title:after  {
	padding-right: 10px;
}

.title-home-min {
	height: 3.5em;
	overflow: hidden;
}

.ui-slider-range {
	background: #008acc;
}

 .ui-slider-handle {
	background: #0075ad;
 }

 .list-brands ul {
	 list-style: none !important;
	 color: #808080;
 }

.list-brands ul > li {
	border-bottom: 1px solid #f0f0f0;
	transition: all 0.25s ease;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	color: #333232;
}

.list-brands ul > li > label {
	padding-bottom: .5em;
}

a.add-to-cart {
    border: 2px #1ab394 solid !important;
    font-size: 24px !important;
}

a.add-to-cart, a.add-to-cart__modal, a.add-to-cart__modal:hover {
    background: #1ab394 !important;
    color: #FFFFFF !important;   
}

a.add-to-cart:hover {
    border: 2px #1ab394 solid !important;
    background: #FFFFFF !important;
    color: #1ab394 !important;    
}

h2 a .currency {
    color: #008acc;
}

.square-button:hover, .square-button.active {
	background: #008acc;
	border-color: #008acc;
	color: #fff;
}

.product-image__my {
	height: 13.500em;
}

.product-image__my img {
	max-height: 100%;
	width: auto;
	margin: 0 auto;
}

.this-product__my .title {
	height: 3.45em;
	overflow: hidden;
}

header.fixed-header .nav-overflow {
	background: #008acc;
	border-bottom: 2px #008acc solid;
}

nav>ul>li>a {
	color: #FFF;
}

.tabs-container.style-1 .tab-switcher.active {
	background: #008acc;
	color: #fff;
	border-color: #008acc;
}

.product_accordeon .fa-control__my {
	margin-right: .3em;
	padding: .25em;
	cursor: pointer;
}

.product_accordeon li {
	display: none;
	color: #808080;
	padding-left: .5em;
	font-size: 13px;
	color: #2e2e2e;
	font-weight: 500;
	line-height: 48px;
	transition: all 0.32s ease;
	background: rgba(1, 138, 204, .1);
}

.actual-order-data-detail {
	background: rgba(1, 138, 204, .1);
}

.product_accordeon li a {
	font-weight: 600;
}

.product_accordeon .lvl-0 {
	border-bottom: 1px solid #ebebeb;
	padding-left: .85em;
	background: #fff;
}

.product_accordeon li.active > ul > li {
	display: block;
}

.product_accordeon li.lvl-0 {
	display: block;
}

.product_accordeon li.selected > .dd-handle a {
	border-bottom: 1px dashed #337ab7;
}

.lvl-1 div.dd-handle {
    padding-left: 22px;
}

.button-banner {
	border: none;
	background: #008acc !important;
	color: #FFF;
	transition: all .25s linear;
}

.button-banner:hover {
	color: #dec209;
}

.label span {
	color: #008acc !important;
}

.checkbox-entry input:checked + span  {
	background: #008acc !important;
}


.default-button__my {
	color: #a6a6a6;
	border: 2px #a6a6a6 solid;
}

.secondary-button__blue {
	color: #008acc;
	border: 2px #008acc solid;
}

.main-button__blue {
	color: #FFF;
	border: 2px #008acc solid;
	background: #008acc;
}

.main-button__blue:hover,
.secondary-button__blue:hover {
	color: #dec209;
}

.modal-content {
	border-radius: 0;
}

.product-image .bottom-line-a:not(.add-to-cart__modal):hover {
	background: #008acc;
	color: #fff;
	border-color: transparent !important;
}

.product-details__modal .current {
	color: #008acc;
	font-size: 32px;
	line-height: 32px;
	display: block;
	font-weight: 700;
}

.modal-content .quantity-selector .entry {
	height: 31px;
	line-height: 30px;
	width: 37px;
}

.quantity-selector .entry.number-minus:hover, .quantity-selector .entry.number-plus:hover {
	background: #008acc;
}

.container_detail-product .set-version-quick-select,
.modal-content .set-version-quick-select {
	padding: .5em;
	min-width: 9em;
	border: 1px solid #d1d1d1;
	cursor: pointer;
}

.modal-title__my {
	font-weight: bold;
}

.reload-animation-info {
	-webkit-animation-name: animation-color;
	-webkit-animation-duration: 4s;
	animation-name: animation-color;
	animation-duration: 4s;
}

@-webkit-keyframes animation-color {
	0%   {color: #dec209;}
	100% {color: #008acc;}
}

@keyframes animation-color {
	0%   {color: #dec209;}
	100% {color: #008acc;}
}

.button.style-12 {
	border-color: #008acc;
	background: #008acc;
}

.panel-default>.panel-heading {
	color: #fff;
	background-color: #008acc;
	border-color: #0075ad;
	font-weight: bold;
}

.panel-default>.panel-heading {
	background-image: -webkit-linear-gradient(top,#008acc 0,#0075ad 100%);
	background-image: -o-linear-gradient(top,#008acc 0,#0075ad 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#008acc),to(#0075ad));
	background-image: linear-gradient(to bottom,#008acc 0,#0075ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008acc', endColorstr='#0075ad', GradientType=0);
	background-repeat: repeat-x;
}

.panel-default {
	border-color: #008acc;
}

.article-container ul li:before {
	color: #008acc;
}

/*input {*/
	/*-webkit-appearance: radio;*/
/*}*/

.badge-number-pieces {
	background: #0075ad;
	color: #dec209;
}

.panel-footer {
	background-color: #fff;
}

.step-info-checkout {
	color: #fff;
}

.radio input[type=radio] {
	position: relative;
	top: 2px;
	margin-right: 5px;
	-webkit-appearance: radio;
}

.checkbox-entry {
	cursor: pointer;
}

b, strong {
	font-weight: 700 !important;
}

#shipping-address-information li,
#billing-address-information li{
	margin-bottom: .45em;
}

#checkout__form__button_s {
	color: #FFF !important;
}

tr .details-control:before {
	font-family: FontAwesome;
	content: "\f13a";
	color: #0075ad;
	margin: .25em;
	cursor: pointer;
	font-size: 1.25rem;
}

.table-default_my tr td {
	padding: .5em 3em;
}

#actual-order-data thead tr:first-child .details-control:before {
	content: "";
}

.chage-my-data {
	cursor: pointer;
}

.chage-my-data .fa {
	color: #0075ad;
}

#actual-order-data_length select {
	padding: 0;
	padding-left: 10px;
}


.category-route-product a,
.back-button-container a {
	color: #2e2e2e;
	font-weight: 600;
}


.category-route-product a:last-child {
	color: #f5c10c;
}

.section-category-title {
	margin-top: 1em;
}

.section-category-title [class*="col-"] {
	padding: .25em;
}

.section-category-title a {
	border: 2px solid #0075ad;
	display: inline-block;
	color: #2e2e2e;
	padding: 1em;
	margin: .25em;
	width: 100%;
	transition: .25s all ease-in-out;
}

.section-category-title a:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	margin-left: 7px;
}

.section-category-title a:hover {
	border: 2px solid #f5c10c;
	color: #0075ad;
	font-weight: bold;
}

::-moz-selection {
	color: #fff;
	background: #0075ad;
}

::selection {
	color: #fff;
	background: #0075ad;
}

.copyright a,
.footer-address a {
	color: #f5c10c;
}

.copyright a:hover,
.footer-address a:hover {
	text-decoration: underline;
}

.table-order-detail_my td,
.table-order-detail_my th {
	padding: .35em;
}

.table-order-detail_my th {
	font-weight: 600;
}

.logo-24-pay {
	max-height: 8em;
}

table#technologie TR
{
    border-bottom: 1px solid #eee;
}

table#technologie TR TD
{
    padding-bottom:2px;
    text-align: justify;
}

/* ----------------------------------------- nejake css pre stranky editovatelne z CMS-ka --------------------------- */

table#technologie TR TD:first-child
{
    font-weight: bold;
    text-align:left;
}

#pay24button span {
	color: #FFF;
}

.result-search {
	border-bottom:1px solid #008acc ;
	border-left:1px solid #008acc ;
	border-right:1px solid #008acc ;
}

.result-search .find-product {

}

.result-search li img {
	width: auto;
	height: 3em;
}

.result-search li {
	display: block;
	background: #FFF;
	font-size: .85rem;
	padding: 0em 1em;
	font-weight: 600;
	min-height: 42px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.result-search li:first-child {
	padding-top: 1em;
}

.result-search li:last-child {
	padding-bottom: 1em;
}

.result-search li span {
	position: relative;
	margin-left: 1em;
	color: #337ab7;
}

.highlighted {
	color: #337ab7;
	font-weight: bold;
	margin: 0 !important;
}


.find-product {
	transition: .25s all ease-in-out;
}

.find-product:hover span {
	color: #6963ac !important;
}

.title-search {
	font-weight: 100 !important;
	font-size: 0.7rem !important;
	min-height: inherit !important;
	position: relative;
	z-index: 1;
	margin: 0 !important;
}

.title-search:before {
	border-top: 1px solid #dfdfdf;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 95%;
	z-index: 0;
}

.result-search li:first-child:before {
	top: 70%;
}

.title-search span {
	background: #fff;
	width: fit-content;
	padding: 0;
	padding-right: .5em;
	margin: 0 !important;
}

.search-box.size-1 .search-field {
	margin-right: 135px;
}

.primary-color {
	color: #515151;
}

.form-rating-article {
	position: relative;
}

.form-rating-article .rating-article-label {
	float: right;
}

.rating-article-label {
	right: 0;
}

.form-rating-article > label {
	position: relative;
	padding-right: 10px;
	color: #6f6f6f;
	font-size: 20px;
	cursor: pointer;
}

.form-rating-article > label:before  {
	background-image: none;
}

.form-rating-article > label:hover:before,
.form-rating-article > label:hover ~ label:before,
.form-rating-article:not(:hover) > :checked ~ label:before {
	content: "\f005";
}

.form-rating-article input {
	display: none;
}

.table-complaint-add h2,
.title-info-order {
	font-size: 1.250rem;
	padding-bottom: .5em;
}

.first-td-w {
	width: 90px;
}

.table-v-a-m td,
.table-complaint-add td {
	vertical-align: middle !important;
}

.panel-danger__mango {
	border-color: #ca1515;
}

.panel-danger__mango a {
	color: #FFF;
}

.panel-danger__mango .panel-heading {
	background: #ca1515;
	color: #fff;
}

.remove-account-label__confirm input:checked + span {
	background: #ca1515 !important;
}

.hot-mark {
	top: 16px;
	right: -22px;
	width: 100px;
}

.header-top-entry .title {
	border-left: none;
}

.description-main-banner {
	max-height: 15em;
	overflow: hidden;
}


.search-field {
	margin-right: 45px;
}

.categories-title {
	cursor: pointer;
}

.categories-title::after {
	content: '\f078';
	font-family: FontAwesome;
	margin-left: .5em;
}

.block-title.size-3 {
	font-size: 1.25rem;
}

.categories-title + ul {
	display: none;
}

.show-list:nth-child(-n+4) {
	display: block !important;
}

.text-highlight {
	color: #337ab7;
	font-weight: bold;
}

@media (max-width: 1199px) {
	.header-wrapper.style-3 .menu-button {
		margin-right: .5em;
	}
}

@media only screen and (min-width: 1024px) {
	#content-block {
		padding-bottom: 30rem;
	}

	.footer-wrapper__my {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
	}
}


@media (max-width: 991px) {

}


@media (max-width: 767px) {
	#content-block header{padding: 0px 0px;}
	#user-panel__menu {
		padding-right: .5em;
	}
	#logo img {
		/*width: 50%;
		height: auto;
		margin-left: 1em;*/
		cursor: pointer;
	}
	.sidebar-column_m {
		display: none;
	}
	.mozaic-banner-entry-min__my img,
	.mozaic-banner-entry__my > img {
		position: relative;
		width: auto;
	}

	.mozaic-banner-entry.type-1:before {
		background: initial;
	}
}

.faq .panel-heading:hover, .faq .panel-heading .enum, .faq .panel-heading A:hover {
    color: #FFFFFF !important;
}

.faq .panel-heading:hover .enum{
    color: #FFFFFF !important;
}

.box-category a
{
    overflow:hidden;
    text-overflow:clip;
    white-space:nowrap;    
}

@media only screen and (min-width:640px) {
    .back-to-top {
        text-align: center;
        font-size: 25px;
        position: fixed;
        bottom: 90px;
        right: 20px;
        z-index: 9;
        display: block;
        opacity: .7;
        cursor: pointer;
        background-color: #008acc;
        border-radius: 51%;
    }
}

.mozaic-banner-content-custom-slider
{
    background-color: rgb(255, 255, 255, 0.9);
    margin: 15px;
    padding: 15px !important;
    text-align: center;
}

.banner-left-bottom
{
    top: 70% !important;    
}

.banner-left-top
{
    top: 30% !important;    
}

.banner-top
{
    top: 20% !important;    
    max-width: 100% !important; 
    text-align: center;
    padding: 15px !important;
}

.banner-top-link
{
    display:block;
    width:100%;
    height:100%
}

.detail-info-floated
{
    margin-right:15px;
}

.detail-info-floated
{
    /*float:left; *//*Ak su tam velkostne tabulky, tak sa to skor nezmesti do riadku a vyzera to zle*/
}

.my-nice-input {
    border: none;
    border-bottom: 1px solid;
    font-weight: 500;
    color: #888;
}

.my-radio {
    display: inline-block !important;
    position: relative !important;
    top: 2px !important;
    -webkit-appearance: radio !important;
}

.my-checkbox {
    display: inline-block !important;
    position: relative !important;
    top: 2px !important;
    -webkit-appearance: checkbox !important;
}

.my-required {
    color: #c7192c;
    font-weight: 700;
    font-size: 1.500rem;
}
.my-error{
    border: 2px solid #c7192c !important;    
}





/* --------------------------  PROMO NOTIFICATIONS ------------------------------ */
#promo-notifications{
  /*background: #f647a2;*/
  font-size: 18px;
  width: 100%;
  transition: top 0.3s;
}

#promo-notifications ul{
    width: 100%;
    height: 35px;
    position: relative;
    overflow: hidden;
}

#promo-notifications li{
    width: 1040px;
    line-height: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 100%;
    text-align: center;
    list-style: none;
    color: #FFFFFF;
}

.fb-login-div
{
    border-bottom: 1px solid #a6a6a6;
    text-align:center;
    margin-bottom:10px;
}

.breadcrumb-title h1 {
    font-size: 40px;
    line-height: 40px;
    color: #2e2e2e;
    font-weight: 400;
    padding-bottom: 1em;
}

.breadcrumb-box__my p {
    text-align: justify;
    margin: 0 auto;
    font-size: 100%;
    vertical-align: baseline;
    color: #888888;
    line-height: 25px;
}