.cleaner{width:0; height:0; clear:both; font-size:0;}
.clearfix:after{content:'';display:table;width:0; height:0; clear:both;}
img {border:0;}
.imagesGallery{width:100%; padding-top:10px;}
.imagesGalleryItem{float:left;}
.imagesGalleryItem img {padding: 3px;}
.toGallery{margin-bottom: 0.8em;}
input,textarea{font-family: 'proxima-nova', 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{display: block; width: calc(79% - 12px); 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: calc(79% - 22px); 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{width: 150px; background: #0fcabf; float: right; color: #fff; border-color: #0fbaaf; cursor: pointer;}
#contactForm input.submit:hover{opacity: 0.9}
#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: calc(100% - 12px); margin-right: 0; float: none}
    #contactForm textarea{width: calc(100% - 22px); margin-right: 0; float: none}
    #contactForm .dataProtection{max-width: 100%; width: 100%; margin-bottom: 5px}
    #contactForm label.twolines{height: 45px; line-height: normal}
}
.left{text-align: left}
.center{text-align: center;}
.right{text-align: right}
.justify{text-align: justify}
.marginb15{margin-bottom: 15px}
/* 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: 10px}
.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: 13px}
#moa .refresh{position: absolute; left: 0; top:0;background: url(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;}
#lin .in label{float: left; width: 25%; display: block; padding-top: 7px; margin-bottom: 10px}
#lin .in label.long{width: 75%}
#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: #ff3300}
#lin .in input.submit{background: #0fcabf; color: #fff; float: none; width: 150px; margin: 0 auto; border-color: #0fbaaf; 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%; padding: 0 10px; border:1px solid #cfcfcf; height: 30px; line-height: 1em; display: block; border-radius: 3px; margin-bottom: 10px}
#manav{text-align: center; margin-bottom: 25px}
#manav a{display: inline-block; text-decoration: none; margin-right: 10px}

/* 
Orders default
Can be altered without display:none;
*/
.bcSuccInfo{display:none; color: #0f0;}
#CartOthersData{display:none;}
#FinishOrder{display:none;}
#TA,#xTW,#sicart,.hidden,#eur,#templateid,#zasilkovna,#enableinvoice{display:none;}
#Navigation { float: left; margin-bottom: 1.8em; font-family: 'Oxanium',sans-serif}
#Navigation span{float: left; font-size: 20px; margin-left: 5px; margin-right: 5px}
#Navigation a{display: block; text-align: center; color: #252525; font-size: 20px; font-weight: bold; text-decoration: none;text-transform: uppercase; float: left; padding: 0 0px;}
#Navigation a.selected{color: #0fcabf;}
.bigMCart {margin-bottom: 2em}
.bigMCart .bcitem{background: #fafafa; position: relative; padding: 20px;font-family: 'Oxanium',sans-serif; border-bottom: 1px solid #fff}
.bigMCart .bcitem .image{float: left; width: 18%; margin-right: 3%}
.bigMCart .bcitem .image img{max-width: 100%}
.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: #0fcabf; font-size: 24px; padding-top: 10px}
.bigMCart .bcitem .price .eur{display: block; font-size: 13px; line-height: normal}
.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*/
#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: 60%; 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{width: 10%}
#SCopyBC .bigMCart .bcitem .quantity>span:after{content:' ks';font-family: 'Motnserrat','Oxanium',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: #fff; text-decoration: none; font-weight: bold; margin-top: 10px; background: #0fcabf; margin-bottom: 20px; text-transform: uppercase;font-family: 'Oxanium',sans-serif}
.Next:hover{color: #fff}
.Prev{float:left; margin-left: 20px;}
.cline{width: 100%; height: 1px; background: #282828; margin-bottom: 1.8em}
/*#cbox1,#cbox2{ font-family: 'Oxanium',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: 'Oxanium',sans-serif; text-align: right}
#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: 'Oxanium',sans-serif; color: #282828}
#cbox4,#cbox5{padding-top: 9px}
#cbox6 .title .red{color: #0fcabf; font-size: 30px}
#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% - 87px);}
.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: 80px; 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: #0fcabf; 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: #0fcabf; font-size: 36px}
#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,.hidden,#Alimit{display: none;}
#invoiceadd,#deliveryadd{width: 48%; float: left; margin-right: 2%; font-family: 'Oxanium',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;}
.warning{color: #f00; margin-bottom: 1em}
@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: 25px}
    #cbox6 .title .red{font-size: 25px}
    #cbox4, #cbox5{padding-top: 6px}
}
@media screen and (max-width:790px){
    #cbox4, #cbox5,#cbox6{width: 100%; margin-right: 0; margin-bottom: 2%}
    .bigMCart .bcitem{font-size: 14px}
    .bigMCart .bcitem .title{width: 35%}
    .bigMCart .bcitem .quantity{width: 14%}
    .bigMCart .bcitem .price{font-size: 20px; width: 30%; text-align: right}
}
@media screen and (max-width:700px){
    #Navigation span,#Navigation a{font-size: 16px}
}
@media screen and (max-width:600px){
    #cbox1,#cbox2{width: 100%; margin-right: 0; margin-bottom: 2%}
    .bigMCart .bcitem{font-size: 12px}
    #invoiceadd,#deliveryadd{width: 100%; margin-right: auto; margin-left: auto}
    .bigMCart .bcitem .quantity,#SCopyBC .bigMCart .bcitem .quantity{width: 40px; padding-top: 0}
    .bigMCart .bcitem .price{width: calc(40% - 41px)}
    #Navigation a{font-size: 16px; line-height: 50px}
    #Navigation span{line-height: 50px; font-size: 16px}
    #cbox3{width: 100%; margin-right: 0}
    #Navigation span,#Navigation a{font-size: 13px}
    .Next{width: 100%; margin-right: auto; margin-left: auto}
}
@media screen and (max-width:500px){
    #Navigation a{font-size: 12px; line-height: 30px}
    #Navigation span{line-height: 30px;font-size: 10px}
    .bigMCart .bcitem .price{font-size: 16px}
    
}
@media screen and (max-width:400px){
    #Navigation a{font-size: 9px;}
    #Navigation span{font-size: 9px}
}
#FinalPrice,#FinalOID{display: none}

#cookiesI{background: rgba(0,0,0,0.7); color: #000; text-align: center; width: 100%; padding: 0; position: fixed; top: 0; left: 0; z-index: 100; font-size:13px; width:100%; height:100%}
#cookiesI *{box-sizing: border-box}
#cookiesI h2{font-size: 26px; margin-bottom: .6em}
#cookiesI .col{margin-bottom:.3em}
#cookiesI.hiddenpolicy{display: none}
#cookiesI #cont{background: #fff; color:#000; padding: 25px; width:500px; height:344px; margin-left: -250px; margin-top:-172px; position: absolute; left: 50%; top:50%; border-radius: 20px;text-align: left; overflow: auto}
#cookiesI #cont.extended{height:520px}
#cookiesI #cont p{line-height: 1.4em}
#cookiesI #cont .readm{display: inline-block; margin-bottom: 10px;text-decoration: none; }
#cookiesI #cont .readm:after{content:'\f107';; margin-left: 5px;font-family:'FontAwesome'}
#cookiesI #cookiespolicybtn1,#cookiesI #cookiespolicybtn3,#cookiesI #cookiespolicybtn4{background: #fff; border:2px solid #000;  padding: 0; display: block; text-decoration: none; color: #000; height: 40px; line-height: 36px; text-align: center }
#cookiesI #cookiespolicybtn2{background: #0fcabf; border:2px solid #0fcabf;  padding: 0; display: block; text-decoration: none; color: #fff; height:40px;line-height: 36px; text-align: center}
.cgroup {padding: 10px}
.cgroup .cexpand{float: left; width: 30px;}
.cgroup .cexpand:before{content:'\f107';font-family:'FontAwesome'}
.cgroup .csetting{width: 60px; float: left}
.cgroup .ctitle{width: calc(100% - 90px); float:left}
.cgroup .ctext{margin-top: 8px}
.coptgroup{margin-bottom: 20px}
@media screen and (max-width:550px){
    #cookiesI h2{font-size: 20px}
    #cookiesI #cont{width: 300px; margin-left: -150px; height: 456px; margin-top: -228px}
    #cookiesI #cont.extended{height:700px; margin-top: -350px}
}
.hidden{display: none}
.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #0fcabf;}
input:focus + .slider {box-shadow: 0 0 1px #0fcabf;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.rmc.hidden{display: none}

.border0{border:none}