.cleaner{width:0; height:0; clear:both; font-size:0;}
img {border:0;}
.imagesGallery{width:100%; padding-top:10px;}
.imagesGalleryItem{float:left;}
.imagesGalleryItem img {padding: 3px;}
.toGallery{margin-bottom: 0.8em;}

#cookiesI{background: rgba(0,0,0,0.7); color: #fff; text-align: center; width: 100%; padding: 7px 0; position: fixed; bottom: 0; left: 0; right: 0; line-height: 25px; z-index: 100}
#cookiesI.hiddenpolicy{display: none}
#cookiesI a{color: #fff}
#cookiesI #cookiespolicybtn{background: #fff; padding: 3px 5px; display: inline-block; text-decoration: none; color: #000; margin-left: 15px}
.border0{border:none}
/* 
Orders default
Can be altered without display:none;
*/
.bcSuccInfo{display:none; color: #0f0;}
#CartOthersData{display:none;}
#FinishOrder{display:none;}
#TA{display:none;}
#xTW,#sicart,.hidden,#eur,#templateid,#zasilkovna,#enableinvoice,#categoryid{display: none}

input,textarea{font-family: Arial, sans-serif; font-weight: 400; font-size: 13px}
.contactForm label{display: block; width: 20%; float: left; margin-bottom: 5px; height: 32px; line-height: 32px}
.contactForm input,.contactForm button{display: block; width: 79%; margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px; line-height: 1em; padding: 0 5px; border-radius: 6px;}
.contactForm textarea{display: block; width: 79%; margin-left: 1%; float: left; resize:none;border:1px solid #707070; padding: 10px; height: 90px; margin-bottom: 5px; border-radius: 6px}
.contactForm select{display: block; width: 79%;margin-left: 1%; float: left; border:1px solid #707070; height: 32px; margin-bottom: 5px;  border-radius: 6px}
#recaptcha_widget_div{float: right; margin-bottom: 5px}
.contactForm input#file{border:0; height: 25px; margin-top: 5px}
.contactForm input.submit,.contactForm button.submit{width: 150px; background: #f1bb00; float: right; color: #000; border-color: #f1bb00; cursor: pointer;}
.contactForm input.submit:hover,.contactForm button.submit:hover{opacity: 0.9}
.contactForm input.checkbox,#lin .in input.checkbox{width: 16px; height: 16px;}
.contactForm label.checkbox,#lin .in label.checkbox{width: calc(95% - 16px); margin-left: 2%; line-height: 23px; height: auto}
#lin .in label.checkbox{font-size: 12px; line-height: normal;padding-top: 0}
.contactForm .dataProtection{float: left; max-width: calc(100% - 350px); font-size: 14px}
@media screen and (max-width:600px){
    .contactForm {margin: 0 10px;}
    .contactForm label{width: 100%; float: none}
    .contactForm input{width: 100%; margin-right: 0; float: none}
    .contactForm textarea{width: 100%; margin-right: 0; float: none}
    .contactForm .dataProtection{max-width: 100%; width: 100%; margin-bottom: 5px}
    .contactForm label.twolines{height: 45px; line-height: normal}
}

#Navigation {font-family: 'Oswald',sans-serif; float: right; margin-bottom: 1.8em}
#Navigation span{float: left; line-height: 60px; font-size: 20px; margin-left: 5px; margin-right: 5px}
#Navigation a{display: block; text-align: center; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none;text-transform: uppercase; float: left; padding: 0 15px; line-height: 60px; background: #000}
#Navigation a.selected{color: #000; background: #f1bb00;}
.bigMCart {margin-bottom: 2em}
.bigMCart .bcitem{background: #fafafa; position: relative; padding: 20px;font-family: 'Oswald',sans-serif; border-bottom: 1px solid #fff}
.bigMCart .bcitem .image{float: left; width: 18%; margin-right: 3%; max-height: 100px}
.bigMCart .bcitem .image img{max-width: 100%; max-height: 100px}
.bigMCart .bcitem .title{float: left; width: 49%;}
.bigMCart .bcitem .title a{display: block; text-decoration: none;}
.bigMCart .bcitem .delete{position: absolute; right: 0; top:0;}
.bigMCart .bcitem .delete a{display: block;width: 30px; height: 30px; line-height: 30px; text-align: center; background: #000; color: #fff; text-decoration: none}
.bigMCart .bcitem .quantity{float: left; width: 10%; position: relative; padding-top: 18px}
.bigMCart .bcitem .price{float: left; width: 20%; color: #f1bb00; font-size: 24px; padding-top: 10px}
.bigMCart .bcitem .price .eur{display: block; font-size: 13px; line-height: normal}
.bigMCart .bcitem .price .vat{font-size: 12px; color: #000}
.bigMCart .bcitem .quantity>span{float: left; height: 22px; display: inline-block; margin-left: 5px; margin-right: 5px}
.bigMCart .bcitem .quantity>span.green{color: #29c419}
.bigMCart .bcitem .quantity>span.blue{color: #20648b}
.bigMCart .bcitem .quantity>span.brown{color: #9f221c}
.bigMCart .bcitem .quantity>span.red{color: #da251d}/*#da251d*/
.bigMCart .couponRow{background: #fafafa; font-family: 'Oswald',sans-serif; border-bottom: 1px solid #fff; padding: 20px}
#MatchDelivery{padding: 10px; border:1px solid #666; /*background: rgba(97,196,212,0.3);*/ display: none; margin-bottom: 1.8em}
#SCopyBC .bigMCart .bcitem .image,
#SCopyBC .bigMCart .bcitem .delete{display: none}
#SCopyBC .bigMCart .bcitem .title{width: 70%; height: 48px}
#SCopyBC .bigMCart .bcitem .price,#SCopyBC .bigMCart .bcitem .quantity{/*height: 48px;*/ line-height: 48px; padding-top: 0; margin-bottom: 0}
#SCopyBC .bigMCart .bcitem .quantity>span:nth-child(2)::after{content:' ks';font-family: 'Oswald',sans-serif}
#SCopyBC .pass,#SCopyBC .negg{display: none;}
.pass,.negg{width:22px; height: 22px; font-size: 0; display: inline-block; float: left}
.pass{background: url(/templates/images/cartBtnPass.png) no-repeat center center;}
.negg{background: url(/templates/images/cartBtnNegg.png) no-repeat center center;}
.Next{padding: 0 10px; height: 60px; line-height: 60px;text-align: center; display: block; float: right; font-size: 20px; color: #000; text-decoration: none; font-weight: bold; margin-top: 10px; background: #f1bb00; margin-bottom: 20px; text-transform: uppercase}
.Prev{float:left; margin-left: 20px;}
.cline{width: 100%; height: 1px; background: #282828; margin-bottom: 1.8em}
/*#cbox1,#cbox2{ font-family: 'Oswald',sans-serif}*/
#cbox1,#cbox2{width: 100%; margin-bottom: 2%;float: left;}
#cbox1 h2,#cbox2 h2{font-weight: 700}
#cbox3{width: 48%;float: right; margin-right: 2%; margin-top: 1.8em; font-family: 'Oswald',sans-serif; text-align: right}
.voucher{width: 56%; float: right; margin-bottom: 1em}
.voucher label{float: left; margin-top: 5px}
.voucher input{float: left; height: 30px; margin-left: 10px; line-height: 1em; padding: 0; border:1px solid #b4bec2; margin-right: 10px; box-sizing: border-box; padding: 0 5px}
.voucher button{background: #f1bb00; color: #000; border:1px solid #f1bb00; height: 32px; float: left}
#cbox4,#cbox5,#cbox6{width: 31%; float: left; margin-right: 2%; margin-bottom: 1.8em}
#cbox4 .title,#cbox5 .title,#cbox6 .title{font-size: 20px; font-family: 'Oswald',sans-serif; color: #282828}
#cbox4,#cbox5{padding-top: 18px}
#cbox6 .title .red{color: #f1bb00; font-size: 36px}
#cbox6 .title .red .eur{font-size: 13px; display: inline-block; margin-left: 10px}
.deliveryOptions,.paymentOptions{display: table;float:left;; width: 100%; background: #fff; padding: 10px}
.deliveryOptions label,.paymentOptions label{color: #969696}
.deliveryOptions div,.paymentOptions div{display: table-row; margin-bottom: 5px}
.deliveryOptions>div>span,.paymentOptions>div>span{display: table-cell; vertical-align: top; padding-top: 5px; padding-bottom: 5px}
.deliveryOptions>div>span:nth-child(1),.paymentOptions>div>span:nth-child(1){ width: 30px;}
.deliveryOptions>div>span:nth-child(2){}
.deliveryOptions>div>span:nth-child(2) img,.deliveryOptions>div>span:nth-child(2) .text{float: left; display: block}
.deliveryOptions>div>span:nth-child(2) img{margin-right: 10px}
.deliveryOptions>div>span:nth-child(2) .text{width: calc(100% - 104px)}
.paymentOptions>div>span:nth-child(2){}
.deliveryOptions>div>span:nth-child(3),.paymentOptions>div>span:nth-child(3){padding-left: 10px; font-weight: bold;width: 130px; text-align: right}
.deliveryOptions input[type=radio],.paymentOptions input[type=radio]{-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
.deliveryOptions div.cpalt.hidden{display: none}
.deliveryOptions div.cpalt{width: 100%;display: block}
.deliveryOptions div.cpalt .choose{color: #f1bb00; font-weight: 700; margin-left: 5px}
.deliveryOptions div.cpalt .choose:after{content:'\f101'; margin-left: 3px}
.deliveryOptions div.cpalt input{position: relative; border:1px solid #ccc; height: 30px; padding: 0 5px; background: url(/templates/images/times-circle.svg) 98% 5px no-repeat; background-size: 16px;}
.deliveryOptions div.cpalt input.OK{background-image: url(/templates/images/check-circle.svg);}
.cpalt input{width: 100%; display: block; margin-top: 10px; margin-bottom: 10px}
.cpalt ul{list-style: none; margin: 0; padding: 0}
.cpalt ul li{list-style-image: none; margin: 0; padding: 0}
.cpalt ul li a{text-decoration: none; display: block; margin-top: 5px; margin-bottom: 5px}
.total{font-size: 26px; color: #282828; font-weight: bold}
#cbox3 .red{color: #f1bb00; font-size: 28px}
#cbox3 .red .eur{display: block; font-size: 13px}
#Delivery h2{width:420px;}
#Delivery h2:nth-child(1){margin-left: 30px; float: left;}
#Delivery h2:nth-child(2){margin-right: 10px; float: right;}
#DelSum{background:#F3F3F3; padding: 5px 10px; color: #000; font-size: 16px; margin: 10px 20px; font-weight: bold;}
#DelSum .title{float:left;}
#DelSum .output{float: right}
#Address .title{background:#F3F3F3; padding: 10px 20px; font-size: 16px; font-weight: bold; margin: 0 20px 20px;}
#Address table{width:960px; margin: 0 20px; border-collapse: collapse}
#Address table tr{background: #F3F3F3;}
#Address table td{padding-top: 10px; padding-bottom: 10px;}
#Address table td:nth-child(1){padding-left: 275px; width: 150px}
#Address table td label{font-size: 15px;}
#Address table td input{width:300px; border:1px solid #cfcfcf; padding: 0 5px; height: 25px; line-height: 1em;}
#Address table td select{width:312px; border:1px solid #cfcfcf; padding: 0 5px; height: 25px;}
#Address table td textarea{width: 300px; border: 1px solid #cfcfcf; padding: 5px; height: 90px; resize: none}
#Summary .address,#Summary .deliveryP,#Summary .QC{width: 200px; margin-left: 4px; float: left; background: #F3F3F3; padding: 15px 12px; margin-top: 4px}
#Summary select.address{padding: 0 12px}
#Summary .address .title,#Summary .deliveryP .title,#Summary .QC .title{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
#Summary .total{text-align: right; margin-top: 20px; padding-right: 24px; font-weight: bold; font-size: 18px; margin-bottom: 10px;}


.OrderNote{float:right; margin: 10px 20px;}
.OrderNote a{font-weight: bold; text-decoration: none;}
#Cart{display: block;}
#Delivery,#Address,#Summary{display: none;}
/* Register */
.registerform{width:98%; margin: 0 auto; border-collapse: collapse}
.registerform td:nth-child(1){width: 20%}
.registerform td{padding-top: 10px; padding-bottom: 10px;}
.registerform td.nullpad{padding-left: 0; width: 100%}
.registerform td input{width: calc(100% - 10px);border: 1px solid #cfcfcf;padding: 0 5px;height: 25px;line-height: 1em;}
.registerform td input.submit{background:#003f80; width: 200px; height: 50px; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase}

/* account */
.accountMainLinks a{text-decoration: none; font-size: 13px; display: inline-block; font-weight: bold; margin-right: 15px;}
.addrBox{width: 190px; padding: 5px; background: #eee; float: left; margin-right: 2%}
.addrBox a{font-weight: bold; text-decoration: none; display: inline-block; margin-top: 5px;}
.Add a{font-weight: bold; font-size: 13px; text-decoration: none;}
.AddressTable{width:500px; border-collapse: collapse}
.AddressTable th{width:120px; text-align: left; padding: 6px 0 0}
.AddressTable td{width: 380px; padding: 6px 0 0}
.AddressTable input.textbox{width: 358px; border:1px solid #cfcfcf; padding: 0 10px; line-height: 1em; height: 25px;}
.AddressTable input.submit{background:#003f80; width: 150px; height: 40px; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase; border:0;}
.AddrSucc{margin-bottom: 10px; color: #32670F; font-weight: bold;}
.orders_list{width:100%; border-collapse: collapse; margin: 0 auto 15px;}
.orders_list tr:nth-child(even){background: #e3e3e3}
.orders_list tr:nth-child(odd){background: #F3F3F3}
.orders_list tr.title{background: #d3d3d3}
.orders_list th{text-align: left; padding: 10px 5px;}
.orders_list td{text-align: left; padding: 10px 5px;}
.orders_list td a{text-decoration: none; font-weight: bold;}
.orders_list td a:hover{text-decoration: underline;}
#moa{display: block; width:100px; padding: 0 0 0 40px; margin: 15px 0; text-decoration: none; height: 35px; line-height: 35px; position: relative; float: right; font-size: 14px}
#moa .refresh{position: absolute; left: 0; top:0;background: url(/templates/images/refresh.png) no-repeat left center; width:35px; height: 35px; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden}
#moa:hover .refresh{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform:rotate(360deg); transform: rotate(360deg)}
#lin{max-width: 500px; width: calc(100% - 2px); border:1px solid #cfcfcf; margin: 0 auto 40px;}
#lin .in{padding: 25px;}
#defaultContent #lin h1,#defaultContent #Cart h1{color: #f1bb00; padding: 0; background: transparent}
#defaultContent #Cart h1{font-weight: 400}
#lin .in label{float: left; width: 25%; display: block; padding-top: 7px; margin-bottom: 10px}
#lin .in input{float: left; width: calc(75% - 22px); padding: 0 10px; border:1px solid #cfcfcf; height: 30px; line-height: 1em; display: block; border-radius: 3px; margin-bottom: 10px}
#lin .in input.fail{border-color: #db0d3b}
#lin .in input.submit{background: #f1bb00; color: #000; float: none; width: 150px; margin: 0 auto; border-color: #f1bb00; cursor: pointer;}
#lin .in input.submit:hover{opacity: 0.9}
#lin .in input.submit[disabled]{opacity: 0.5; cursor: default}
#lin .in input.checkbox{width: initial}
#lin .in select{float: left; width: 75%; height: 30px; border-radius: 3px; margin-bottom: 10px}
#manav{text-align: center; margin-bottom: 25px}
#manav a{display: inline-block; text-decoration: none; margin-right: 10px}
@media screen and (max-width:400px){
    #lin .in *{font-size: 12px}
    #lin .in h2{font-size: 27px}
    #lin .in{padding: 20px 10px}
}
#invoiceadd,#deliveryadd{width: 48%; float: left; margin-right: 2%; font-family: 'Oswald',sans-serif }
#GetCartUserData table{width: 100%;border-collapse: collapse; border:0}
/*#GetCartUserData #deliveryadd{display: none}*/
#GetCartUserData .title{font-size: 26px; font-weight: bold; color: #282828; margin-bottom: 0.8em}
#GetCartUserData table td{padding: 4px 0;}
#GetCartUserData table td input{height: 36px; line-height: 1em; padding: 0 5px; width: 100%; box-sizing: border-box; border:1px solid #282828}
#GetCartUserData table td select{height: 36px; width: 100%; box-sizing: border-box;border:1px solid #282828}
#GetCartUserData table td textarea{width: 100%; box-sizing: border-box; border:1px solid #282828; padding: 5px; height: 80px;resize: none}
#GetCartUserData table td .error{border-color: #f00;}
@media screen and (max-width:1000px){
    #cbox4 .title>span,#cbox5 .title>span,#cbox6 .title>span{font-size: 15px}
}
@media screen and (max-width:870px){
    .bigMCart .bcitem .price{font-size: 20px}
    #cbox6 .title .red{font-size: 25px}
    #cbox4, #cbox5{padding-top: 6px}
}
@media screen and (max-width:790px){
    #cbox3,#cbox4, #cbox5,#cbox6{width: 100%; margin-right: 0; margin-bottom: 2%}
    .voucher{width: auto}
}
@media screen and (max-width:600px){
    #cbox1,#cbox2{width: 100%; margin-right: 0; margin-bottom: 2%}
    #invoiceadd,#deliveryadd{width: 100%; margin-right: auto; margin-left: auto}
    #Navigation a{height: 30px; line-height: 30px; font-size: 12px; padding: 0 5px}
    #Navigation span{height: 30px; line-height: 30px; font-size: 12px}
    #SCopyBC .bigMCart .bcitem .price,#SCopyBC .bigMCart .bcitem .quantity{line-height: normal}
    .deliveryOptions>div>span,.paymentOptions>div>span{display: block; float: left}
    .deliveryOptions>div>span:nth-child(3), .paymentOptions>div>span:nth-child(3){width: 100%}
    .total{font-size: 20px}
}


@font-face{font-family:'FontAwesome';font-style:normal;font-weight:300;src:url(/templates/fonts/fa-light-300.eot);src:url(/templates/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-light-300.woff2) format("woff2"),url(/templates/fonts/fa-light-300.woff) format("woff"),url(/templates/fonts/fa-light-300.ttf) format("truetype"),url(/templates/fonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-regular-400.eot);src:url(/templates/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-regular-400.woff2) format("woff2"),url(/templates/fonts/fa-regular-400.woff) format("woff"),url(/templates/fonts/fa-regular-400.ttf) format("truetype"),url(/templates/fonts/fa-regular-400.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesome';font-style:normal;font-weight:900;src:url(/templates/fonts/fa-solid-900.eot);src:url(/templates/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-solid-900.woff2) format("woff2"),url(/templates/fonts/fa-solid-900.woff) format("woff"),url(/templates/fonts/fa-solid-900.ttf) format("truetype"),url(/templates/fonts/fa-solid-900.svg#fontawesome) format("svg")}
@font-face{font-family:'FontAwesomeB';font-style:normal;font-weight:400;src:url(/templates/fonts/fa-brands-400.eot);src:url(/templates/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/templates/fonts/fa-brands-400.woff2) format("woff2"),url(/templates/fonts/fa-brands-400.woff) format("woff"),url(/templates/fonts/fa-brands-400.ttf) format("truetype"),url(/templates/fonts/fa-brands-400.svg#fontawesome) format("svg")}
/* lato-100 - latin_latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-100.eot'); /* IE9 Compat Modes */
    src: local('Lato Hairline'), local('Lato-Hairline'),
         url('/templates/fonts/lato-v14-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-100.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-100.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-100italic - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-100italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
         url('/templates/fonts/lato-v14-latin_latin-ext-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-100italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-100italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-100italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-300 - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
    src: local('Lato Light'), local('Lato-Light'),
         url('/templates/fonts/lato-v14-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-300.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-300italic - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Light Italic'), local('Lato-LightItalic'),
         url('/templates/fonts/lato-v14-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-300italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-regular - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
    src: local('Lato Regular'), local('Lato-Regular'),
         url('/templates/fonts/lato-v14-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-regular.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-italic - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Italic'), local('Lato-Italic'),
         url('/templates/fonts/lato-v14-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-700 - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'), local('Lato-Bold'),
         url('/templates/fonts/lato-v14-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-700.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-700italic - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
         url('/templates/fonts/lato-v14-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-700italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-900 - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
    src: local('Lato Black'), local('Lato-Black'),
         url('/templates/fonts/lato-v14-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-900.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* lato-900italic - latin_latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: url('/templates/fonts/lato-v14-latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Black Italic'), local('Lato-BlackItalic'),
         url('/templates/fonts/lato-v14-latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/lato-v14-latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/lato-v14-latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/lato-v14-latin_latin-ext-900italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  /* open-sans-300 - latin-ext_cyrillic-ext_cyrillic_latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-300italic - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-italic - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600 - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-600italic - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700italic - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-700 - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-800 - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
  }
  /* open-sans-800italic - latin-ext_cyrillic-ext_cyrillic_latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.eot'); /* IE9 Compat Modes */
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.woff') format('woff'), /* Modern Browsers */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/templates/fonts/open-sans-v15-latin-ext_cyrillic-ext_cyrillic_latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
  }


*:before,*:after{font-family: 'FontAwesome'; font-weight: 400}
*{box-sizing: border-box}
body{padding: 0; margin: 0; font-family: 'Lato',sans-serif; color: #1a1a1c; min-width: 320px; background:#f7f8f9;}
.cleaner {clear: both;width: 0; height: 0; line-height: 0}
.clearfix::after {content: ""; clear: both; display: table;}

.inner{max-width: 59.89%; width: 100%; margin: 0 auto}
h1,h2,h3,h4,h5,h6{font-family: 'Lato',sans-serif; padding: 0; margin: 0 0 0.8em}
h1{font-size: 64px;font-weight: 600;letter-spacing: 1px}
h1 .small{display: block; font-weight: 400}
h2{font-size: 42px; font-weight: 600}
h3,h4,h5,h6{font-size: 36px; font-weight: 600}
p{line-height: 1.5em; padding: 0; margin: 0 0 1.8em;}
a{color: inherit; text-decoration: underline}
a:hover{color: inherit; text-decoration: none}
img,iframe{max-width: 100%}
.twoCols, .threeCols { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.twoCols .col{width: 48%; margin:0 4% 4% 0 ; }
.twoCols .col:nth-child(2n){margin: 0 0 4% 0}
.threeCols .col{width: 32%; margin:0 2% 2% 0; }
.threeCols .col:nth-child(3n){margin:0 0 2% 0}

/* icon */

.fa, .fas {font-family: 'Font Awesome'; font-weight: 900;}
.fab:before {font-family: 'FontAwesomeB'; font-style:normal;}
 
.fa-facebook-square:before {content:'\f082';  font-size:1em; color:#1e71c7}
.fa-phone:before {content:'\f095'; font-style:normal; color:#cdcdcd}
.fa-envelope:before {content:'\f0e0'; font-style:normal; color:#cdcdcd}
.fa-facebook:before {content: "\f09a"; }
.fa-angle-left:before {content: "\f104"; font-style:normal}
.fa-angle-right:before {content: "\f105"; font-style:normal }
.fa-user:before {content: "\f007"; font-style:normal}
.fa-search:before {content: "\f002"; font-style:normal}
.fa-sign-in-alt:before {content: "\f2f6"; font-style:normal}
.fa-key:before {content: "\f084"; font-style:normal}
.fa-shopping-cart:before {content: "\f07a"; font-style:normal}
.fa-bars:before {content: "\f0c9"; font-style:normal }
.fa-facebook-f:before {content:'\f39e';  }
.fa-facebook-square:before {content:'\f082';  font-size:0.8em;}
.fab:before {font-family: 'FontAwesomeB'; font-style:normal;}

#mContext {-webkit-transition:0 all;  transition:0 all; padding:145px 0 0 0;}


header{position: fixed; top:0; z-index: 3; width:100%;}
.headerTop {background:#fff; padding:0;}
.headerBottom {background:#152541; padding:0.5em 0;}
.headerTop .inner, .headerBottom .inner {max-width:3000px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;}
.headerTop .inner {justify-content: space-between; -webkit-justify-content: space-between;}
.headerBottom .inner {justify-content: space-between; -webkit-justify-content: space-between;}
.headerR {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; width:80%;}

.lang {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end;}
.lang a {display:block; margin:0 0 0 5px;}
.lang a img {display:block; }
.lang img {max-width:18px}
.logo {width:20%;}
.logo img {display:block; max-width:185px}

.basketTop {background:#f1bb00; align-items: center; position:relative;  display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color:#152541; font-size:1.1em; border-left:1px solid #f8df87; padding:0 25px; height:80px;}
.basketTop a {text-decoration:none; font-family: 'Open Sans',sans-serif; letter-spacing: 1px}
.basketTop svg {margin:0 10px 0 0;}
.basketTop .number {position:absolute; bottom:27%; left:43px; width:16px; height:16px; background:#152541; color:#fff; text-align:center; line-height:16px; font-size:0.5em; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:0 0 0 2px;}


.loginBox {height:80px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.loginBox a {padding:6px 30px;  color:#fff; text-decoration:none; display:block; }
.loginBox a span {width:100%; display:block; text-align:center;}
.loginBox a svg {fill:#fff; margin:0 0 2px 0;}
.loginBox a strong {display:block; width:100%; text-align:center; font-weight:500;}
.loginBox a:hover {color:#f1bb00;}
.loginBox a:hover svg {fill:#f1bb00;}

.search {border-right:1px solid #fff; border-left:1px solid #fff; width:62%;  }
.searchIn {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; height:100%;}
.searchIn form{display: flex; width: 100%}
.search .searchText {border:none; background: transparent; width:calc(100% - 80px); padding:0 35px; color:#fff; font-size:1.1em; outline: none;}
.search button {cursor:pointer; border:none; background: transparent; height:80px; width:80px; display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;  align-items: center; justify-content: center; -webkit-justify-content: center;}
.search button svg {fill:#fff;}
.search button:hover svg {fill:#f1bb00;}

#midpart{position: relative; z-index: 2}
#midpart .container {margin:0 auto; padding:20px 0 0 0;}
#midpart .container.flex {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}

.colL {width:27%; margin:0 1% 0 0}
.colR {width:72%;}
.leftBox {background:#fff; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; -moz-box-shadow: 3px 0 4px #ecedee; -webkit-box-shadow: 3px 0 4px #ecedee; 
    box-shadow: 3px 0 4px #ecedee; padding:26px; margin:0 0 2em 0;}
.leftTitle {color:#1f2a33; font-size:1.38em; font-weight:600; margin:0 0 1em 0; line-height:1.4em;}

.menu {width:100%}
.menu ul {display:table; width:100%; margin:0; padding:0; list-style:none;}
.menu ul li {display:table-cell; vertical-align:middle; text-align:center;  line-height:1.3em; position:relative;}
.menu ul li a {color:#333e41; font-size:0.81em; font-weight:600; text-transform:uppercase; line-height:1.3em; text-decoration:none; display:block; padding:0 15px 0 16px; height:50px; display: -webkit-flex;
    display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.menu ul li:before {position:absolute; top:13px; left:0; content:'|'; color:#333e41;}
.menu ul li:first-child:before {display:none;}
.menu ul li a:hover {color:#f1bb00;}
.menu ul li.selected a {color:#f1bb00;}


/*
.menu>a{display:none;text-decoration: none;height: 60px; width:60px; position:absolute; right:20px; top:0 ;}
.menu>a:after{content:''; display:block; width:30px; height:30px; background:url(/templates/images/bars.svg) no-repeat left top; background-size:30px 30px; position:absolute; top:15px; left:15px;}
.menu>a:hover{color:#171717 }
*/

footer {position:relative; width:100%; z-index: 1}

.copy {text-align:right; font-size:0.6em; margin:0 0 1em 0; }
.copy a {text-decoration:none; color:#fff; display:block;}
.copy a:hover {text-decoration:underline; color:#fff;}

.copy2 {text-align:right; font-size:0.6em; margin:0 0 0 0; }
.copy2 a {text-decoration:none; color:#fff; display:block;}
.copy2 a:hover {text-decoration:underline; color:#fff;}

.slider .item img {display:block;}

.searchBtn {display:none; }
.searchBtn svg {fill:#fff;}

#menu {padding:0 0 0 40px;}
.logo {padding:0 0 0 40px}

.breadCrumbs {width:100%; padding:0 0 0 40px; margin:0 0 1em 0; font-size:0.82em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.breadCrumbs a {color:#888888; display:block; padding:0 27px 0 18px; text-decoration:none; position:relative; }
.breadCrumbs a:before {position:absolute; top:calc(50% - 5px); right:0; content:""; width:10px; height:10px; background-size: 10px 10px; background:url(/templates/images/chevron-right.svg) no-repeat left top; display:block;}
.breadCrumbs a:first-child {padding:0 27px 0 0;}
.breadCrumbs span {padding:0 0 0 18px; display:block;}
.breadCrumbs a:hover {text-decoration:underline}

.leftTree {border-top:1px solid #999999; font-family: 'Open Sans',sans-serif; margin:0 0 3em 0;}
.leftTree ul {list-style:none; padding:0; margin:0;}
.leftTree>ul>li {display:block; position:relative; }
.leftTree>ul>li>a {border-bottom:1px solid #999999; display:block; padding:15px 10px 15px 45px; position:relative; text-decoration:none; color:#333333; font-weight:800; text-transform:uppercase; font-size:0.9em; background:url(/templates/images/list-ul.svg) no-repeat 10px center; background-size:19px 19px;}
/*.leftTree>ul>li:first-child>a {border:none;}*/
.leftTree>ul>li>a>span {color:#b5b5b5; font-weight:600;}
.leftTree>ul>li.haschilds>a {padding:15px 30px 15px 45px;}
.leftTree li.haschilds>a>.doexpandchild:before {content:'\f067';font-size: 19px; width:19px; height:19px; display:block; position:absolute; top:15px; right:10px;}
.leftTree li.haschilds.throw>a>.doexpandchild:before {content:'\f068'; }
.leftTree>ul>li>ul {border-bottom:1px solid #999999;}
.leftTree>ul>li>a:hover, .leftTree>ul>li.expanded>a, .leftTree>ul>li.selected>a {background-color:#f1bb00;}
.leftTree>ul>li.expanded>a>span, .leftTree>ul>li.selected>a>span, .leftTree>ul>li>a:hover>span {color:#333333;} 
.leftTree li.haschilds>ul{display: none}
.leftTree li.haschilds.throw>ul{display: block}
.leftTree>ul>li>ul>li {display:block; position:relative;}
.leftTree>ul>li>ul>li>a {display:block; padding:15px 20px 15px 55px; text-decoration:none; color:#333333; font-weight:400; font-size:0.9em; border-top:1px solid #999999; }

.leftTree>ul>li>ul>li>a>span {color:#b5b5b5; }
.leftTree>ul>li>ul>li>a:hover, .leftTree>ul>li>ul>li.expanded>a, .leftTree>ul>li>ul>li.selected>a {background-color:#152541; color:#fff;}
.leftTree>ul>li>ul>li>a>.doexpandchild:hover:before, .leftTree>ul>li>ul>li.expanded>a>.doexpandchild:before, .leftTree>ul>li>ul>li.selected>a>.doexpandchild:before{color: #fff}
.leftTree>ul>li>ul>li.expanded>a>span, .leftTree>ul>li>ul>li.selected>a>span, .leftTree>ul>li>ul>li>a:hover>span {color:#fff;} 

.leftTree>ul>li>ul>li>ul {background:#e0e0e0;}
.leftTree>ul>li>ul>li>ul>li {display:block; position:relative;}
.leftTree>ul>li>ul>li>ul>li>a {display:block; padding:15px 20px 15px 65px; text-decoration:none; color:#333333; font-weight:400; font-size:0.9em; border-top:1px solid #999999; }
.leftTree>ul>li>ul>li>ul>li>a>span {color:#585757; }
.leftTree>ul>li>ul>li>ul>li>a:hover, .leftTree>ul>li>ul>li>ul>li.expanded>a, .leftTree>ul>li>ul>li>ul>li.selected>a {background:#333333; color:#fff;}
.leftTree>ul>li>ul>li>ul>li.expanded>a>span, .leftTree>ul>li>ul>li>ul>li.selected>a>span, .leftTree>ul>li>ul>li>ul>li>a:hover>span {color:#fff;} 

.leftTree>ul>li>ul>li>ul>li>ul {background:#d3d3d3;}
.leftTree>ul>li>ul>li>ul>li>ul>li {display:block; position:relative;}
.leftTree>ul>li>ul>li>ul>li>ul>li>a {display:block; padding:15px 20px 15px 75px; text-decoration:none; color:#333333; font-weight:400; font-size:0.9em; border-top:1px solid #999999; }
.leftTree>ul>li>ul>li>ul>li>ul>li>a>span {color:#585757; }
.leftTree>ul>li>ul>li>ul>li>ul>li>a:hover, .leftTree>ul>li>ul>li>ul>li>ul>li.expanded>a, .leftTree>ul>li>ul>li>ul>li>ul>li.selected>a {background:#2b2a2a; color:#fff;}
.leftTree>ul>li>ul>li>ul>li>ul>li.expanded>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li.selected>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li>a:hover>span {color:#fff;} 

.leftTree>ul>li>ul>li>ul>li>ul>li>ul {background:#b1b0b0;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li {display:block; position:relative;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>a {display:block; padding:15px 20px 15px 85px; text-decoration:none; color:#333333; font-weight:400; font-size:0.9em; border-top:1px solid #999999; }
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>a>span {color:#585757; }
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>a:hover, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li.expanded>a, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li.selected>a {background:#202020; color:#fff;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li.expanded>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li.selected>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>a:hover>span {color:#fff;} 

.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul {background:#868686;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li {display:block; position:relative;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {display:block; padding:15px 20px 15px 95px; text-decoration:none; color:#fff; font-weight:400; font-size:0.9em; border-top:1px solid #999999; }
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a>span {color:#fff; }
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a:hover, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.expanded>a, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.selected>a {background:#141414; color:#fff;}
.leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.expanded>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.selected>a>span, .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a:hover>span {color:#fff;} 

.rightBox {background:#fff; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;  padding:26px; overflow:hidden; margin:0 0 3em 0;}
.sliderWrap {position:relative; width:100%; height:100%; margin:0 0 2em 0;}
.sliderItem img {display:block}
.nivo-controlNav {position:absolute; bottom:5%; left:10%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;z-index: 10}
.nivo-controlNav a {display:block; height:38px; width:38px; line-height:38px; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px 0 0; -moz-box-shadow: 3px 3px 4px #f2f2f2 ; -webkit-box-shadow: 3px 3px 4px #f2f2f2 ; box-shadow: 3px 3px 4px #f2f2f2 ; text-align:center; text-decoration:none; color:#444444}
.nivo-controlNav a.active, .sliderNav a:hover {color:#fff; background:#f1bb00;}


.hpNav ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; list-style:none; margin:0; padding:0;}
.hpNav li {width:32%; margin:0 2% 0 0;}
.hpNav li:nth-child(3n) { margin:0 0 0 0;}
.hpNav li a {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;  -webkit-justify-content: center; justify-content: center; height:60px; text-decoration:none; font-size:1.55em; font-weight:600; color:#fff; background:#f1bb00;}
.hpNav li:nth-child(2n) a {background:#152541}
.hpNav li a:hover {background:#ffc602}
.hpNav li:nth-child(2n) a:hover {background:#18315c;}

.hpTitle {font-size:1.38em; font-weight:600; margin:0 0 0.5em 0; color:#1f2a33; padding:0 5px;}
.products {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.products .item {width:24.4%; margin: 0 0.8% 2% 0; background:#fff; overflow: hidden;}
.products .item:nth-child(4n) {margin:0 0 2% 0; }
.products .item:hover {-moz-box-shadow: 2px 3px 4px #e1e2e3; -webkit-box-shadow: 2px 3px 4px #e1e2e3; box-shadow: 2px 3px 4px #e1e2e3;
}
.products .itemImg {margin:0 0 .5em 0; position:relative; height: 350px; display: flex; flex-direction: column; justify-content: center; position: relative}
.products .itemImg a{display: block; height: 100%; text-align: center}
.products .icoImg {position:absolute; top:0; left:0; }
.products .icoImg>div {height:28px; line-height:28px; padding:0 10px; margin:0 0 5px 0; display:block; text-transform: uppercase; font-size:0.8em; font-weight:600; text-align:center; letter-spacing: 1px;}
.products .icoImg>div.icoSale {background:#32a513; color:#fff; }
.products .itemImg img {max-height: 100%}
.products .itemImg .tag{position: absolute; left: 0; bottom: 0; padding: 5px 10px; background: rgba(255,255,255,0.9); color: #f1bb00; font-size: 12px}
.products .itemImg .discount{position: absolute; right: 0; top: 0; padding: 5px 10px; background: #c0000b; color: #fff; font-size: 12px}
.products .itemWrap {padding:0 10px 20px 10px;}
.products .itemTitle  {height:60px; overflow: hidden; color:#526fab; font-weight:600;  line-height:1.2em; margin:0 0 .2em 0}
.products .itemTitle a {color:#526fab; text-decoration:none;}
.products .itemTitle a:hover {color:#18315c;}
.itemCode {height:20px; overflow: hidden; color:#0b0b0b; font-size:0.85em; font-weight:600; margin:0 0 .5em 0}
.itemDesc {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; margin:0 0 1em 0;}
.marks{background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 20px}
.marks select{max-width: 400px; width: 100%; height: 30px; border-radius: 2px}
.marks .opt{float: right;}
.marks .opt select{max-width: 200px}

.itemPrice {font-size:1.05em; font-weight:600; }
.itemPrice span {font-weight:400; font-size:0.45em;}
.itemStock>div {font-size:0.5em; text-transform: uppercase; padding:0 10px; line-height:18px; font-weight:600; height:18px; margin:5px 0 0 0; position:relative;}
.itemStock>div.icoStock1 {background:#73c2fb; color:#fff}
.itemStock>div:before {position:absolute; border-style: solid; border-width: 6px 0 6px 8px; border-color:  transparent transparent #67abdc transparent; top:-12px; content: ""; left:0;}

.itemBottom {background:#ffc602; padding:6px 8px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;  align-items: center; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; margin:0 0 .5em 0;}
.itemBottom input {width:65px; height:29px; text-align:center; }
.itemBottom a,.itemBottom span.onestep {display:block; width:calc(100% - 65px); height:29px; line-height:29px; text-align:center; color:#fff; font-weight:600; text-transform: uppercase; font-size:0.9em; text-decoration:none;}
.itemBottom.grey{background: #999}
.itemBottom a:hover {color:#152541;}
.products .itemText {font-size:0.8em; color:#1a1a1c; height:33px; overflow: hidden; line-height:1.3em;}

footer {background:#152541; color:#fff; }
footer .inner {display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  padding:50px 0;}
.logoFooter img {max-width:195px}
/*.logoCert {max-width:84px}*/
.fl {width:25%; }
.fr {width:25%; text-align:right; padding:28px 0 0 0;}
.fc {width:50%; padding:20px 0 0 0;}
.fl img {display:block; margin:0 0 2em 0;}
.fl .lce *{float: left}
.fl .lce a{width: 120px; margin-left: 15px; padding-top: 25px; display: block}
.fl img:last-child {margin:0;}
.fc ul {list-style:none; margin:0; padding:0; display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; }
.fc ul li {width:48%; margin:0 4% 0 0;}
.fc ul li:nth-child(2n) {margin:0;}
.fc ul li a {display:block; padding:8px 0; font-size:1.15em; color:#fff; text-decoration:none;}
.fc ul li strong {padding:6px 0; font-weight:600; display:block;}
.fc ul li a:hover {color:#ffc602}

.footerAdress {margin:0 0 2em 0;}
.footerTitle {font-weight:600; margin:0 0 1.5em 0}
.footerText {font-size:1.2em; font-weight:500; line-height:1.4em;}
.footerText a {display:block; text-decoration:none;}
.footerText a:hover {color:#ffc602}

.card {display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; margin:0 0 2em 0;}
.card img {max-width:100%; max-height:25px; display:block; margin:0 0 5px 5px;}

.contentList {padding:25px 25px 0 25px; margin:0 0 1em 0; }
.contentList h1 {color:#526fab; font-size:1.625em; margin:0 0 0.8em 0; font-weight:600; }
.rightFilter {padding:25px 0 15px 0; background:#fff; margin:0 0 1em 0; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; font-family: 'Open Sans',sans-serif;}
.rightFilter .item50 {width:50%; padding:0 20px 0 20px; display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.rightFilter .item33 {width:33.33%; padding:0 20px 0 20px; display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.rightFilter label {font-size:1.2em; margin:0 10px 10px 0; font-size:0.95em; font-weight:600; line-height:1.2em;}
.rightFilter .item50 label {width:150px}
.rightFilter .item33 label {width:80px}
.rightFilter select {display:block; height:28px; outline: none; margin:0 0 10px 0; font-size:0.85em;}
.rightFilter option { outline: none;}
.rightFilter .item50 select {width:calc(100% - 160px); }
.rightFilter .item33 select {width:calc(100% - 90px); }


.pages ul { display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: center; justify-content: center; list-style:none; margin:0 0 1em 0; padding:20px 0 0 0;}
.pages ul li {font-size:1.1em;}
.pages ul li a {color:#878787; text-decoration:none; font-weight:600; display:block; padding:0 10px;}
.pages ul li a:hover {text-decoration:underline}
.pages ul li span {text-decoration:underline; font-weight:600;display:block; padding:0 10px; color:#1f2a33;}

.contentDetail {background:#fff; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; -moz-box-shadow: 3px 0 4px #ecedee; -webkit-box-shadow: 3px 0 4px #ecedee; 
    box-shadow: 3px 0 4px #ecedee; padding:26px; margin:0 0 2em 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; font-family: 'Open Sans',sans-serif;}
.contentDetail h1 {color:#1f2a33; font-size:1.4em; margin:0 0 1em 0; font-weight:600; width:100%;}
.contentDL {width:48%; margin:0 4% 0 0;}
.contentDR {width:48%;}
.gal {margin:0 0 1em 0;}
.gal img {border:1px solid #e9e9e9; display:block;}
.galSm {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.galSm a {display:block; width:23.5%; margin:0 2% 2% 0;}
.galSm a:nth-child(4n) {margin:0 0 2% 0;}
.galSm a img {display:block; border:1px solid #e9e9e9;}

.detailDes {margin:0 0 2em 0; font-size:0.95em;  color:#1f2a33}
.detailDes p {margin:0 0 1em 0;}
p.spanBlock {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
p.spanBlock span {display:block; padding:0 10px 0 0; margin:0 10px 0 0; position:relative}
p.spanBlock span:before {content:"|"; display:block; position:absolute; top:0; right:0; color:#1f2a33; font-weight:600; line-height:1.2em;}
p.spanBlock span:last-child:before {content:""}

.detailIco {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0 0 8px 0;}
.detailIco>div {display:block; min-width:160px; text-align:center; height:35px; line-height:35px; text-transform: uppercase; font-weight:600; font-size:1em; letter-spacing: 1px}
.detailIco>div.icoSale {background:#c0000b; color:#fff;}
.detailStock {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0 0 8px 0; align-items: center; }
.detailStock .stock {display:block; min-width:160px; text-align:center; height:35px; line-height:35px; text-transform: uppercase; font-weight:600; font-size:1em; letter-spacing: 1px; margin:0 10px 0 0;}
.detailStock .stock.stockYes {background:#17920d; color:#fff;}
.detailStock .stockText {font-weight:600; color:#1f2a33; font-size:0.9em;}

.detailPrice {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0; align-items:center; }
.price1 {color:#152541; font-size:1.7em; margin:0 20px 0 0; font-weight:600;}
.price2 {color:#cd1212; font-size:1.4em; margin:0 20px 0 0; font-weight:600; text-decoration:line-through; padding:3px 0 0 0;}
.price3 {color:#7b7b7b; font-size:1.2em; margin:0 0 0 0; font-weight:600;}
.price4 {color:#7b7b7b; font-size:0.95em; margin:0 0 2em 0; font-weight:600;}

.detailFooter {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0; align-items:center; -webkit-justify-content: flex-end; justify-content: flex-end; width: 100%}
.detailFText {font-weight:800; margin:0 10px 0 0; color:#1f2a33; font-size:0.9em;}
.detailInput {width:60px; height:28px; text-align:center; margin:0 10px 0 0; border:1px solid #e9e9e9; }
.detailKs {font-size:0.9em; margin:0 20px 0 0;}
.detailFooter .button {cursor:pointer; background:#f1bb00; color:#fff; font-size:1.2em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-justify-content: center; 
    justify-content: center; border:none; height:50px; padding:0 30px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; align-items: center;}
.detailFooter .button svg {margin:0 10px 0 0; fill:#fff;}
.detailFooter .button span {text-transform: uppercase; font-weight:600; cursor: pointer; font-size:0.9em;}  
.detailFooter .button:hover {background:#ffc703;}   

.tab {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%}
.tab button {padding:0 40px; height:60px; margin:0 2px 0 0; background:#e3e3e3; text-transform: uppercase; color:#1f2a33; cursor:pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border:none; font-weight:600; font-size:0.9em; }
.tab button:hover, .tab button.active,.tab button.selected {background:#f1bb00;}
.tabcontent {background:#fff; padding:45px; display: none; width: 100%}
.tabcontent.selected {display: block}
h2 {color:#1f2a33; font-size:1.37em; }
h1 {color:#1f2a33; font-weight:600; margin:0 0 1em 0; font-size:2em; }
.contentNews {padding:0 0 0 10px;}
.contentNews .item {background:#fff; padding:20px; margin:0 0 2em 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
.contentNews .item .itemL {width:40%; margin:0 2% 0 0;}
.contentNews .item .itemR {width:58%; }
.contentNews .newsDate {line-height:1.2em; color:#373737; padding:0 10px 0 0; border-right:1px solid #373737; margin:0 0 1em 0; width:40px; text-align:center;}
.contentNews .newsDate strong {display:block; font-size:1.45em;}
.contentNews .newsDate span {display:block;}
.contentNews .itemTitle {margin:0 0 1em 0;}
.contentNews .itemTitle a {background:#f1bb00; color:#fff; text-decoration:none; padding:12px 20px; display:block; font-size:1.5em; font-weight:600; display:table; }
.contentNews .itemText {line-height:1.8em; display:block; font-size:0.8em; margin:0 0 2em 0}
.contentNews .itemBtn {text-decoration:none; color:#474747; font-size:0.8em; font-weight:600; font-family: 'Open Sans',sans-serif; letter-spacing: 1px; text-transform: uppercase;}
.contentNews .itemBtn:hover {text-decoration:none; color:#f1bb00;}
.cenik {background:#fff; padding:20px; margin:0 0 1em 0; }

.checkbox-box {position:relative;}
.checkbox-box input[type="checkbox"] {display:none;}
.checkbox-box input[type="checkbox"] + label {cursor: pointer; padding:0 0 0 28px; position:relative; color:#0e0e10;}
.checkbox-box input[type="checkbox"] + label::before {content:"";display:block; width:17px; height:17px; margin:0 10px 0 0; border:1px solid #a6a6a6; position:absolute; top:0; left:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-image: linear-gradient(#ededed, #dedede); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dedede');  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dedede')"; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ededed),color-stop(1, #dedede));}
.checkbox-box input[type="checkbox"] + label:after {content:""; position:absolute; top:2px; left:3px; font-size:15px; color:#32b000; background:none;}
.checkbox-box input[type="checkbox"]:checked + label:after {content:"\f00c";  }
.fmb{margin-bottom: 15px}

.ulCenik {list-style:none; margin:0 0 2em 0; padding:0;}
.ulCenik>li {display:block; padding:5px 0;}
.ulCenik li.haschilds>.checkbox-box {position:relative; padding:0 28px 0 0; display:table;}
.ulCenik li.haschilds>.checkbox-box>.doexpandchild:before {position:absolute; top:2px; right:0; content:"\f078";  }
.ulCenik li.haschilds.throw>.checkbox-box>.doexpandchild:before {content:"\f077"; }
.ulCenik li.haschilds>ul{display: none}
.ulCenik li.haschilds.throw>ul{display: block}
.ulCenik>li ul {margin:10px 0 0 28px; padding:0; list-style:none;}
.ulCenik>li>ul>li>ul {margin:10px 0 0 38px;}
.ulCenik>li>ul>li>ul>li>ul {margin:10px 0 0 48px;}
.ulCenik>li>ul li {display:block; padding:5px 0;}
.ulCenik>li.hasStrong input[type="checkbox"] + label {font-weight:600; color:#f1bb00; text-transform:uppercase;}

.filterBtn {display:block; padding:1em 2em; color:#fff; cursor:pointer; background:#138c2a; border:none; font-size:1.2em; width:100%; -webkit-border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; border-bottom-left-radius:9px; text-align:left; -webkit-border-bottom-right-radius:9px; -moz-border-bottom-right-radius:9px; border-bottom-right-radius:9px;}
.filterBtn:hover {background:#0fa32b; color:#fff;}

.heureka {position:fixed; right:0; top:200px; }
.heureka img {max-height:215px; display:block;}

#CatalogueParamsPosibilities{background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 30px}
#CatalogueParamsPosibilities>.opt{width: 32%; float: left; margin-right: 2%; margin-bottom: 15px}
#CatalogueParamsPosibilities>.opt:nth-child(3n){margin-right: 0}
#CatalogueParamsPosibilities .opt label{width: 40%; float: left; margin-right: 2%; height: 30px; line-height: 30px}
#CatalogueParamsPosibilities .opt select{width: 58%; float: left; height: 30px; border-radius: 2px}

.GPpay{background: #ffc602; color: #fff; display: block; width: 200px; height: 40px; line-height: 40px; text-decoration: none; font-weight: 700; margin: 15px 0 0; text-align: center}
.GPpay:hover{opacity: 0.9}

.types{display: none; margin-top: 10px}
.logoCert{max-width: 50px}
.copya{margin-top: 20px; font-size: .6em}

.filterevent{display: none;text-decoration: none; margin-bottom: 10px}
.filterevent:after{content:'\f107'; margin-left: 5px}
#abscont{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#abscont.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll; font-size: 13px;box-sizing:unset}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul,.sidenav>ul>li:nth-child(1) li.expanded>ul{display: block}
.sidenav ul li>a>span.doexpandchild{float: right}
.sidenav ul li>a>span.doexpandchild::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span.doexpandchild::after,.sidenav ul li.haschilds.selected>a>span.doexpandchild::after{content:'▲'}
#AM,#CM,#templateid,#FBPID,#gifts{display: none}

.filesBox{margin: 0 0 1.8em; background-color: #fff;}
.filesBox .file {padding: 15px;}
.filesBox .file{border: 1px solid #dfdfdf; border-bottom: 0; padding: 15px;}
.filesBox .file .type {display: block; float: left; padding-top: 5px;}
.filesBox .file .txt {display: block; float: left; padding-left: 15px; padding-top: 2px; width: 80%;}
.filesBox .file .txt a{text-decoration: none; color: #4f4f4f}
.filesBox .file:last-child{border-bottom: 1px solid #dfdfdf}
.cattext{background: #fff; padding: 10px; margin-bottom: 15px}
.osramlink{text-decoration: none; display: inline-block; height: 30px; line-height: 30px; background: #f1bb00; color: #333;; padding: 0 10px}
.osramlink:hover{background: #f1bb00; color: #333; opacity: 0.9}
.btn{background: #f1bb00; color: #152541; display: inline-block; padding: 8px 20px; text-decoration: none}
.btn:hover{text-decoration: none; color: #152541; opacity: .9}
/*.gifts .gift{width: 32%; float: left; text-align: center}
.gifts .gift a{text-decoration: none}*/
@media screen and (max-width: 2559px) {
    body {font-size:16px;}
}
@media screen and (min-width: 1921px) {
    .headerTop .inner, .headerBottom .inner {max-width:1900px; }
    #midpart .container {max-width:1900px;}
    footer .inner {max-width:1900px;}
}
@media screen and (max-width:1920px){
    .products .itemImg {height: 175px}
}
@media screen and (max-width: 1600px) {
    .headerTop .inner, .headerBottom .inner {max-width:1160px; }
    footer .inner {max-width:1160px;}
    #midpart .container {max-width:1160px;}
    .search {width:48%;}
    .logo {padding:0}
    #menu {padding:0;}
    .breadCrumbs {padding:0 10px;}
    .colL {width:32%; margin:0 1% 0 0}
    .colR {width:66%;}
    .lang {margin:0 10px 0 0;}
    #midpart .container {padding:20px;}
    footer .inner {padding:20px;}
    .detailFooter .button {font-size:1em; padding: 0 20px;}
    .detailKs {margin: 0 10px 0 0;}
    .contentDetail {padding:20px;}
    .detailFText, .detailKs {font-size:0.8em;}
    .contentDL {width:48%; margin:0 3% 0 0;}
    .contentDR {width:49%;}
    .heureka {display:none;}
}

@media screen and (min-width: 1200px) {
    
    .sTop .search button {height:60px;}
    .sTop .logo img {max-width:140px;}
    #mContext.sTop  {-webkit-transition:0.5s all;  transition:0.5s all; }
    .sTop .basketTop, .sTop .loginBox {height:60px;}    
    .sTop .menu ul li a {height:40px;}
    .sTop .menu ul li:before {top:8px;}
    .basketTop, .menu ul li a, .logo img, .search button {-webkit-transition:0 all;  transition:0 all;}
    .sTop .basketTop, .sTop .search button, .sTop .logo img, .sTop .menu ul li a, .sTop .basketTop .number, .sTop .menu ul li:before, .sTop .loginBox {-webkit-transition:0.5s all;  transition:0.5s all;}
    .langMobile,.menuBtn {display:none;}
}

@media screen and (max-width: 1199px) {
	header{position:relative;}
    #mContext {padding:0;}
    .menu>ul {display:none;}
    .menu>a {display:block;}
    .headerTop .inner, .headerBottom .inner {padding:0;}
    .searchBtn {padding:0 25px; height:60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
    .basketTop {height: 60px; padding: 0 20px;}
    .basketTop:before {display:none; width:auto; right:0}
    .search {width:auto;}
    .searchIn {position:absolute; top:80px; left:0; width:100%; background:#152541; height:auto; border-top:2px solid #1d3763; display:none}
    .searchIn.selected {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
    .search .searchText {height:60px;}
    .search button {height:60px;}
    .loginBox {height:60px;}   
    .loginBox a {padding:5px 20px}
    .menuBtn {padding:0 20px; height:60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; cursor: pointer}
    .menuBtn svg {fill:#fff;}
    .headerBottom {padding:0;}
    .basketTop .number {left: 38px;}
    .lang {display: none;}
    .logo {width:auto;}
    .headerR {width:auto;}
    .search {width:auto;}
    #midpart .container {padding:20px;}
    .colL {width:40%; margin:0 1% 0 0}
    .colR {width:59%;}
    .langMobile { padding:0 20px}
    .langMobile ul {list-style:none; padding:0; margin:0;}
    .langMobile>ul {height:60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center;  position:relative;}
    .langMobile>ul>li {position:relative; display:block; padding:0 25px 0 0;}
    .langMobile>ul>li>a:before {position:absolute; top:calc(50% - 5px); right:5px; content:""; width:10px; height:10px; background-size:10px 10px; background:url(/templates/images/chevron-downW.svg) no-repeat left top;}
    .langMobile>ul>li>ul {position:absolute; top:48px; padding:5px; background:#152541; right:0; display:none}
    .langMobile>ul>li>ul.selected {display:block;}
    .langMobile>ul>li>ul>li {display:block; }
    .langMobile>ul>li>ul>li>a {padding:2px 10px; display:block;}
    .langMobile img {max-width:17px; }
    .hpNav li a {height: 80px; font-size: 1.3em;}
    .fc ul li a {font-size:1em;}
    .footerText {font-size:1em;}
    .fc ul li {width:100%; margin:0}
    .fc ul li:nth-child(n) {margin:0;}
    .fc ul li a {display:block; padding:2px 0;}
   .fl {width:26%; margin:0 1% 0 0;padding:0 20px 0 0;}
   /*.fl img {max-width:100%;}*/
   /*.fl img.logoCert {max-width:60%;}*/
   .fc {width:30%; margin:0 1% 0 0}
   .fr {width:40%; padding:28px 0 0 0;}
   .tab button {height: 50px; padding: 0 20px;}
   .contentNews .item .itemL {width:30%; margin:0 2% 0 0;}
    .contentNews .item .itemR {width:68%; }
}
@media screen and (max-width:999px){
    .colL {display:none}
    .colR {width:100%;}
    .fc {padding:0;}
    .fr {padding:8px 0 0 0;}
    .contentList {padding:10px 10px 0 10px}
    .rightFilter {padding: 10px 0 0 0;}
    .tabcontent {padding:30px}
}

@media screen and (max-width:767px){
    .twoCols .col:nth-child(n),.threeCols .col:nth-child(n){width: 100%; margin-right: 0; margin-bottom: 20px}
    .basketSpan {display:none;}
    .loginBox a strong {display:none;}
    .loginBox a {padding: 10px 25px;}
    .logo img {width:130px;}
    .searchIn {top:60px;}
    .langMobile {padding:0 10px;}
    .langMobile>ul>li>ul {top:39px;}
    .sliderNav {bottom:2%; left:5%;}
    .sliderNav a {height: 25px; width:25px; line-height:25px; font-size:0.8em;}
    .fl {width:28%; margin:0 2% 0 0}
    .fc {display:none}
    .fr {width:70%;}
    .rightFilter .item50 {width:100%; }
    .rightFilter .item33 {width:50%; }
    .contentDL {width:100%; margin:0 0 10px 0;}
    .contentDR {width:100%; margin:0 0 10px 0;}
    .detailFooter {-webkit-justify-content: center; justify-content: center;}
    .tabcontent {padding:20px}
    .contentNews .itemTitle a {font-size: 1.2em;}
    .nivo-controlNav{bottom: 0}
    .nivo-controlNav a{width: 24px; height: 24px; line-height: 24px;}
}
@media screen and (max-width: 600px) {
    .hpNav li a {height: 60px; font-size: 1.1em;}
    .rightBox {padding:15px;}
    .products .item {width:49.5%; margin:0 1% 10px 0;}
    .products .item:nth-child(n) {margin:0 1% 10px 0;}
    .products .item:nth-child(2n) {margin:0 0 10px 0;}
    .itemWrap {padding: 0 10px 15px 10px;}
    #midpart .container {padding:10px}
    .fl {width:32%; margin:0 2% 0 0}
    .fr {width:66%;}
    .card {margin:0 0 .5em 0;}
    .footerAdress {margin:0 0 1em 0}
    .footerTitle {margin:0 0 1em 0}
    .rightFilter .item33 {width:100%; }
    .rightFilter .item33 label {width:150px}
    .rightFilter .item33 select {width:calc(100% - 160px);}
    .tab button {font-size:0.8em; padding:0 10px;}
    .filterevent{display: block}
    #CatalogueParamsPosibilities{display:none}
    #CatalogueParamsPosibilities>.opt{width: 100%; margin-right: 0}
    #CatalogueParamsPosibilities.show{display: block}
}



@media screen and (max-width: 480px) {
    .logo img {max-width: 100px;}
    .searchBtn {height:50px; padding:0 14px;}
    .loginBox {height:50px;}
    .loginBox a {padding:0 14px;}
    .basketTop, .menuBtn {height:50px; padding:0 10px;}
    .basketTop .number {left:25px;}
    .searchIn {top:50px;}
    .search .searchText {padding:0 14px; width:calc(100% - 60px);}
    .search button {width:60px;}
    .langMobile>ul {height:50px;}
    .langMobile>ul>li>ul {top:34px;}
    .hpNav li {width:100%; margin:0 0 2px 0}
    .hpNav li a {height: 45px; font-size: 1.2em;}
    .rightBox {padding:10px;}
    .itemPrice {font-size:1.1em;}
    .fl {width:100%; margin:0 0 10px 0; text-align:center; padding:0;}
    .fr {width:100%; text-align:center;}
    .fl img {max-width:200px; margin:0 auto 5px auto; display:table;}
    .fl img:last-child {margin:0 auto 5px auto;}
    .fl img.logoCert{max-width: 80px}
    .card {-webkit-justify-content: center; justify-content: center; margin:0 0 1em 0}
    .copy {text-align:center;}
    .copy2 {text-align:center;}
    .tab {padding:0 0 42px 0; position:relative;}
    .tab button {font-size:1em; padding:0 10px; display:block; width:100%; margin:0 0 2px 0; height:40px;}
    .tab button.active {position:absolute; bottom:0; left:0;}
    .tabcontent {padding:15px}
    .contentNews .item .itemL {width:100%; margin:0 0 10px 0;}
    .contentNews .item .itemR {width:100%; }
    .contentNews .itemText {text-align:center;}
    .contentNews .itemBtn {margin:0 auto; display:table;}
    .contentNews .newsDate {margin:0 auto 10px auto; display:table;}
    .contentNews .item {padding:10px;}
}
@media screen and (max-width: 420px) { 
    .products .item {width:100%; margin:0 0 10px 0;}
    .products .item:nth-child(n) {margin:0 0 10px 0;}
    .itemImg img {display:table; margin:0 auto 0 auto; max-width:280px}
    .itemTitle {text-align:center; height:auto; margin:0 0 5px 0;}
    .itemCode {text-align:center;}
    .products .itemText {text-align:center;}
    .itemBottom input {width:80px; font-weight:600;}
    .itemBottom a {width: calc(100% - 80px);}

    .detailFooter {-webkit-justify-content: center;  justify-content: center;}
    .detailInput {margin:0 10px 10px 0;width:60px}
    .detailFText {margin:0 10px 10px 0;}
    .detailKs {margin:0 10px 10px 0;}
    .detailFooter .button {width:100%;}
    .tabcontent {font-size:0.9em;}
}

@media screen and (max-width: 400px) {
    .searchBtn {padding:0 15px;}
    .logo img {max-width:70px}
    
    .langMobile {padding:0 1px}
    .rightFilter .item50, .rightFilter .item33 {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; margin:0 0 5px 0; padding:0 10px;}
    .rightFilter .item50 select, .rightFilter .item33 select {width:100%; }
    .rightFilter .item50 label, .rightFilter .item33 label {width:100%; margin:0 0 6px 0;}
    .cenik {padding:10px;}
    .checkbox-box input[type="checkbox"] + label {font-size:0.9em;}
    .filterBtn {font-size:1em; padding:20px 15px;}
}

@media screen and (max-width: 1920px) {
    .headerTop .inner, .headerBottom .inner {max-width:1500px; }
    footer .inner {max-width:1500px;}
    #midpart .container {max-width:1500px;}
}


@media screen and (min-width: 2560px) {
    body {font-size:32px;}
    .headerTop .inner, .headerBottom .inner {max-width:2540px; }
    footer .inner {max-width:2540px;}
    #midpart .container {max-width:2560px;}
    .lang img {max-width:36px}
    .lang a {margin:0 0 0 10px}
    .headerBottom {padding:1em 0;}
    .logo img {max-width:370px}
    .logoFooter img {max-width:390px}
    /*.logoCert {max-width:169px}*/
    .basketTop {padding:0 60px; height:160px;}
    header svg {width:44px; height:44px;}
    .search button {width:160px; height:160px; line-height:160px; }
    .search .searchText {padding:0 70px; width:calc(100% - 160px);}
    .loginBox {height:160px;}
    .menu ul li a {height: 100px; padding:0 31px 0 30px;}
    .menu ul li:before {top:24px}
    .basketTop .number {width:32px; height:32px; line-height:32px; left:90px;}
    .loginBox a {padding: 12px 40px;}

    .sTop .search button {height:120px;}
    .sTop .logo img {max-width:280px;}
    .sTop .basketTop, .sTop .loginBox {height:120px;}    
    .sTop .menu ul li a {height:80px;}
    .sTop .menu ul li:before {top:16px;}
    .logo {padding:0 0 0 80px}
    #midpart .container {padding:40px 0 0 0;}
    .leftBox {-webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; -moz-box-shadow: 6px 0 8px #ecedee; -webkit-box-shadow: 6px 0 8px #ecedee; box-shadow: 6px 0 8px #ecedee; padding:40px;}
    .breadCrumbs {padding:0 0 0 80px;}
    .hpNav li a {height:240px;}
    #mContext {padding: 322px 0 0 0;}
    .sliderNav a {height: 75px; width: 75px; line-height: 75px;}
    .leftTree>ul>li>a {padding: 30px 20px 30px 90px; background-size: 38px 38px; background-position:20px center; font-size:0.8em}
    .leftTree>ul>li.haschilds>a {padding: 30px 60px 30px 90px;}
    .leftTree>ul>li.haschilds>a:before {top:30px; background-size:38px 38px;  width:38px; height:38px;}
    .leftTree>ul>li>ul>li>a {padding: 30px 40px 30px 110px; font-size:0.8em}
    .leftTree>ul>li>ul>li>ul>li>a {padding: 30px 40px 30px 130px; font-size:0.8em}
    .leftTree>ul>li>ul>li>ul>li>ul>li>a {padding: 30px 40px 30px 150px; font-size:0.8em}
    .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>a {padding: 30px 40px 30px 170px; font-size:0.8em}
    .leftTree>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {padding: 30px 40px 30px 190px; font-size:0.8em}

    .itemTitle {height:120px;}
    .itemCode {height:40px;}
    .itemStock>div {padding: 0 20px; line-height: 36px; height:36px; margin:10px 0 0 0;}
    .itemStock>div:before {border-width: 12px 0 12px 16px; top: -24px;}
    .itemBottom input {width: 130px; height: 58px; font-size:0.9em;}
    .itemBottom a {width: calc(100% - 130px); height: 58px; line-height: 58px;}
    .products .itemText {height: 66px;}
    .colL {width: 28%; margin: 0 1% 0 0;}
    .colR {width:71%;}
    .rightFilter .item50 label {width:300px;}
    .rightFilter .item50 select {width: calc(100% - 320px);}
    .rightFilter select {height:56px; font-size:0.9em; padding:0 10px;}
    .rightFilter label {margin: 0 20px 20px 0;}
    .rightFilter select {margin: 0 0 20px 0;}
    .rightFilter .item33 label {width: 160px;}
    .rightFilter .item33 select {width: calc(100% - 180px);}
    .pages ul li a {padding: 0 20px;}
    .pages ul li span {padding: 0 20px;}
    .icoImg>div {height: 56px; line-height: 56px; padding: 0 20px;}
    .detailIco>div {min-width: 320px; height: 70px; line-height: 70px;}
    .detailStock .stock {min-width: 320px; height: 70px; line-height: 70px; margin:0 20px 0 0;}
    .detailFooter .button {height: 100px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding:0 60px;}
    .detailFooter .button svg {width:44px; height:44px; margin:0 20px 0 0;}
    .tab button {padding: 0 80px; height:120px;}
    .contentNews .newsDate {width: 80px;}
    .contentNews .itemTitle a {padding: 20px 30px;}
    .checkbox-box input[type="checkbox"] + label {padding: 0 0 0 56px;}
    .checkbox-box input[type="checkbox"] + label::before {width:34px; height:34px;}
    .ulCenik>li {padding:10px 0;}
    .ulCenik>li>ul>li {padding:10px 0;}
    .ulCenik>li>ul {margin: 20px 0 0 56px;}
    .ulCenik>li.haschilds>.checkbox-box {padding: 0 56px 0 0;}
    .cenik {padding:40px;}

    .heureka {top:400px; }
    .heureka img {max-height:100%;}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .products .item {width:32%; margin:0 2% 2% 0;}
    .products .item:nth-child(n) {margin:0 2% 2% 0;}
    .products .item:nth-child(3n) {margin:0 0 2% 0;}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
    .products .item {width:48%; margin:0 4% 4% 0;}
    .products .item:nth-child(n) {margin:0 4% 4% 0;}
    .products .item:nth-child(2n) {margin:0 0 4% 0;}
    .rightFilter .item50 {width:100%; }
    .rightFilter .item33 {width:50%; }
    .detailFooter {-webkit-justify-content: center;  justify-content: center;}
    .detailInput {margin:0 10px 10px 0;}
    .detailFText {margin:0 10px 10px 0;}
    .detailKs {margin:0 10px 10px 0;}
    .detailFooter .button {width:100%;}
    

}
@media screen and (min-width: 768px) and (max-width: 999px) {
    .products .item {width:32%; margin:0 2% 2% 0;}
    .products .item:nth-child(n) {margin:0 2% 2% 0;}
    .products .item:nth-child(3n) {margin:0 0 2% 0;}
    .rightFilter .item50 {padding:0 10px }
    .rightFilter .item33 {padding:0 10px }
    .rightFilter .item33 label {width:70px;}
    .rightFilter .item33 select {width: calc(100% - 70px);}
    .detailFooter .button span {font-size:0.8em;}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
    .products .item {width:48%; margin:0 4% 4% 0;}
    .products .item:nth-child(n) {margin:0 4% 4% 0;}
    .products .item:nth-child(2n) {margin:0 0 4% 0;}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/includes/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/includes/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/includes/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/includes/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/includes/plugins/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/includes/plugins/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/includes/plugins/nivo-slider/themes/default/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}