/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
.preload *{-webkit-transition: none !important; transition: none !important;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.mail_hide, .hide_mail{display: none !important;}
.clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.clear.hide{display: none !important;}
.relative{position: relative;}
.clear.not_desktop{display: none;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
.align-left{text-align: left !important; margin: 0;}
.align-center{text-align: center !important; margin: 0;}
.align-right{text-align: right !important; margin: 0;}
button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; }
input[type="submit"]:focus {outline:none;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input[type="submit"]::-moz-focus-inner {border:0;}
label{cursor: text;}
input[type=checkbox], input[type=radio]{cursor: pointer;}
input:focus{outline:0; }
input[type="text"], input[type="password"], textarea, select {outline: none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;}
@keyframes autofill {100% {background: transparent;color: inherit;}}
@-webkit-keyframes autofill {100% {background: transparent;color: inherit;}}
.font_size{font-size: 0 !important;}

.warehouse.green{color: #33781E}
.warehouse.orange{color: #ec9c24}
.warehouse.red{color: #ec1c24}
 
/*
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;} 
input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;} 
input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;}
*/

sup, sub{line-height: 0; display: inline-block; text-decoration: none; font-size:0.7em;}

.root_text{position: absolute; top: -1000px; left: -1000px;}

 
.message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;}
.message_centering.active{top: calc(100% + 5px);}

.flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 1px}
.flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;}

.alert-warning{max-width: 100%; padding: 16px 0; text-align: center; color: #c29d0b; background: url(../global/warning_icon.png) no-repeat scroll 15px center #faeaa9; border: 1px solid #faeaa9;}
 
.alert-error {color: #ffffff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;}
.alert-error span{background: url(../global/error_close.png) no-repeat;}

.alert-success{color: #ffffff; background: url(../global/success_icon.png) no-repeat scroll 15px center #33781E; border: 1px solid #296915;}
.alert-success span{background: url(../global/success_close.png) no-repeat;}



h1{text-transform: uppercase; font-weight: 600; font-size: 28px; line-height: 34px; margin: 0; padding: 0;}
h1 span.number{display: inline-block; vertical-align: middle; color: #33781E; font-size: 20px; line-height: 26px;}
h1 span.date{display: inline-block; vertical-align: middle; color: #ffffff; background: #F0A600; padding: 5px 12px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 14px; line-height: 18px;}

h1.inline{display: inline-block; vertical-align: middle;}
span.h1_inline.number{display: inline-block; vertical-align: middle; color: #33781E; font-size: 20px; line-height: 26px; font-weight: 700; margin: 0 0 0 5px;}

h2{font-weight: 600; font-size: 22px; line-height: 28px; margin: 30px 0 5px; padding: 0;}
h3{font-weight: 600; font-size: 20px; line-height: 26px; margin: 30px 0 5px; padding: 0;} 
h4, h5, h6{font-weight: 400; font-size: 18px; line-height: 24px; margin: 30px 0 5px; padding: 0;} 

@media screen and (max-width: 1024px) {
h1{font-size: 24px; line-height: 30px;}
h1 span, span.h1_inline.number{font-size: 18px; line-height: 24px;}
h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;}
h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;} 
h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;} 
}

@media screen and (max-width: 500px) {
h1{font-size: 22px; line-height: 28px;}
h1 span, span.h1_inline.number{font-size: 16px; line-height: 22px;}
h2{font-size: 18px; line-height: 24px;}
h3{font-size: 16px; line-height: 22px;} 
h4, h5, h6{font-size: 14px; line-height: 20px;}
}

p, div, article, .text_page, code{font-size: 14px; font-weight: 400;}
strong, b{font-weight: 700}

@media screen and (max-width: 1024px) {
p, div, article, .text_page, code{font-size: 13px;}
}



article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch article a:not(.btn):hover, .notouch .text_box a:not(.btn):hover{color: #33781E}


.link_style{margin: 0 0 0 25px; font-size: 12px; line-height: 16px; font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .link_style:hover{color: #33781E}

.text_page{ margin: 0 auto;}
.text_page .img{position: relative; display: block; width: 37%; float: right; margin: 0 0 10px 20px;}
.text_page .img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #B71D47; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.text_page .img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .text_page .img.swipebox:hover::before{opacity: 0.90;}
.notouch .text_page .img.swipebox:hover::after{opacity: 1;}
.text_page .img img{max-width: 100%; display: block; margin: 0;}
.text_page .text{display: block;}

@media screen and (max-width: 959px) {
 .text_page .img{width: 50%;}
}

@media screen and (max-width: 767px) {
 .text_page .img{display: block; width: 100%; margin: 0 0 10px;}
 .text_page .text{display: block; width: 100%; padding: 0; margin: 0;}
}

article, .text_box{clear: both; margin: 0 auto; text-align: left; line-height: 22px;}
article.max, .text_box.max{clear: initial; max-width: 100%; margin: 40px 0 0; }
article p, article div, article th, article td, .text_box p, .text_box div, .text_box th, .text_box td{margin:0 0 15px; text-align: left; line-height: 22px;}
article .text_p, .text_box .text_p{margin: 0; }
article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;}
article *:last-child, .text_box *:last-child{margin-bottom: 0;}


@media screen and (max-width: 1024px) {
article, .text_box{line-height: 20px;}
article p, article div, .text_box p, .text_box div{margin:0 0 10px;}
article p, article div, .text_box p, .text_box div, th, td{line-height: 20px; }
}

@media screen and (max-width: 768px) {
article p, .text_box p{width: 100%; display: block; clear: both;}
article img, .text_box img{float: none !important; display: block; margin: 0 auto 10px !important;}
}


article ul, .text_box ul{margin: 0 0 15px; padding: 0;}
article ul li, .text_box ul li{padding: 0 0 0 10px; margin: 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px;}
article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 17px; }
article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; }

article ol, .text_box ol{margin: 0 0 15px; padding: 0; counter-reset: item;}
article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 0; position: relative; list-style-type: none; counter-increment: item; background: none;}
article ol li:before, .text_box ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";}
article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px; counter-reset: item;}
article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px; counter-reset: item;}
article ol ul li, .text_box ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;}
article ol ul li:before, .text_box ol ul li:before{display: none;}



article table.over, .text_box table.over{min-width: 100%; display: block; overflow-x: scroll;}
article table, .text_box table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} 
article table caption, .text_box table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
article table thead, .text_box table thead{margin-bottom: 3px;} 
article table tr th, article table tr td.fr-highlighted, .text_box table tr th, .text_box table tr td.fr-highlighted{text-align: left; font-weight: 700; padding: 6px 8px; background: #414042; color: #fff; border: 1px solid #333333;}
article table tr td, .text_box table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;}

article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important;}
article table.gdpr th, article table.gdpr td, article table.gdpr td *{ line-height: 18px; text-align: left; font-size: 13px !important;}

@media screen and (max-width: 1024px) {
article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px !important;}
}
@media screen and (max-width: 500px) {
article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px !important;}
}

article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px; font-size: 12px; line-height: 18px;}
article p.gdpr, .text_box p.gdpr{padding: 6px 0;}
article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px; margin: 10px auto 0; }

article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;}
article .size_inline table{min-width: 200px;}

article img, .text_box img{max-width: 100%; margin: 0 auto; display: block; vertical-align: top; float: none; height: initial !important; height: auto !important;}
article img.fr-fil, .text_box img.fr-fil{margin-left: 0;}
article img.fr-fir, .text_box img.fr-fir{margin-right: 0;}

article span.fr-video, .text_box span.fr-video{text-align: center; max-width: 100%; margin: 0 auto; display: block; vertical-align: top; float: none;}
article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{margin-left: 0; text-align: left;}
article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{margin-right: 0; text-align: right;}
article span.fr-video iframe, .text_box span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;}
article span.fr-video video, .text_box span.fr-video video{max-width: 100%; height: initial !important; height: auto !important; margin: 0 auto; display: inline-block;}


@media screen and (max-width: 767px) {
article span.fr-video, .text_box span.fr-video{text-align: center !important;}
article span.fr-video iframe, .text_box span.fr-video iframe{width: 280px !important; height: 160px !important;}
}


.font{font-family: 'Dancing Script', cursive !important}
input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'Open Sans', sans-serif, Arial; margin: 0;}
 
 
.clear, #cookie_content{margin: 0 !important;}



html{margin: 0 auto; padding: 0; background: #f2f2f2 ;} 
html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} 
body{color: #2E1D17; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'Open Sans', sans-serif, Arial; padding: 0; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}



.inside{width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;}
.inside_small{width: 90%; padding: 0; max-width: 840px; margin: 0 auto;}
.inside_max{width: 90%; padding: 0; max-width: 90%; margin: 0 auto;}
.inside_middle{width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;}



.btn{font-weight: 700; font-size: 14px; line-height: 18px; padding: 7px 20px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.disable{background: #e2e2e2 !important; border: 1px solid #e2e2e2 !important; color: #b1b1b1 !important; cursor: no-drop;}
.btn.big{padding: 7px 30px;}
.btn.small{padding: 7px 15px;}
.btn.overflow{overflow: visible;}
.btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;}
.btn.shadow{-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);}
.btn.radius{-webkit-border-radius: 30px; border-radius: 30px;}
.btn.line_height{line-height: 30px;}
.btn.inline{display: inline-block; vertical-align: middle;}
.btn.left{float: left;}
.btn.right{float: right;}
.btn.cursor{cursor: pointer;}
.btn.ultra_min_margin_top{margin-top: 1px;}
.btn.ultra_min_margin_bottom{margin-bottom: 1px;}
.btn.ultra_min_margin_right{margin-right: -3px;}
.btn.ultra_min_margin_left{margin-left: 1px;}
.btn.min_margin_top{margin-top: 5px;}
.btn.min_margin_bottom{margin-bottom: 5px;}
.btn.min_margin_right{margin-right: 5px;}
.btn.min_margin_left{margin-left: 5px;}
.btn.middle_margin_top{margin-top: 10px;}
.btn.middle_margin_bottom{margin-bottom: 10px;}
.btn.middle_margin_right{margin-right: 10px;}
.btn.middle_margin_left{margin-left: 10px;}
.btn.max_margin_top{margin-top: 15px;}
.btn.max_margin_bottom{margin-bottom: 15px;}
.btn.max_margin_right{margin-right: 15px;}
.btn.max_margin_left{margin-left: 15px;}
.btn.ultra_margin_top{margin-top: 25px;}
.btn.ultra_margin_bottom{margin-bottom: 25px;}
.btn.ultra_margin_right{margin-right: 25px;}
.btn.ultra_margin_left{margin-left: 25px;}


.btn i{font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; }
.btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);}
.btn .item .box{display: block; position: relative; padding: 8px; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
.btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; }
.btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; }
.btn .item .img{display: block; width: 100%; height: 0; padding: 0 0 60%; margin: 0 0 8px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 0; font-weight: 600;}



.btn.typ_1{background: #2E1D17; border: 1px solid #2E1D17; color: #ffffff;}
.notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #33781E; border: 1px solid #33781E; color: #ffffff;}

.btn.typ_2{background: transparent; border: 1px solid #2E1D17; color: #2E1D17;}
.notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #2E1D17; border: 1px solid #2E1D17; color: #ffffff;}

.btn.typ_3{background: transparent; border: 1px solid #AA4825; color: #AA4825; padding: 7px 35px 7px 15px;}
.btn.typ_3::before{opacity: 1; background: url(../img/arrow_brown_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_3::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}
.notouch .btn.typ_3:hover::before, .notouch .item.hover_efekt .btn.typ_3::before, .notouch a.item:hover .btn.typ_3::before{opacity: 0;}
.notouch .btn.typ_3:hover::after, .notouch .item.hover_efekt .btn.typ_3::after, .notouch a.item:hover .btn.typ_3::after{opacity: 1;}

.btn.typ_4{background: transparent; border: 1px solid #33781E; color: #33781E; padding: 7px 35px 7px 15px;}
.btn.typ_4::before{opacity: 1; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_4::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}
.notouch .btn.typ_4:hover::before, .notouch .item.hover_efekt .btn.typ_4::before, .notouch a.item:hover .btn.typ_4::before{opacity: 0;}
.notouch .btn.typ_4:hover::after, .notouch .item.hover_efekt .btn.typ_4::after, .notouch a.item:hover .btn.typ_4::after{opacity: 1;}

.btn.typ_5{background: transparent; border: 1px solid #AA4825; color: #AA4825; padding: 7px 15px 7px 35px;}
.btn.typ_5::before{opacity: 1; background: url(../img/arrow_brown_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; left: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_5::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; left: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}
.notouch .btn.typ_5:hover::before, .notouch .item.hover_efekt .btn.typ_5::before, .notouch a.item:hover .btn.typ_5::before{opacity: 0;}
.notouch .btn.typ_5:hover::after, .notouch .item.hover_efekt .btn.typ_5::after, .notouch a.item:hover .btn.typ_5::after{opacity: 1;}

.btn.typ_6{background: transparent; border: 1px solid #2E1D17; color: #2E1D17; padding: 7px 35px 7px 15px;}
.btn.typ_6::before{opacity: 1; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_6::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; right: 10px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #2E1D17; border: 1px solid #2E1D17; color: #ffffff;}
.notouch .btn.typ_6:hover::before, .notouch .item.hover_efekt .btn.typ_6::before, .notouch a.item:hover .btn.typ_6::before{opacity: 0;}
.notouch .btn.typ_6:hover::after, .notouch .item.hover_efekt .btn.typ_6::after, .notouch a.item:hover .btn.typ_6::after{opacity: 1;}


.btn.typ_7{background: #33781E; border: 1px solid #33781E; color: #ffffff; text-align: left; padding: 11px 40px 11px 15px;}
.btn.typ_7::before{opacity: 1; background: url(../img/basket_icon_white.svg) no-repeat scroll center center; background-size: 24px; content: ""; position: absolute; right: 10px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_7.disable::before{background-image: url(../img/basket_icon_black.svg); opacity: 0.4;}
.notouch .item:hover .btn.typ_7:hover, .notouch .btn.typ_7:hover{background: #F0A600; border: 1px solid #F0A600; color: #ffffff;}


.btn.typ_8{background: #33781E; border: 1px solid #33781E; color: #ffffff; text-align: left; padding: 17px 50px 17px 25px;}
.btn.typ_8::before{opacity: 1; background: url(../img/basket_icon_white.svg) no-repeat scroll center center; background-size: 32px; content: ""; position: absolute; right: 10px; top: calc(50% - 15px); width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.btn.typ_8.disable::before{background-image: url(../img/basket_icon_black.svg); opacity: 0.4;}
.notouch .btn.typ_8:hover, .notouch .item.hover_efekt .btn.typ_8, .notouch a.item:hover .btn.typ_8{background: #F0A600; border: 1px solid #F0A600; color: #ffffff;}

.btn.typ_9{background: #33781E; border: 1px solid #33781E; color: #ffffff;}
.notouch .btn.typ_9:hover, .notouch .item.hover_efekt .btn.typ_9, .notouch a.item:hover .btn.typ_9{background: #F0A600; border: 1px solid #F0A600; color: #ffffff;}

.btn.typ_10{background: transparent; border: 1px solid #AA4825; color: #AA4825;}
.notouch .btn.typ_10:hover, .notouch .item.hover_efekt .btn.typ_10, .notouch a.item:hover .btn.typ_10{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}






@media screen and (max-width: 1024px) {
.btn .item{display: none;}
}
@media screen and (max-width: 768px) {
.btn i{display: block;}
}
@media screen and (max-width: 500px) {
.btn{font-size: 11px; line-height: 16px; padding: 6px 15px;}
.btn i{font-size: 11px; line-height: 16px;} 


.btn.typ_8{padding: 14px 46px 14px 15px;}
.btn.typ_8::before{background-size: 28px; right: 10px;}
}








.header_height{display: block; height: 142px; position: relative;}



header{padding: 0; background: #ffffff; max-width: 1920px; z-index: 9999; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center;}
header .inside_max{padding: 0 50px; width: calc(100% - 100px); max-width: 100%;}
header a.logo{display: inline-block; vertical-align: middle; position: relative; margin: 42px 0 0;}
header a.logo::before{display: block; position: absolute; left: 0; top: 0; background: url(../img/logo.svg) no-repeat scroll center center; content: "";}
header a.logo, header a.logo::before{width: 177px; height: 90px; background-size: 177px 90px;}

header .box{text-align: right; z-index: 999; display: inline-block; vertical-align: middle; width: calc(100% - 177px - 50px); margin: 0; font-size: 0; margin: 0 0 0 50px; padding: 0;}
header .box .top{padding: 6px; text-align: right; background: #fff;;}
header .box .top p{margin: 0 30px 0 0; padding: 0; display: inline-block; vertical-align: middle;}
header .box .top p strong.phone{background: url(../img/phone_icon_brown.svg) no-repeat scroll left center; background-size: 20px; padding: 0 0 0 25px;}
header .box .top p strong.email{background: url(../img/mail_icon_brown.svg) no-repeat scroll left center; background-size: 20px; padding: 0 0 0 25px;}
header .box .top p a{color: #AA4825; text-decoration: underline; font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .top p a:hover{text-decoration: none; }

header .box .top ul.social{display: inline-block; vertical-align: middle; margin: 0; padding: 0; height: 30px;}
header .box .top ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;}
header .box .top ul.social li a{padding: 0; background: transparent; display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .top ul.social li a::before{opacity: 0.25; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .top ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .top ul.social li a.in::before{background-image: url(../../img/social_in_icon_black.svg);}
header .box .top ul.social li a.fb::before{background-image: url(../../img/social_fb_icon_black.svg);}
header .box .top ul.social li a.yt::before{background-image: url(../../img/social_yt_icon_black.svg);}
header .box .top ul.social li a.li::before{background-image: url(../../img/social_li_icon_black.svg);}
header .box .top ul.social li a.tw::before{background-image: url(../../img/social_tw_icon_black.svg);}
header .box .top ul.social li a.in::after{background-image: url(../../img/social_in_icon_green.svg);}
header .box .top ul.social li a.fb::after{background-image: url(../../img/social_fb_icon_green.svg);}
header .box .top ul.social li a.yt::after{background-image: url(../../img/social_yt_icon_green.svg);}
header .box .top ul.social li a.li::after{background-image: url(../../img/social_li_icon_green.svg);}
header .box .top ul.social li a.tw::after{background-image: url(../../img/social_tw_icon_green.svg);}

.notouch header .box .top ul.social li a:hover::before{opacity: 0;}
.notouch header .box .top ul.social li a:hover::after{opacity: 1;} 


header .box .bottom{padding: 25px 30px; text-align: right; background: #33781E; position: relative;}

header .box .bottom nav{text-align: left; width: 50%; pz-index: 999; display: inline-block; vertical-align: middle; margin: 0;}
header .box .bottom nav ul.menu{margin: 0; padding: 0; display: block; text-align: left;}
header .box .bottom nav ul.menu > li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; padding: 0 18px 0 0;}
header .box .bottom nav ul.menu > li.sub{padding: 0; position: unset;}
header .box .bottom nav ul.menu > li::before{position: absolute; right: 0; top: 50%; width: 6px; height: 6px; background: #F0A600; content: ""; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
header .box .bottom nav ul.menu > li:last-of-type{margin: 0; padding: 0;}
header .box .bottom nav ul.menu > li.sub::before, header .box .bottom nav ul.menu > li:last-of-type::before{display: none;}
header .box .bottom nav ul.menu > li a{z-index: 0; text-transform: uppercase; position: relative; display: block; line-height: 22px; font-size: 15px; font-weight: 600; padding: 12px 12px; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li.sub a{color: #F0A600; -webkit-transition: none; transition: none; padding-right: 30px;}
header .box .bottom nav ul.menu > li a::before{-webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; position: absolute; left: 0; right: 0; top: 0; bottom: -30px; content: ""; background: #EBEBEB; z-index: -1; opacity: 0; -webkit-transition: none; transition: none;}
header .box .bottom nav ul.menu > li.sub a::after{width: 22px; height: 22px; opacity: 1; position: absolute; top: 12px; right: 5px; content: ""; background: url(../img/arrow_yellow_right.svg) no-repeat scroll center center; background-size: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li > a:hover, header .box .bottom nav ul.menu > li.active > a, header .box .bottom nav ul.menu > li.open > a{color: #F0A600;}
.notouch header .box .bottom nav ul.menu > li.sub:hover > a{color: #33781E; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li.sub:hover > a::before{opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li.sub:hover > a::after{background-image: url(../img/arrow_green_right.svg); transform: rotate(90deg);}





header .box .bottom nav ul.menu > li.special_dot > button{background: none; border: 0; width: 31px; text-transform: uppercase; position: relative; display: block; line-height: 22px; font-size: 16px; font-weight: 500; padding: 34px 8px; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li.special_dot > button::before{opacity: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/submenu_dot_white.svg) no-repeat scroll center center; background-size: 31px 8px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li.special_dot > button::after{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/submenu_dot_red.svg) no-repeat scroll center center; background-size: 31px 8px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li.special_dot:hover > button::before{opacity: 0;}
.notouch header .box .bottom nav ul.menu > li.special_dot:hover > button::after{opacity: 1;}

header .box .bottom nav ul.menu > li > ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header .box .bottom nav ul.menu > li > ul:before{bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ffffff;  border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li > ul.hover_efekt:before, header .box .bottom nav > ul.menu li > ul.special:before{border-bottom-color: #2E1D17;}
header .box .bottom nav ul.menu > li:hover > ul{display: block;}
header .box .bottom nav ul.menu > li > ul > li{position: relative; margin: 0; list-style: none; display: block; width: 100%; padding: 0;}
header .box .bottom nav ul.menu > li > ul > li > a{-webkit-border-radius: 0; border-radius: 0; margin: 0; white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 600; display: block; padding: 8px 15px; font-size: 13px; line-height: 20px; letter-spacing: 0.5px; text-align: left; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li > ul > li:first-of-type > a{border-top: 0 !important;}
header .box .bottom nav ul.menu > li > ul > li > a::before{ display: none;}
.notouch header .box .bottom nav ul.menu > li > ul > li:hover > a, header .box .bottom nav ul.menu > li > ul > li.active > a{background: #2E1D17; color: #ffffff !important; border-top: 1px solid #2E1D17;}

header .box .bottom nav ul.menu > li > ul > li > ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 100%; background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header .box .bottom nav ul.menu > li > ul > li:hover > ul{display: block;}
header .box .bottom nav ul.menu > li > ul > li > ul > li{position: relative; margin: 0; list-style: none; display: block; width: 100%; padding: 0;}
header .box .bottom nav ul.menu > li > ul > li > ul > li > a{-webkit-border-radius: 0; border-radius: 0; margin: 0; white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 600; display: block; padding: 8px 15px; font-size: 13px; letter-spacing: 0.5px; line-height: 20px; text-align: left; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li > ul > li > ul > li:first-of-type > a{border-top: 0 !important;}
header .box .bottom nav ul.menu > li > ul > li > ul > li > a::before{ display: none;}
.notouch header .box .bottom nav ul.menu > li > ul > li > ul > li:hover > a, header .box .bottom nav ul.menu > li > ul > li > ul > li.active > a{background: #2E1D17; color: #ffffff !important; border-top: 1px solid #2E1D17;}




header .box .bottom nav ul.menu > li .submenu{opacity: 0; visibility: hidden; position: absolute; left: 0; right: 0; padding: 25px 40px; top: calc(100% + 5px); background: #EBEBEB; font-size: 0; -webkit-transition: none; transition: none;}
header .box .bottom nav ul.menu > li:hover .submenu{opacity: 1; visibility: visible; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom nav ul.menu > li .submenu ul{margin: 0; padding: 0; display: inline-block; vertical-align: top; width: 20%;}
header .box .bottom nav ul.menu > li .submenu ul li{display: block; position: relative; padding: 0 30px 0 0;}
header .box .bottom nav ul.menu > li .submenu ul li a{font-size: 16px; line-height: 22px; font-weight: 700; text-transform: uppercase; color: #F0A600; display: block; position: relative; padding: 0 0 12px; margin: 0 0 5px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li .submenu ul li a:hover, header .box .bottom nav ul.menu > li .submenu ul li.active a{color: #AA4825;}
header .box .bottom nav ul.menu > li .submenu ul li a::before{display: none;}
header .box .bottom nav ul.menu > li .submenu ul li a::after{top: initial; top: auto; right: initial; right: auto; position: absolute; left: 0; bottom: 0; height: 1px; width: 70px; background: #33781E; content: ""; }
header .box .bottom nav ul.menu > li .submenu ul li ul{display: block; position: relative; width: 100%;}
header .box .bottom nav ul.menu > li .submenu ul li ul li{padding: 0; border-top: 1px solid #D6D6D6; display: block; position: relative;}
header .box .bottom nav ul.menu > li .submenu ul li ul li:nth-child(1){border-top: 0;}
header .box .bottom nav ul.menu > li .submenu ul li ul li a{font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; color: #707070; display: block; position: relative; padding: 9px 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom nav ul.menu > li .submenu ul li ul li a:hover, header .box .bottom nav ul.menu > li .submenu ul li ul li.active a{color: #AA4825;}
header .box .bottom nav ul.menu > li .submenu ul li ul li a::after{display: none;}



header .box .bottom .user{position: relative; font-size: 0; margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right; width: 50%;}


header .header_search{text-align: right; display: inline-block; vertical-align: middle; width: calc(100% - 126px - 40px); max-width: 400px; margin: 0 40px 0 0;}
header .search{margin: 0; font-size: 0; cursor: pointer; position: relative; display: none; vertical-align: middle; padding: 0; width: 36px; height: 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .search::before{opacity: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: url(../img/search_white.svg) no-repeat scroll center center; background-size: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .search::after{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background: url(../img/search_yellow.svg) no-repeat scroll center center; background-size: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .search:hover::before{opacity: 0;}
.notouch header .search:hover::after{opacity: 1;}

header #search_box{opacity: 1; visibility: visible; position: relative; right: 0; top: 0; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header.search_active .header_search #search_box{opacity: 1; visibility: visible; }
header #search_box input[type=text]{-webkit-border-radius: 6px; border-radius: 6px; width: calc(100% - 62px); border: 1px solid transparent; position: relative; z-index: 1; display: block; padding: 12px 45px 12px 15px; font-size: 13px; line-height: 20px; font-weight: 400; color: #575757; background: #FCFCFC; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header #search_box input[type=text]::-webkit-input-placeholder {color: #575757;} 
header #search_box input[type=text]::-moz-placeholder {color: #575757;} 
header #search_box input[type=text]::-ms-input-placeholder {color: #575757;}

header #search_box button[type=submit].search_field{position: absolute; right: 1px; top: 1px; bottom: 1px; width: 45px; padding: 0; height: 46px; background: none; z-index: 10; border: 0; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header #search_box button[type=submit].search_field::before{opacity: 1; background: url(../img/search_green.svg) no-repeat scroll center center; background-size: 24px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header #search_box button[type=submit].search_field::after{opacity: 0; background: url(../img/search_black.svg) no-repeat scroll center center; background-size: 24px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header #search_box button[type=submit].search_field:hover::before{opacity: 0;}
.notouch header #search_box button[type=submit].search_field:hover::after{opacity: 1;}



header #search_box form p.load{-webkit-border-radius: 6px; border-radius: 6px; width: calc(100% - 52px); border: 1px solid #ffffff; top: calc(100% + 5px); opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; right: 0; background: #fff; color: #515154; padding: 12px 10px 12px 40px; margin: 0; text-align: left; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.5); box-shadow: 0 0 20px -5px rgba(0,0,0,0.5);}
header #search_box form p.load.active{opacity: 1; visibility: visible;}
header #search_box form p.load::before{position: absolute; left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}}


header #search_box form p.error{-webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ffffff; top: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.5); box-shadow: 0 0 20px -5px rgba(0,0,0,0.5);}
header #search_box form p.error.active{opacity: 1; visibility: visible; position: relative;}
header #search_box form p.error::before{position: absolute; left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;}

header #search_box form ul{overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; width: 100%; opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: calc(100% + 5px); right: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header #search_box form ul.hide{opacity: 0; visibility: hidden;}
header #search_box form ul:empty{display: none;}
header #search_box form ul li{list-style: none; display: block;}
header #search_box form ul li a, header #search_box form ul li button{border: 0; background: #fff; text-align: left; border-top: 1px solid #f0f0f0; font-size: 13px; line-height: 22px; color: #2E1D17; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header #search_box form ul li:hover a, header #search_box form ul li.active a{background: #f0f0f0; color: #2E1D17;}                                                                  
.notouch header #search_box form ul li.special:hover a, header #search_box form ul li.active.special a{background: #33781E; color: #ffffff;}
header #search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; }
header #search_box form ul li.special a, header #search_box form ul li.special button{font-weight: 400; background: #2E1D17; font-size: 12px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;}
header #search_box form ul li a span{font-size: 12px; line-height: 22px; color: #2E1D17; padding: 0;}
.notouch header #search_box form ul li:not(.special):hover a, header #search_box form ul li.active a, .notouch header #search_box form ul li:not(.special):hover button, header #search_box form ul li.active button{background: #f0f0f0; color: #000;}
.notouch header #search_box form ul li.special:hover a, header #search_box form ul li.active.special a, .notouch header #search_box form ul li.special:hover button, header #search_box form ul li.active.special button{text-decoration: none;}
header #search_box form ul li > span{-webkit-border-radius: 0; border-radius: 0; background: #2E1D17; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 400; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

 
header .box .bottom .user .user_icon{vertical-align: middle; position: relative; cursor: pointer; display: none; padding: 0; width: 42px; height: 42px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .user_icon::before{opacity: 1; background: url(../img/user_icon_white.svg) no-repeat scroll center center; background-size: 34px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .user_icon::after{opacity: 0; background: url(../img/user_icon_yellow.svg) no-repeat scroll center center; background-size: 34px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom .user .user_icon:hover::before, header .box .bottom .user .user_icon.active::before{opacity: 0;}
.notouch header .box .bottom .user .user_icon:hover::after, header .box .bottom .user .user_icon.active::after{opacity: 1;}
 
header .box .bottom .user .config{font-size: 0; display: inline-block; vertical-align: middle; width: 126px; }
header .box .bottom .user .config ul{font-size: 0; position: relative; z-index: 999; margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: center;}
header .box .bottom .user .config ul li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0;}
header .box .bottom .user .config ul li:nth-child(1){margin: 0;}
header .box .bottom .user .config ul li .icon{display: block; width: 42px; height: 42px; position: relative;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .config ul li .icon::before{opacity: 1; background: no-repeat scroll center center; background-size: 34px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .config ul li .icon::after{opacity: 0; background: no-repeat scroll center center; background-size: 34px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom .user .config ul li:hover .icon::before, .notouch header .box .bottom .user .config ul li.active .icon::before{opacity: 0;}
.notouch header .box .bottom .user .config ul li:hover .icon::after, .notouch header .box .bottom .user .config ul liactive .icon::after{opacity: 1;}

header .box .bottom .user .config ul li .icon.user_icon2::before{background-image: url(../img/user_icon_white.svg); background-size: 34px 34px;}
header .box .bottom .user .config ul li .icon.user_icon2::after{background-image: url(../img/user_icon_yellow.svg); background-size: 34px 34px;}

header .box .bottom .user .config ul li .icon.wish_icon::before{background-image: url(../img/wish_white.svg);  background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon::after{background-image: url(../img/wish_yellow.svg);  background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon.active::before{background-image: url(../img/wish_white_full.svg); background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon.active::after{background-image: url(../img/wish_yellow_full.svg); background-size: 30px 30px;}


header .box .bottom .user .config ul li ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header .box .bottom .user .config ul li ul:before{bottom: 100%; right: 14px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ffffff; border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .config ul li ul.hover_efekt:before, header .box .bottom .user .config ul li ul.special:before{border-bottom-color: #1a1a1a;}
header .box .bottom .user .config ul li:hover ul{display: block;}
header .box .bottom .user .config ul li ul li {margin: 0 !important; list-style: none; display: block; width: 100%; padding: 0;}
header .box .bottom .user .config ul li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 400; display: block; padding: 8px 20px; font-size: 12px; line-height: 20px; text-align: right; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .config ul li ul li:first-of-type a{border-top: 0 !important;}
header .box .bottom .user .config ul li ul li a::before{ display: none;}
.notouch header .box .bottom .user .config ul li ul li a:hover, header .box .bottom .user .config ul li ul li.active a{background: #1a1a1a; color: #ffffff !important; border-top: 1px solid #000000;}




header .box .bottom .user .basket{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: center;}
header .box .bottom .user .basket a{padding: 0; position: relative; font-weight: 400; width: 42px; height: 42px; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .basket a::before{position: absolute; content: ""; background: url(../img/basket_icon_white.svg) no-repeat scroll center center; background-size: 34px; left: 0; right: 0; top: 0; bottom: 0; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box .bottom .user .basket a::after{position: absolute; content: ""; background: url(../img/basket_icon_yellow.svg) no-repeat scroll center center; background-size: 34px; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .box .bottom .user .basket a:hover::before, header .box .bottom .user .basket a.active::before{opacity: 0;}
.notouch header .box .bottom .user .basket a:hover::after, header .box .bottom .user .basket a.active::after{opacity: 1;}
header .box .bottom .user .basket a span{font-family: Arial; z-index: 999; position: absolute; right: -9px; border: 1px solid #D9D9D7; top: 0; display: block; background: #ffffff; font-size: 10px; line-height: 20px; width: 20px; font-weight: 700; text-align: center; color: #161615; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
header .box .bottom .user .basket a span.active{background: #F0A600; color: #fff; }





.open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;}
.open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;}
.open_close_navigation .lines-button {font-size: 0; padding: 14px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;}
.open_close_navigation .lines-button:active { -webkit-transition: none; transition: none;}
.open_close_navigation .lines {display: inline-block; width: 1.8rem; height: 2px; background: #ffffff; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 1.8rem; height: 2px; background: #ffffff; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;}
.open_close_navigation .lines:before {top: 0.4rem;}
.open_close_navigation .lines:after {top: -0.4rem;}
.open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}
.open_close_navigation .lines-button.x.close .lines {background: transparent !important;}
.open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 2px; left: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.3rem; background: #ffffff;}
.open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}



.notouch .open_close_navigation:hover::after{color: #F0A600;}
.notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #F0A600;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #F0A600;} 
.notouch .open_close_navigation:hover .lines{background: #F0A600;} 



.ipad_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -1500px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); padding: 103px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu.move{top: 0 !important;}
.ipad_menu > ul{display: block; position: relative; text-align: left; margin: 0; padding: 0; z-index: 9998;}
.ipad_menu > ul > li{position: relative; list-style: none; display: block;}
.ipad_menu > ul > li > a, .ipad_menu > ul > li > button:not(.icon){border: 0; background: none; border-top: 1px solid #ededed; position: relative; font-size: 13px; line-height: 44px; font-weight: 700; padding: 0 15px; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu > ul > li > button:not(.icon){text-align: left; width: 100%; }
.notouch .ipad_menu > ul > li > a:hover, .ipad_menu > ul > li > a:focus, .ipad_menu > ul > li.active > a, .ipad_menu > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li.focus_efekt > a,
.notouch .ipad_menu > ul > li > button:not(.icon):hover, .ipad_menu > ul > li > button:not(.icon):focus, .ipad_menu > ul > li.active > button:not(.icon), .ipad_menu > ul > li[aria-expanded='true'] > button:not(.icon), .ipad_menu > ul > li.focus_efekt > button:not(.icon){background: #1a1a1a; border-top: 1px solid #000000; color: #fff;}

.ipad_menu > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;}
.ipad_menu > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li.open > ul{display: block;}
.ipad_menu > ul > li > ul > li{position: relative; list-style: none; display: block;}
.ipad_menu > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important}
.notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a{color: #2E1D17}

.ipad_menu > ul > li > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 15px; z-index: 9998; background: #ececec;}
.ipad_menu > ul > li > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li > ul > li.open > ul{display: block;}
.ipad_menu > ul > li > ul > li > ul > li{position: relative; list-style: none; display: block;}
.ipad_menu > ul > li > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu > ul > li > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important}
.notouch .ipad_menu > ul > li > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li > ul > li.focus_efekt > a{color: #2E1D17}


.ipad_menu ul > li > .icon{background: none; border: 0; cursor: pointer; z-index: 100; display: block; position: absolute; top: 1px; right: 0; height: 44px; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul > li > .icon::after{position: absolute; height: 32px; width: 1px; top: 50%; left: 0; background: #d4d4d4; content: ""; display: block; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .ipad_menu ul > li:hover > .icon::after, .ipad_menu ul > li > .icon:focus::after, .ipad_menu ul > li.active > .icon::after, .ipad_menu ul > li[aria-expanded='true'] > .icon::after{background: #deeef3;}
.ipad_menu ul > li > .icon::before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul > li.focus_efekt > .icon::before, .ipad_menu ul > li.open > .icon::before, .ipad_menu ul > li.open > .icon:focus::before, .ipad_menu ul > li.open > .icon:hover::before, .ipad_menu ul > li:focus > .icon::before, .ipad_menu ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li:hover > .icon::before, .notouch .ipad_menu ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;}
.notouch .ipad_menu ul > li > .icon:hover::before, .ipad_menu ul > li > .icon:focus::before, .ipad_menu ul > li.open.focus_efekt > .icon:focus::before, .notouch .ipad_menu ul > li.open > .icon:hover::before{background: url(../../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px;}
.ipad_menu ul > li.open > .icon::before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}


.ipad_menu ul > li ul > li > .icon::before{background-image: url(../../img/arrow_black_right.svg) !important;}


.user_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -1500px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); padding: 103px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.user_menu.move{top: 0 !important;}
.user_menu > ul{display: block; position: relative; text-align: left; margin: 0; padding: 0; z-index: 9998;}
.user_menu > ul > li{position: relative; list-style: none; display: block;}
.user_menu > ul > li > a{border: 0; background: none; border-top: 1px solid #ededed; position: relative; font-size: 13px; line-height: 44px; font-weight: 700; padding: 0 15px; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .user_menu > ul > li > a:hover, .user_menu > ul > li > a:focus, .user_menu > ul > li.active > a, .user_menu > ul > li[aria-expanded='true'] > a{background: #1a1a1a; border-top: 1px solid #000000; color: #fff;}




@media screen and (max-width: 1500px) {
.header_height{height: 132px;}
header a.logo, header a.logo::before{width: 157px; height: 80px; background-size: 157px 80px;}
header .box{width: calc(100% - 157px - 50px);}
header .box .bottom{padding: 20px 30px;}
header .box .bottom nav ul.menu > li{margin: 0 20px 0 0;}
header .box .bottom nav ul.menu > li a{font-size: 15px;}
header .header_search{max-width: 360px;}


header .box .bottom nav ul.menu > li .submenu{padding: 20px 30px;}
header .box .bottom nav ul.menu > li .submenu ul li{padding: 0 25px 0 0;}
header .box .bottom nav ul.menu > li .submenu ul li a{font-size: 14px; line-height: 20px; padding: 0 0 10px; margin: 0 0 3px;}
header .box .bottom nav ul.menu > li .submenu ul li a::after{width: 60px;}
header .box .bottom nav ul.menu > li .submenu ul li ul li a{font-size: 13px; line-height: 18px; padding: 7px 0;}

}


@media screen and (max-width: 1350px) {
header .box .bottom nav ul.menu > li{margin: 0 15px;}

header .box .bottom nav{width: calc(100% - 168px);}
header .box .bottom .user{width: 168px;}
header .search{width: 42px; height: 42px; display: inline-block; vertical-align: middle;}
header .header_search{margin: 0; width: 42px;}
header #search_box{opacity: 0; visibility: hidden; width: 320px; position: absolute; right: 0; top: 60px;}
header #search_box input[type=text]{border: 1px solid #F0A600}

header .box .bottom nav ul.menu > li .submenu{padding: 20px 25px;}
header .box .bottom nav ul.menu > li .submenu ul li{padding: 0 20px 0 0;}
header .box .bottom nav ul.menu > li .submenu ul li a{font-size: 13px; line-height: 18px;}
header .box .bottom nav ul.menu > li .submenu ul li a::after{width: 50px;}
header .box .bottom nav ul.menu > li .submenu ul li ul li a{font-size: 12px; line-height: 16px; padding: 7px 0;}
}

@media screen and (max-width: 1250px) {
.header_height{height: 110px;}
header .inside_max{padding: 0 3%; width: 94%; max-width: 94%;}
header a.logo{margin: 40px 0 0;}
header a.logo, header a.logo::before{width: 137px; height: 70px; background-size: 137px 70px;}
header .box{width: calc(100% - 137px - 40px); margin: 0 0 0 40px;}

header .box .top{padding: 5px 0;}
header .box .bottom{padding: 10px 30px;}
}


@media screen and (max-width: 1024px) {
.header_height{height: 96px;}
header{position: absolute;}
header a.logo{margin: 0;}
header a.logo, header a.logo::before{width: 118px; height: 60px; background-size: 118px 60px;}

header .box .top{padding: 4px 0;}
header .box .bottom{padding: 8px 25px;}


header .box{width: calc(100% - 118px - 40px);}
header .box .bottom nav ul.menu, header .box .bottom .user ul li:nth-child(1){display: none;}

header .box .bottom nav{text-align: left;}
header .open_close_navigation, header .box .bottom .user .user_icon{display: inline-block; vertical-align: middle;}
.ipad_menu, .user_menu{display: block; padding: 96px 0 0;}

}



@media screen and (max-width: 600px) {
.header_height{height: 52px;}
header .inside_max{padding: 0 0 0 3%; width: 97%; max-width: 97%;}
header a.logo, header a.logo::before{width: 88px; height: 45px; background-size: 88px 45px;}

header .box{width: calc(100% - 88px - 10px); margin: 0 0 0 10px;}
header .box .top{display: none;}
header .box .bottom{padding: 9px 15px 9px 10px;}

header .box .bottom .user{background: none; width: 136px; padding: 0;}
header .box .bottom nav{width: calc(100% - 136px);}

header .open_close_navigation::after{display: none;}

.ipad_menu, .user_menu{padding: 52px 0 0;}
header #search_box{right: 0;}




header .header_search{width: 34px;}
header .search{width: 34px; height: 34px;}
header .search::before{background-size: 24px;}
header .search::after{background-size: 24px;}


header #search_box{width: 290px; top: 48px;}



 
header .box .bottom .user .user_icon{width: 34px; height: 34px;}
header .box .bottom .user .user_icon::before{background-size: 34px;}
header .box .bottom .user .user_icon::after{background-size: 34px;}
 
header .box .bottom .user .config{width: 102px;}
header .box .bottom .user .config ul li .icon{width: 34px; height: 34px; }
header .box .bottom .user .config ul li .icon::before{background-size: 34px;}
header .box .bottom .user .config ul li .icon::after{background-size: 34px;}

header .box .bottom .user .config ul li .icon.user_icon2::before{background-size: 34px 34px;}
header .box .bottom .user .config ul li .icon.user_icon2::after{background-size: 34px 34px;}

header .box .bottom .user .config ul li .icon.wish_icon::before{background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon::after{background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon.active::before{background-size: 30px 30px;}
header .box .bottom .user .config ul li .icon.wish_icon.active::after{background-size: 30px 30px;}





header .box .bottom .user .basket a{width: 34px; height: 34px;}
header .box .bottom .user .basket a::before{background-size: 34px;}
header .box .bottom .user .basket a::after{background-size: 34px;}














}


















.page_img_small{display: block; position: relative; width: 100%; padding: 0 0 200px; background: no-repeat scroll center center; background-size: cover;}

@media screen and (max-width: 1200px) {
.page_img_small{padding: 0 0 180px;}
}

@media screen and (max-width: 1024px) {
.page_img_small{padding: 0 0 160px;}
}

@media screen and (max-width: 750px) {
.page_img_small{padding: 0 0 140px;}
}

@media screen and (max-width: 500px) {
.page_img_small{padding: 0 0 120px;}
}











.welcome_00{margin: 10px 0 0; position: relative; display: inline-block; vertical-align: middle; height: 560px; font-size: 0; width: calc(100% - 300px);}
.welcome_00 .main_slider{display: none; opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; width: 100%;}
.welcome_00 .main_slider.stop{display: block; opacity: 1;}
.welcome_00 .main_slider, .welcome_00 .main_slider *{height: 100%;}
.welcome_00 .main_slider .item{position: relative;}
.welcome_00 .main_slider .item .img_full{height: initial; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0;}
.welcome_00 .main_slider .item .img_full.desktop{display: block; background: no-repeat scroll right center; background-size: cover;}
.welcome_00 .main_slider .item .img_full.mobil{display: none; background: no-repeat scroll center center; background-size: cover;}
.welcome_00 .main_slider .item .box{display: table; width: 100%; position: relative; z-index: 10;}
.welcome_00 .main_slider .item .box .centering{display: table-cell; vertical-align: middle; text-align: left;}
.welcome_00 .main_slider .item .box .centering, .welcome_00 .main_slider .item .box .centering *{height: initial; height: auto;}


.welcome_00 .main_slider .item .text{position: relative; padding: 0; max-width: calc(100% - 10%); display: inline-block; vertical-align: middle; margin: 0 0 0 5%;}
.welcome_00 .main_slider .item .text .title{max-width: 560px; font-size: 120px; line-height: 120px; font-weight: 400; color: #33781E; margin: 0; text-transform: none; position: relative; z-index: 10;}
.welcome_00 .main_slider .item .text .title span{color: #F0A600;}
.welcome_00 .main_slider .item .text .subtitle{max-width: 560px; font-size: 20px; line-height: 26px; font-weight: 700; color: #2E1D17; margin: 15px 0 5px; position: relative; z-index: 10;}
.welcome_00 .main_slider .item .text .anotation{max-width: 560px; font-size: 16px; line-height: 22px; font-weight: 400; color: #2E1D17; margin: 0; position: relative; z-index: 10;}





.welcome_00 .main_slider.owl-carousel .owl-controls, .welcome_00 .main_slider.owl-carousel .owl-controls *{margin: 0; height: initial; height: auto;}
.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination{font-size: 0; margin: 0; text-align: left; position: absolute; bottom: 35px; margin: 0; left: 5%; right: 0; min-height: 0; z-index: 990; width: 95%;}
.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page{display: inline-block; vertical-align: middle; margin: 0 8px 0 0;}
.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page span{margin: 0; position: relative; width: 10px; height: 10px; background: #ffffff; display: block; border: 1px solid #D6D6D6; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span, .welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:focus span{background: #F0A600; border: 1px solid #F0A600;}


.product_box{position: relative; display: inline-block; vertical-align: middle; width: 280px; margin: 10px 0 0 20px;}
.product_box .product_list .item{border: 0;}
.product_box > .title{font-size: 22px; line-height: 28px; z-index: 99; font-weight: 700; margin: 0; padding: 0; white-space: nowrap; padding: 0 25px; background: #fff; color: #33781E; position: absolute; left: 50%; top: 3px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%)}





@media screen and (max-width: 1700px) {
.welcome_00 .main_slider .item .text .title{font-size: 96px; line-height: 96px;}
.welcome_00 .main_slider .item .text .subtitle{font-size: 16px; line-height: 22px;}
.welcome_00 .main_slider .item .text .anotation{font-size: 14px; line-height: 20px;}

}



@media screen and (max-width: 1500px) {
.welcome_00{height: 500px; width: calc(100% - 284px);}
.product_box{width: 264px;}
}


@media screen and (max-width: 1360px) {
.welcome_00 .main_slider .item .text{margin: 0 0 0 1px; width: 100%; max-width: 100%;}
.welcome_00 .main_slider .item .text .title{font-size: 80px; line-height: 80px;}
.welcome_00 .main_slider .item .text .subtitle{font-size: 14px; line-height: 20px;}
.welcome_00 .main_slider .item .text .anotation{font-size: 13px; line-height: 20px;}

.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination{left: 0%; width: 100%;}
}

@media screen and (max-width: 1280px) {
.welcome_00{height: 0; padding: 0 0 36.5%; width: 100%;}
.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination{bottom: 10px;}
.product_box{display: none;}
}

@media screen and (max-width: 1280px) {
.welcome_00 .main_slider .item .text .title{font-size: 70px; line-height: 70px;}
.welcome_00 .main_slider .item .text .subtitle{font-size: 13px; line-height: 18px;}
.welcome_00 .main_slider .item .text .anotation{font-size: 13px; line-height: 18px;}
}

@media screen and (max-width: 850px) {
.welcome_00{height: 280px; padding: 0;}
.welcome_00 .main_slider .item .img_full.desktop{display: none;}
.welcome_00 .main_slider .item .img_full.mobil{display: block;}
.welcome_00 .main_slider .item .box{background: rgba(255,255,255,0.85)}
.welcome_00 .main_slider .item .box .centering{text-align: center;}

.welcome_00 .main_slider .item .text{margin: 0 auto; text-align: center;}

.welcome_00 .main_slider .item .text .title{max-width: 100%;}
.welcome_00 .main_slider .item .text .subtitle{max-width: 100%;}
.welcome_00 .main_slider .item .text .anotation{max-width: 100%;}

.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination{text-align: center;}
}


@media screen and (max-width: 500px) {
.welcome_00{height: 230px;}
.welcome_00 .main_slider .item .text .title{font-size: 60px; line-height: 60px;}
.welcome_00 .main_slider .item .text .subtitle{margin: 10px 0 5px;}
.welcome_00 .main_slider .item .text .btn.ultra_margin_top{margin: 20px 0 0;}

.welcome_00 .main_slider.owl-carousel .owl-controls .owl-pagination{bottom: 5px;}
}


























.welcome_2{padding: 0 0 80px 0; position: relative; display: block; width: 100%;}
.welcome_2 h2{font-size: 42px; line-height: 50px; font-weight: 300; text-align: center; margin: 0; padding: 0 ; position: relative;}
.welcome_2 h2.yellow{color: #F0A600;}
.welcome_2 h2.brown{color: #AA4825;}


@media screen and (max-width: 1650px) {
.welcome_2{padding: 0 0 60px 0;}
}

@media screen and (max-width: 1280px) {
.welcome_2 h2{font-size: 36px; line-height: 44px;}
}

@media screen and (max-width: 1024px) {
.welcome_2{padding: 0 0 40px 0;}
.welcome_2 h2{font-size: 32px; line-height: 40px;}
}




.welcome_2 .hp_tab_list{display: block; margin: 0 0 25px; padding: 0; text-align: center; font-size: 0;}
.welcome_2 .hp_tab_list li{display: inline-block; vertical-align: middle; position: relative; margin: 0 4px; width: calc(33.33% - 8px); max-width: 180px; }
.welcome_2 .hp_tab_list li a{display: block; font-size: 16px; line-height: 22px; font-weight: 700; color: #2E1D17; text-transform: uppercase; width: 100%; margin: 0; padding: 6px 0; border-bottom: 5px solid #D6D6D6; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_2 .hp_tab_list li a:hover, .welcome_2 .hp_tab_list li.active a{color: #AA4825; border-bottom-color: #AA4825;}

.welcome_2 .obsah{margin: 0 auto; padding: 0; opacity: 0; display: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .obsah.active{opacity: 1; display: block;}

@media screen and (max-width: 1200px) {
.welcome_2 .hp_tab_list{margin: 0 0 20px;}
.welcome_2 .hp_tab_list li{margin: 0 3px; width: calc(33.33% - 6px); max-width: 130px; }
.welcome_2 .hp_tab_list li a{font-size: 14px; line-height: 20px; padding: 5px 0; border-bottom: 4px solid #D6D6D6;}
}

@media screen and (max-width: 500px) {
.welcome_2 .hp_tab_list{margin: 0 0 15px;}
.welcome_2 .hp_tab_list li a{font-size: 13px; line-height: 18px; padding: 4px 0; border-bottom: 3px solid #D6D6D6;}
}








.welcome_2 .benefits_box{border: 1px solid #f0f0f0; padding: 60px 60px; position: relative; margin: 25px 0 0;}
.welcome_2 .benefits_box::before{content: ""; display: block; position: absolute; width: 252px; height: 440px; background: url(../img/info_g1.png) no-repeat scroll center center; background-size: 100% auto; left: 15px; bottom: -100px;}
.welcome_2 .benefits_box::after{content: ""; display: block; position: absolute; width: 370px; height: 425px; background: url(../img/info_g2.png) no-repeat scroll center center; background-size: 100% auto; right: -60px; top: -45px;}


.welcome_2 .benefits_box .benefits_list{display: block; position: relative; width: 100%; max-width: 860px; margin: 0 auto; font-size: 0;}
.welcome_2 .benefits_box .benefits_list .item{position: relative; display: inline-block; vertical-align: top; width: calc(33.33% - 30px); padding: 15px;}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::before{position: absolute; left: 0; top: 50%; width: 1px; background: #f0f0f0; content: ""; display: block; height: 170px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::after{position: absolute; right: 0; top: 50%; width: 1px; background: #f0f0f0; content: ""; display: block; height: 170px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.welcome_2 .benefits_box .benefits_list .item .img{display: block; margin: 0 auto 10px; position: relative; max-width: 80px;}
.welcome_2 .benefits_box .benefits_list .item .img img{display: block; width: 100%;}
.welcome_2 .benefits_box .benefits_list .item .text{margin: 0 auto; display: block; width: 100%; max-width: 180px;}
.welcome_2 .benefits_box .benefits_list .item .text .title{margin: 0 0 5px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #33781E; display: block; width: 100%;}
.welcome_2 .benefits_box .benefits_list .item .text .anotation{margin: 0; text-align: center; font-size: 14px; line-height: 20px; font-weight: 400; color: #2E1D17; display: block; width: 100%;}




@media screen and (max-width: 1500px) {
.welcome_2 .benefits_box{padding: 50px 45px;}
.welcome_2 .benefits_box::before{width: 180px; height: 314px; left: -25px; bottom: -100px;}
.welcome_2 .benefits_box::after{width: 260px; height: 299px; right: -70px; top: -55px;}


.welcome_2 .benefits_box .benefits_list .item .text .title{font-size: 16px; line-height: 22px;}
}


@media screen and (max-width: 1200px) {
.welcome_2 .benefits_box{padding: 40px 35px;}
.welcome_2 .benefits_box::before{width: 130px; height: 227px; left: -45px; bottom: -70px;}
.welcome_2 .benefits_box::after{width: 170px; height: 195px; right: -45px; top: -40px;}


.welcome_2 .benefits_box .benefits_list .item .img{max-width: 60px;}
.welcome_2 .benefits_box .benefits_list .item .text{max-width: 180px;}
.welcome_2 .benefits_box .benefits_list .item .text .anotation{font-size: 13px; line-height: 18px;}
}


@media screen and (max-width: 1000px) {
.welcome_2 .benefits_box{padding: 35px 0;}
.welcome_2 .benefits_box::before{display: none;}
.welcome_2 .benefits_box::after{display: none;}
}

@media screen and (max-width: 850px) {
.welcome_2 .benefits_box .benefits_list{text-align: center;}
.welcome_2 .benefits_box .benefits_list .item{width: calc(50% - 30px); padding: 15px;}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::before{display: none;}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::after{display: none;}
}

@media screen and (max-width: 500px) {
.welcome_2 .benefits_box{padding: 15px 0;}
.welcome_2 .benefits_box .benefits_list .item{width: calc(100% - 20px); padding: 18px 10px;}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::before{left: 50%; top: 0; display: block; height: 1px; width: 150px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.welcome_2 .benefits_box .benefits_list .item:nth-child(2)::after{left: 50%; bottom: 0; top: initial; top: auto; display: block; height: 1px; width: 150px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.welcome_2 .benefits_box .benefits_list .item .img{max-width: 54px;}
.welcome_2 .benefits_box .benefits_list .item .text .title{font-size: 14px; line-height: 20px;}
.welcome_2 .benefits_box .benefits_list .item .text .anotation{font-size: 12px; line-height: 16px;}
}
















.welcome_2 .hp_news_list{border: 1px solid #f0f0f0; padding: 80px 60px; position: relative; margin: 25px 0 0;}
.welcome_2 .hp_news_list::before{content: ""; display: block; position: absolute; width: 363px; height: 394px; background: url(../img/info_g3.png) no-repeat scroll center center; background-size: 100% auto; left: 10px; bottom: -120px;}
.welcome_2 .hp_news_list::after{content: ""; display: block; position: absolute; width: 276px; height: 444px; background: url(../img/info_g4.png) no-repeat scroll center center; background-size: 100% auto; right: 30px; top: -60px;}


.welcome_2 .hp_news_list h2{z-index: 10; top: 0; left: 50%; position: absolute; white-space: nowrap; padding: 0 30px; background: #fff; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

.welcome_2 .hp_news_list .news_slider{z-index: 10; max-width: 570px; width: 100%; position: relative; margin: 0 auto; font-size: 0; }
.welcome_2 .hp_news_list .news_slider .item{display: block; padding: 0; width: 100%; margin: 0; position: relative; font-size: 0;}
.welcome_2 .hp_news_list .news_slider .item .text{text-align: left; width: 100%; position: relative; margin: 0; display: block;}

.welcome_2 .hp_news_list .news_slider .item .text .title{font-weight: 700; display:block; font-size: 18px; line-height: 24px; margin: 0; color: #33781E; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .welcome_2 .hp_news_list .news_slider .item:hover .text .title{color: #AA4825;}
.welcome_2 .hp_news_list .news_slider .item .text .date{-webkit-border-radius: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 700; color: #ffffff; background: #F0A600; line-height: 20px; margin: 5px 0 0; padding: 3px 8px;}
.welcome_2 .hp_news_list .news_slider .item .text .text_box{overflow: hidden; max-height: 132px; color: #161615; margin: 10px 0 0; padding: 0;}

.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls{min-height: 0; z-index: 991; margin: 0;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; right: 0; left: 0; text-align: right; margin: -36px auto 0; width: 100%;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 44px; height: 72px; left: -85px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 44px; height: 72px; right: -85px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 0.6; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow.svg) no-repeat scroll center center; background-size: 44px 72px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 0.6; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow.svg) no-repeat scroll center center; background-size: 44px 72px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { opacity: 1;}



@media screen and (max-width: 1500px) {
.welcome_2 .hp_news_list{padding: 60px 45px;}
.welcome_2 .hp_news_list::before{width: 300px; height: 326px; left: -20px; bottom: -90px;}
.welcome_2 .hp_news_list::after{width: 240px; height: 386px; right: -10px; top: -70px;}

.welcome_2 .hp_news_list .news_slider .item .text .title{font-size: 16px; line-height: 22px;}
}

@media screen and (max-width: 1280px) {
.welcome_2 .hp_news_list{margin: 22px 0 0;}
}

@media screen and (max-width: 1200px) {
.welcome_2 .hp_news_list{padding: 50px 40px;}
.welcome_2 .hp_news_list::before{width: 260px; height: 282px; left: -50px; bottom: -90px;}
.welcome_2 .hp_news_list::after{width: 200px; height: 322px; right: -30px; top: -20px;}
}


@media screen and (max-width: 1024px) {
.welcome_2 .hp_news_list{margin: 20px 0 0;}
.welcome_2 .hp_news_list .news_slider .item .text .in .text_box{max-height: 120px;}
}
@media screen and (max-width: 1000px) {
.welcome_2 .hp_news_list::before{display: none;}
.welcome_2 .hp_news_list::after{display: none;}

.welcome_2 .hp_news_list .news_slider .item .text{text-align: center;}
.welcome_2 .hp_news_list .news_slider .item .text .title{text-align: center;}
.welcome_2 .hp_news_list .news_slider .item .text .date{text-align: center;}
.welcome_2 .hp_news_list .news_slider .item .text .text_box, .welcome_2 .hp_news_list .news_slider .item .text .text_box *{text-align: center;}

.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons{margin: -18px auto 0;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 22px; height: 36px; left: -40px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 22px; height: 36px; right: -40px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { background-size: 22px 36px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { background-size: 22px 36px;}
}
@media screen and (max-width: 800px) {
.welcome_2 .hp_news_list .news_slider .item .text .in .text_box{max-height: 120px;}
}

@media screen and (max-width: 770px) {
.welcome_2 .hp_news_list{padding: 45px 35px;}
.welcome_2 .hp_news_list .news_slider{max-width: 100%;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons{margin: 8px auto 0;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; width: 32px; height: 32px; left: -52px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; width: 32px; height: 32px; right: -52px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { background-image: url(../img/slider_arrow_white.svg); opacity: 1; background-size: 8px 13px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { background-image: url(../img/slider_arrow_white.svg); opacity: 1; background-size: 8px 13px;}
.notouch .welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover { background: #F0A600;}
.notouch .welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: #F0A600;}
}

@media screen and (max-width: 500px) {
.welcome_2 .hp_news_list{padding: 40px 25px 25px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons{margin: 4px auto 0;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { left: -41px;}
.welcome_2 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { right: -41px;}


.welcome_2 .hp_news_list .news_slider .item .text .title{max-height: 40px; font-size: 15px; line-height: 20px; }
.welcome_2 .hp_news_list .news_slider .item .text .date{font-size: 12px; line-height: 16px;}
.welcome_2 .hp_news_list .news_slider .item .text .text_box{margin: 8px 0 0;}
}



























#content{background: #ffffff; padding: 0; position: relative;}
#content > .relative{padding: 0 0 0 5%;}
#content .inside .inside{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;}
#content .inside{margin: 0 auto 40px}
#content .inside.margin{margin: 0 auto 20px; padding: 0;}
#content .inside:last-of-type, #content .inside.nomargin{margin: 0 auto;}


#content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
@media screen and (max-width: 1280px) {
#content > .relative{padding: 0;}
}

@media screen and (max-width: 1024px) {
#content .inside{margin: 0 auto 25px}
}








aside{width: 330px; position: absolute; left: 5%; float: left; top: 0; bottom: 0; display: block; padding: 0 10px 0 0; margin: 0 0 60px;}
aside .box{position: relative; padding: 0 20px 10px 0; overflow: auto; max-height: calc(100% - 10px);}





aside .box .main_title{position: relative; z-index: 99; display: block; margin: 0; padding: 0; font-size: 22px; line-height: 30px; font-weight: 700; text-transform: uppercase; }
aside .box .main_title span{font-size: 13px; line-height: 14px; font-weight: 400; display: none;}


aside .box .section_box{margin: 35px 0 0; padding: 0; display: block; position: relative; font-size: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

aside .box .section_box .title{color: #33781e; z-index: 10; position: relative; display: block; margin: 0 0 8px; padding: 0 0 8px; border-bottom: 2px solid #33781e; font-size: 16px; line-height: 22px; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box .title .close_section{position: absolute; right: 0; top: calc(50% - 8px); -webkit-transform: translateY(-50%);  transform: translateY(-50%); width: 22px; height: 22px; z-index: 10; }
aside .box .section_box .title .close_section::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_grey.svg) no-repeat scroll center center; background-size: 36px 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .box .section_box .title .close_section::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_red.svg) no-repeat scroll center center; background-size: 36px 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .box .section_box.active .title .close_section::before{background-image: url(../img/minus_grey.svg);}
aside .box .section_box.active .title .close_section::after{background-image: url(../img/minus_red.svg);}
.notouch aside .box .section_box .title:hover .close_section::before{opacity: 0;}
.notouch aside .box .section_box .title:hover .close_section::after{opacity: 1;}


aside .box .section_box nav{display: block; position: relative;}
aside .box .section_box nav ul{display: block; position: relative; margin: 0; padding: 0;}
aside .box .section_box nav ul > li{list-style: none; display: block; position: relative; margin: 0; padding: 0;}
aside .box .section_box nav ul > li > a{display: block; position: relative; padding: 7px 25px 7px 26px; font-size: 13px; line-height: 18px; font-weight: 700; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box nav ul > li > a::before{-webkit-border-radius: 30px; border-radius: 30px; position: absolute; left: 0; top: calc(50% - 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #D9D9D7; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box nav ul > li[aria-expanded="true"] > a::before{background: url(../img/parameter_cross.svg) no-repeat scroll center center; background-size: 10px 10px; border: 1px solid #F0A600;}
.notouch aside .box .section_box nav ul > li > a:hover{color: #F0A600}
.notouch aside .box .section_box nav ul > li > a:hover::before{border: 1px solid #F0A600;}
aside .box .section_box nav ul > li > a span.text{text-align: left; color: #A4A6A9; font-weight: 400; position: relative; display: inline-block; vertical-align: bottom; margin: 0 0 0 5px;}



aside .box .section_box nav ul > li > ul{display: none; position: relative; margin: 0; padding: 0 0 0 16px;}
aside .box .section_box nav ul > li[aria-expanded="true"] > ul{display: block;}
aside .box .section_box nav ul > li > ul > li{list-style: none; display: block; position: relative; margin: 0; padding: 0;}
aside .box .section_box nav ul > li > ul > li > a{display: block; position: relative; padding: 6px 25px 6px 26px; font-size: 12px; line-height: 18px; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box nav ul > li > ul > li > a::before{-webkit-border-radius: 30px; border-radius: 30px; position: absolute; left: 0; top: calc(50% - 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #D9D9D7; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box nav ul > li > ul > li[aria-expanded="true"] > a::before{background: url(../img/parameter_cross.svg) no-repeat scroll center center; background-size: 10px 10px; border: 1px solid #F0A600;}
.notouch aside .box .section_box nav ul > li > ul > li > a:hover{color: #F0A600}
.notouch aside .box .section_box nav ul > li > ul > li > a:hover::before{border: 1px solid #F0A600;}
aside .box .section_box nav ul > li > ul > li > a span.text{text-align: left; color: #A4A6A9; font-weight: 400; position: relative; display: inline-block; vertical-align: bottom; margin: 0 0 0 5px;}


aside .box .section_box nav ul > li > .icon2{padding: 0; background: none; border: 1px solid transparent; cursor: pointer; z-index: 999; position: absolute; right: 0; top: 4px; width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .box .section_box nav ul > li > .icon2::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_black.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .box .section_box nav ul > li > .icon2::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .box .section_box nav ul > li[aria-expanded="true"] > .icon2::before{background-image: url(../img/minus_black.svg);}
aside .box .section_box nav ul > li[aria-expanded="true"] > .icon2::after{background-image: url(../img/minus_white.svg);}
.notouch aside .box .section_box nav ul > li > .icon2:hover{background: #2E1D17;}
.notouch aside .box .section_box nav ul > li > .icon2:hover::before{opacity: 0;}
.notouch aside .box .section_box nav ul > li > .icon2:hover::after{opacity: 1;}



aside .box .section_box .range_slider .slider_range_bg{font-size: 0; padding: 0; margin: 0;}
aside .box .section_box .range_slider .ui-slider-horizontal, aside .box .section_box .range_slider #slider_range{display: block; width: calc(100% - 17px) !important;}
aside .box .section_box .range_slider .left_value, aside .box .section_box .range_slider .right_value{position: relative; margin: 0 0 8px; display: inline-block; vertical-align: middle; width: 50%;}
aside .box .section_box .range_slider input{background: transparent; border: 0; width: 100%; text-align: center; font-size: 13px; line-height: 20px; font-weight: 600; color: #000; position: relative; z-index: 0; padding: 0; margin: 0; display: block;}
aside .box .section_box .range_slider .left_value input{text-align: left;}
aside .box .section_box .range_slider .right_value input{text-align: right;}


aside .box .section_box .filter_btn{cursor: pointer; display: inline-block; vertical-align: top; width: calc(50% - 41px); position: relative; padding: 7px 15px 7px 26px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box .filter_btn input, aside .box .section_box .filter_btn .checker, aside .box .section_box .filter_btn radio{position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; visibility: hidden;}
aside .box .section_box .filter_btn::before{position: absolute; left: 0; top: calc(50% - 1px); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #D9D9D7; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside .box .section_box .filter_btn.active::before{background: url(../img/parameter_cross.svg) no-repeat scroll center center; background-size: 10px 10px; border: 1px solid #F0A600;}
.notouch aside .box .section_box .filter_btn:hover{color: #F0A600}
.notouch aside .box .section_box .filter_btn:hover::before{border: 1px solid #F0A600;}
aside .box .section_box .filter_btn span.text{text-align: left; color: #A4A6A9; font-weight: 400; position: relative; display: inline-block; vertical-align: bottom; margin: 0 0 0 5px;}
 
 /*      
aside .box .font_size .section_box{max-height: 200px; overflow: hidden; margin: 0 0 20px;}
aside .box .font_size .section_box .show_more{z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 0 8px; display: none; color: #000; font-size: 12px; line-height: 20px; text-align: center; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
aside .box .font_size .section_box.active .show_more{display: block;}
.notouch aside .box .font_size .section_box .show_more:hover{color: #B71D47;}
aside .box .font_size .section_box.active2{max-height: 100%; overflow: visible; margin: 0;}
aside .box .font_size .section_box.active2 .show_more{display: none;}
*/

       
@media screen and (max-width: 1450px) { 

aside{width: 280px;}
}


@media screen and (max-width: 1280px) { 
aside .box .main_title{font-size: 20px; line-height: 28px;}
aside .box .section_box .title{font-size: 14px; line-height: 22px;}
}

@media screen and (max-width: 1280px) {
aside{display: none; background: #EBEBEB; left: 0; position: relative; width: calc(100% - 52px); border: 1px solid #eaeaea !important; float: none; padding: 25px 25px 15px; margin: 0 0 10px;}
aside::before{display: none;}
aside .box{position: relative; padding: 0 0 10px; overflow: visible; max-height: initial;}
aside .box .main_title{display: none;}
aside .box .section_box.hide{margin: 0; padding: 0; border: 0;}
}

@media screen and (max-width: 720px) { 
aside{width: calc(100% - 32px);  padding: 15px;}
}


@media screen and (max-width: 500px) { 
aside .box .section_box .title{font-size: 13px; line-height: 20px;}
aside .box .section_box .filter_btn{font-size: 12px; }
}

















.c_column{width: calc(100% - 340px); padding: 60px 0; float: right; display: block;}
.c_column.min_height{min-height: 400px;}
.c_column.nopadding_top{padding-top: 0;}
.c_column.nopadding_bottom{padding-bottom: 0;}

.c_column.full{width: 100%; float: none;}



@media screen and (max-width: 1450px) { 
.c_column{width: calc(100% - 310px);} 
}

@media screen and (max-width: 1280px) {
.c_column{width: 100%;}
.c_column.min_height{min-height: initial; min-height: auto;}
}

@media screen and (max-width: 1024px) {
.c_column{padding: 40px 0;}
}

@media screen and (max-width: 500px) { 
.c_column{padding: 30px 0;} 
}









 
 
.ipad_sorting{display: none; position: relative; font-size: 0; margin: 0 0 10px; z-index: 100}
.ipad_sorting a{position: relative; background: #2E1D17; border: 1px solid #2E1D17; color: #fff; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; text-align: center; padding: 16px 0; width: calc(50% - 7px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_sorting a:nth-child(2){margin: 0 0 0 10px;}
.notouch .ipad_sorting a:hover{border: 1px solid #EBEBEB; color: #000; background: #fff;}
.ipad_sorting a.active{border: 1px solid #eaeaea !important; border-bottom: 1px solid #EBEBEB !important; color: #000; background: #EBEBEB !important;}
.ipad_sorting a.active::before{position: absolute; left: -1px; right: -1px; top: 100%; height: 12px; background: #EBEBEB; content: ""; border-left: 1px solid #eaeaea !important; border-right: 1px solid #eaeaea !important;}

.ipad_sorting a[data-open="sort"]::after{position: absolute; left: 12px; top: 0; bottom: 0; width: 24px; background: url(../img/sorting_icon_white.svg) no-repeat scroll center center; background-size: 24px 24px; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .ipad_sorting a[data-open="sort"]:hover::after, .ipad_sorting a[data-open="sort"].active::after{background-image: url(../img/sorting_icon_black.svg)}

.ipad_sorting a[data-open="filter"]::after{position: absolute; left: 12px; top: 0; bottom: 0; width: 24px; background: url(../img/settings_icon_white.svg) no-repeat scroll center center; background-size: 24px 24px; content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .ipad_sorting a[data-open="filter"]:hover::after, .ipad_sorting a[data-open="filter"].active::after{background-image: url(../img/settings_icon_black.svg)}

@media screen and (max-width: 1280px) {
.ipad_sorting{display: block;}
}

@media screen and (max-width: 700px) {
.ipad_sorting{margin: 0 0 6px;}
.ipad_sorting a{width: calc(50% - 5px); font-size: 13px; line-height: 18px; padding: 14px 0;}
.ipad_sorting a:nth-child(2){margin: 0 0 0 6px;}
.ipad_sorting a.active::before{height: 8px;}
}

@media screen and (max-width: 500px) {
.ipad_sorting a{font-size: 12px; line-height: 16px; padding: 13px 0;}

.ipad_sorting a[data-open="sort"]::after{left: 8px; width: 18px; background-size: 18px 18px;}
.ipad_sorting a[data-open="filter"]::after{left: 8px; width: 18px; background-size: 18px 18px;}
}


.choose_parameters{display: block; margin: 0 0 30px; font-size: 0; position: relative;}
.choose_parameters .remove_btn{cursor: pointer; position: relative; margin: 3px 6px 3px 0; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 20px; padding: 5px 26px 5px 8px; background: #eaeaea; border: 1px solid #eaeaea; color: #000000; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.choose_parameters .remove_btn::before{opacity: 1; position: absolute; content: ""; display: block; right: 0; width: 26px; top: 0; bottom: 0; background: url(../img/close_hover.svg) no-repeat scroll center center; background-size: 9px 9px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.choose_parameters .remove_btn::after{opacity: 0; position: absolute; content: ""; display: block; right: 0; width: 26px; top: 0; bottom: 0; background: url(../img/close.svg) no-repeat scroll center center; background-size: 9px 9px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .choose_parameters .remove_btn:hover{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}
.notouch .choose_parameters .remove_btn:hover::before{opacity: 0;}
.notouch .choose_parameters .remove_btn:hover::after{opacity: 1;}

.choose_parameters .remove_all_btn{cursor: pointer; position: relative; margin: 3px 6px 3px 0; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 20px; padding: 5px 26px 5px 8px; background: transparent; color: #AA4825; border: 1px solid #AA4825; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.choose_parameters .remove_all_btn::before{opacity: 1; position: absolute; content: ""; display: block; right: 0; width: 26px; top: 0; bottom: 0; background: url(../img/close_brown.svg) no-repeat scroll center center; background-size: 9px 9px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.choose_parameters .remove_all_btn::after{opacity: 0; position: absolute; content: ""; display: block; right: 0; width: 26px; top: 0; bottom: 0; background: url(../img/close.svg) no-repeat scroll center center; background-size: 9px 9px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .choose_parameters .remove_all_btn:hover{background: #AA4825; border: 1px solid #AA4825; color: #ffffff;}
.notouch .choose_parameters .remove_all_btn:hover::before{opacity: 0;}
.notouch .choose_parameters .remove_all_btn:hover::after{opacity: 1;}

@media screen and (max-width: 1280px) {
.choose_parameters{margin: 0 0 10px;}
.choose_parameters .remove_btn{font-size: 12px; line-height: 18px;}

.choose_parameters .remove_all_btn{font-size: 12px; line-height: 18px;}
}

@media screen and (max-width: 500px) {
.choose_parameters .remove_btn{margin: 2px 4px 2px 0; font-size: 11px; line-height: 18px; padding: 4px 22px 4px 6px;}
.choose_parameters .remove_btn::before{width: 22px; background-size: 7px 7px;}
.choose_parameters .remove_btn::after{width: 22px; background-size: 7px 7px;}

.choose_parameters .remove_all_btn{margin: 2px 4px 2px 0; font-size: 11px; line-height: 18px; padding: 4px 22px 4px 6px;}
.choose_parameters .remove_all_btn::before{width: 22px; background-size: 7px 7px;}
.choose_parameters .remove_all_btn::after{width: 22px; background-size: 7px 7px;}
}



.sort_box .sort_tabs{text-align: left; display: block; position: relative; width: 100%; overflow: hidden; font-size: 0; margin: 0 0 20px;}
.sort_box .sort_tabs::before{position: absolute; left: 0; right: 0; height: 1px; top: 50%; transform: translateY(-50%); content: ""; background: #EBEBEB;}
.sort_box .sort_tabs .title{white-space: nowrap; position: relative; z-index: 1; width: 110px; text-align: left; margin: 0; font-size: 16px; line-height: 34px; display: inline-block; vertical-align: middle; padding: 0 20px 0 0; background: #fff; text-transform: uppercase; font-weight: 600;}
.sort_box .sort_tabs .box{display: inline-block; vertical-align: middle; width: calc(100% - 130px); text-align: right; }
.sort_box .sort_tabs .box ul{display: inline-block; vertical-align: middle; margin: 0; padding: 0 0 0 20px; font-size: 0; background: #fff; position: relative; z-index: 1; }
.sort_box .sort_tabs .box ul li{position: relative; display: inline-block; vertical-align: middle; margin: 0 0 0 35px; }
.sort_box .sort_tabs .box ul li.disabled{opacity: 0.3; cursor: no-drop;}
.sort_box .sort_tabs .box ul li.disabled::before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 10; }
.sort_box .sort_tabs .box ul li:first-of-type{margin: 0;}
.sort_box .sort_tabs .box ul li .subtitle{cursor: pointer; white-space: nowrap; position: relative; text-align: left; margin: 0; font-size: 13px; line-height: 22px; display: inline-block; vertical-align: middle; padding: 0 6px 0 0; text-transform: uppercase; font-weight: 600; color: #000;}
.sort_box .sort_tabs .box ul li .sort{background: #fff; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 3px 0 0; border: 1px solid #bcbec0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.sort_box .sort_tabs .box ul li .sort:last-of-type{margin: 0;}
.sort_box .sort_tabs .box ul li .sort::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: url(../img/arrow_grey_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.sort_box .sort_tabs .box ul li .sort::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.sort_box .sort_tabs .box ul li .sort.down::before, .sort_box .sort_tabs .box ul li .sort.down::after{-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.sort_box .sort_tabs .box ul li .sort.up::before, .sort_box .sort_tabs .box ul li .sort.up::after{-webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.notouch .sort_box .sort_tabs .box ul li .sort:hover, .sort_box .sort_tabs .box ul li .sort.active{border: 1px solid #33781E; background: #33781E;}
.notouch .sort_box .sort_tabs .box ul li .sort:hover::before, .sort_box .sort_tabs .box ul li .sort.active::before{opacity: 0;}
.notouch .sort_box .sort_tabs .box ul li .sort:hover::after, .sort_box .sort_tabs .box ul li .sort.active::after{opacity: 1;}



@media screen and (max-width: 1280px) {
.sort_box{display: none; padding: 25px; background: #EBEBEB; margin: 0 0 10px;}
.sort_box .sort_tabs{margin: 0;}
.sort_box .sort_tabs::before{display: none;}
.sort_box .sort_tabs .title{display: none;}
.sort_box .sort_tabs .box{display: block; width: 100%; text-align: left; }
.sort_box .sort_tabs .box ul{padding: 0; background: none;}
}

@media screen and (max-width: 580px) {
.sort_box .sort_tabs .box ul{display: block;}
.sort_box .sort_tabs .box ul li{display: block; margin: 8px 0 0;}
}








.sub_category_list{display: block; font-size: 0; width: 100%; position: relative;}
.sub_category_list h2{display: block; margin: 0 0 10px; padding: 0; font-size: 22px; line-height: 30px; font-weight: 700; text-transform: uppercase; color: #000; }
.sub_category_list .item{font-size: 0; text-align: center; position: relative; display: inline-block; vertical-align: middle; width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0; background: #ffffff; border: 1px solid #EBEBEB; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.sub_category_list .item:nth-child(3n - 1){margin: 10px 10px 0;}
.sub_category_list .item:nth-child(-n + 3){margin-top: 0;}
.notouch .sub_category_list .item:hover{box-shadow: 0px 0px 20px -13px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 20px -13px rgba(0,0,0,0.6);}
.sub_category_list .item .in{display: block; padding: 15px; font-size: 0; position: relative;}
.sub_category_list .item .img{ display: inline-block; vertical-align: middle; width: 80px; margin: 0 15px 0 0;}
.sub_category_list .item .img .in_img{min-height: 0; overflow: hidden; -webkit-border-radius: 60px; border-radius: 60px; display: block; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sub_category_list .item .text{text-align: left; width: calc(100% - 95px); display: inline-block; vertical-align: middle; padding: 0;}
.sub_category_list .item .text .title{margin: 0; font-size: 16px; line-height: 22px; font-weight: 600; text-align: left; padding: 0;}


@media screen and (max-width: 1400px) and (min-width: 1201px) { 
.sub_category_list h2{font-size: 20px; line-height: 28px;}

.sub_category_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0;}
.sub_category_list .item:nth-child(3n - 1){margin: 10px 0 0;}
.sub_category_list .item:nth-child(-n + 3){margin-top: 10px;}
.sub_category_list .item:nth-child(2n){margin: 10px 0 0 10px;}
.sub_category_list .item:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 1024px) { 
.sub_category_list h2{font-size: 18px; line-height: 26px;}

.sub_category_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0;}
.sub_category_list .item:nth-child(3n - 1){margin: 10px 0 0;}
.sub_category_list .item:nth-child(-n + 3){margin-top: 10px;}
.sub_category_list .item:nth-child(2n){margin: 10px 0 0 10px;}
.sub_category_list .item:nth-child(-n + 2){margin-top: 0;}
}

 
@media screen and (max-width: 700px) { 
.sub_category_list .item{width: calc(50% - 6px / 2 - 2px); margin: 6px 0 0;}
.sub_category_list .item:nth-child(3n - 1){margin: 6px 0 0;}
.sub_category_list .item:nth-child(-n + 3){margin-top: 6px;}
.sub_category_list .item:nth-child(2n){margin: 6px 0 0 6px;}
.sub_category_list .item:nth-child(-n + 2){margin-top: 0;}

.sub_category_list .item .in{padding: 10px;}
.sub_category_list .item .img{display: none;}
.sub_category_list .item .text{width: 100%;}
.sub_category_list .item .text .box{display: table; width: 100%; height: 36px;}
.sub_category_list .item .text .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
.sub_category_list .item .text .title{font-size: 13px; line-height: 18px; text-align: center;}
} 












#snippet--productsArea{padding: 0 !important; min-height: 0;}
#snippet--productsList{-webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}

.product_list{width: 100%; display: block; font-size: 0;}
.product_list .item{z-index: 0; text-align: center; position: relative; display: inline-block; vertical-align: top;}
.notouch .product_list .item:hover{z-index: 1;}
 
.c_column:not(.full) .product_list .item{width: 25%;}
.c_column.full .product_list .item{width: 20%;}

.product_list.product_list_slider .item{display: block; width: calc(100% - 2px) !important; margin: 0;}
.product_list.product_list_slider_small .item{display: block; width: calc(100% - 2px) !important; margin: 0;}


.product_list.product_list_slider{display: none;}
.product_list.product_list_slider.owl-carousel .owl-controls{min-height: 0; z-index: 991; margin: 0;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; right: 0; left: 0; text-align: right; margin: -27px auto 0; width: 100%;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 33px; height: 54px; left: -40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 33px; height: 54px; right: -40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 0.6; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow.svg) no-repeat scroll center center; background-size: 33px 54px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 0.6; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow.svg) no-repeat scroll center center; background-size: 33px 54px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { opacity: 1;}



.product_list.product_list_slider_small{display: none;}
.product_list.product_list_slider_small.owl-carousel .owl-controls{min-height: 0; z-index: 991; margin: 0;}
.product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; right: 0; left: 0; text-align: right; margin: -20px auto 0; width: 100%;}
.product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-prev { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; cursor: pointer; position:absolute; width: 32px; height: 32px; left: -15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-next { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; cursor: pointer; position:absolute; width: 32px; height: 32px; right: -15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_white.svg) no-repeat scroll center center; background-size: 8px 13px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_white.svg) no-repeat scroll center center; background-size: 8px 13px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .product_list.product_list_slider_small.owl-carousel .owl-controls .owl-buttons .owl-next:hover{ background: #F0A600;}









.product_list .item .add_remove_wish{z-index: 100; display: block; position: absolute; top: 7px; right: 7px; width: 24px; height: 24px;}
.product_list .item .add_remove_wish::before{opacity: 1; background: no-repeat scroll center center; background-size: 26px 26px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list .item .add_remove_wish::after{opacity: 0; background: no-repeat scroll center center; background-size: 26px 26px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list .item .add_remove_wish:hover::before{opacity: 0;}
.notouch .product_list .item .add_remove_wish:hover::after{opacity: 1;}
.product_list .item .add_remove_wish::before{background-image: url(../img/wish_grey.svg);}
.product_list .item .add_remove_wish::after{background-image: url(../img/wish_yellow.svg);}
.product_list .item .add_remove_wish.active::before{background-image: url(../img/wish_grey_full.svg);}
.product_list .item .add_remove_wish.active::after{background-image: url(../img/wish_yellow_full.svg);}



.product_list .item .in{position: relative; padding: 0; margin: 0 -1px -1px 0; display: block; border: 1px solid #f0f0f0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list .item:hover .in{border: 1px solid #F0A600;}

.product_list.product_list_slider .item{width: calc(100% - 4px) !important;} 
.product_list.product_list_slider .item .in{margin-bottom: 0; margin-right: -1px;}
.product_list.product_list_slider_small .item{width: calc(100% - 2px)  !important;} 
.product_list.product_list_slider_small .item .in{margin-bottom: 0; margin-right: -1px;}


.product_list .item .in .text{width: calc(100% - 40px); padding: 20px 20px 10px; display: table; height: 60px;}
.product_list .item .in .text .title{text-align: center; padding: 0; margin: 0; font-size: 14px; line-height: 20px; font-weight: 700; display: table-cell; vertical-align: middle; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list .item:hover .in .text .title{color: #AA4825;}                                                           



.product_list .item .in .img{min-height: 0; position: relative; padding: 0; margin: 0 20px; display: block; background-color: #ffffff;}
.product_list .item .in .img .in_img{position: relative; width: 100%; padding: 0 0 100%; display: block; z-index: 0; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.product_list .item .in .img .flag_box{position: absolute; top: 0; right: 0; z-index: 10;}
.product_list .item .in .img .flag_box > *{display: block; text-align: right; margin: 2px 0 0;}
.product_list .item .in .img .flag_box > *:nth-child(1){margin: 0;}
.product_list .item .in .img .flag_box > * span{-webkit-border-radius: 5px; border-radius: 5px; padding: 4px 0; width: 70px; text-align: center; display: inline-block; vertical-align: middle; font-size: 11px; line-height: 16px; color: #ffffff; font-weight: 600;}
.notouch .product_list .item .in .img .flag_box > a:hover span{text-decoration: underline;}
.product_list .item .in .img .flag_box > *.green span{background: #93B732;}
.product_list .item .in .img .flag_box > *.grey span{background: #959595;}
.product_list .item .in .img .flag_box > *.red span{background: #D31010;}


.product_list .item .in_text{padding: 20px;}

.product_list .item .bottom{padding: 0; margin: 0; font-size: 0;}
.product_list .item .bottom .box{width: 100%; display: table; height: 58px;}
.product_list .item .bottom .box .centering{width: 100%; display: table-cell; vertical-align: middle; font-size: 0;}
.product_list .item .bottom .box .centering .discount{text-align: center; display: block; font-size: 13px; line-height: 18px; color: #D6D6D6; font-weight: 600; text-decoration: line-through;}
.product_list .item .bottom .box .centering .main{text-align: center; display: block; font-size: 18px; line-height: 24px; color: #AA4825; font-weight: 700; margin: 0;}
.product_list .item .bottom .box .centering .main span{font-size: 13px; line-height: 18px; color: #AA4825; font-weight: 600; margin: 0;}

.product_list .item .bottom .box .centering .warehouse{display: block; text-align: center; font-size: 12px; line-height: 16px; font-weight: 600; margin: 0;}


.product_list .item .bottom .basket{margin: 10px 0 0; display: block;}
.product_list .item .bottom .basket.hidden{display: none;}
.product_list .item .bottom .basket .first{position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 0; margin: 0 20px 0 0; background: #fff; border: 1px solid #D9D9D7; -webkit-transition: all 400ms ease; transition: all 400ms ease;} 
.product_list .item .bottom .basket .first a.decrement{z-index: 99; width: 20px; height: 20px; display: block; margin: 0; position: absolute; left: -10px; top: calc(50% - 10px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}               
.product_list .item .bottom .basket .first a.decrement::before{-webkit-border-radius: 10px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/minus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 23px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.product_list .item .bottom .basket .first a.increment{z-index: 99; width: 20px; height: 20px; display: block; margin: 0; position: absolute; right: -10px; top: calc(50% - 10px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list .item .bottom .basket .first a.increment::before{-webkit-border-radius: 10px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 23px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .product_list .item:hover .bottom .basket .first a.decrement:hover::before, .notouch .product_list .item:hover .bottom .basket .first a.increment:hover::before{background-color: #33781E;}
.product_list .item .bottom .basket .first input[type=text]{position: relative; font-size: 14px; line-height: 20px; padding: 10px 0; width: 56px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .product_list .item:hover .bottom .basket .first a.decrement::before{background-color: #F0A600;}
.notouch .product_list .item:hover .bottom .basket .first a.increment::before{background-color: #F0A600;}



@media screen and (max-width: 1550px) {
.c_column.full .product_list .item{width: 25%;}
.c_column.full .product_list.special .item:nth-child(n + 13){display: none;}
}

@media screen and (max-width: 1650px) and (min-width: 1281px) {
.c_column:not(.full) .product_list .item{width: 33.33%;}
}

@media screen and (max-width: 1170px) {
.c_column:not(.full) .product_list .item{width: 33.33%;}
.c_column.full .product_list .item{width: 33.33%;}
.c_column.full .product_list.special .item:nth-child(n + 10){display: none;}
}


@media screen and (max-width: 850px) {
.c_column:not(.full) .product_list .item{width: 50%;}
.c_column.full .product_list .item{width: 50%;}
.c_column.full .product_list.special .item:nth-child(n + 7){display: none;}
}

                          
@media screen and (max-width: 500px) {
.c_column:not(.full) .product_list .item{width: 100%;}
.c_column.full .product_list .item{width: 100%;}
.c_column.full .product_list.special .item:nth-child(n + 5){display: none;}
} 


@media screen and (max-width: 1280px) {
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons{margin: -22px auto 0;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 27px; height: 45px; left: -35px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 27px; height: 45px; right: -35px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { background-size: 27px 45px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { background-size: 27px 45px;}
}


@media screen and (max-width: 1024px) {
.product_list .item .in .text{width: calc(100% - 30px); padding: 20px 15px 10px; height: 54px;}
.product_list .item .in .text .title{line-height: 18px;}
.product_list .item .in .img{margin: 0 15px;}
.product_list .item .in_text{padding: 15px;}

.product_list .item .bottom .box{height: 36px;}
.product_list .item .bottom .box .centering .discount{font-size: 12px; line-height: 16px;}
.product_list .item .bottom .box .centering .main{font-size: 16px; line-height: 20px;}
.product_list .item .bottom .box .centering .main span{font-size: 12px; line-height: 16px;}

.product_list .item .bottom .basket{margin: 8px 0 0;}
.product_list .item .bottom .basket .first{margin: 0 15px 0 0;} 
.product_list .item .bottom .basket .first input[type=text]{font-size: 13px; line-height: 21px; padding: 9px 0; width: 50px;}

.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons{margin: -18px auto 0;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 22px; height: 36px; left: -28px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 22px; height: 36px; right: -28px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { background-size: 22px 36px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { background-size: 22px 36px;}
}

@media screen and (max-width: 650px) {
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons{margin: -20px auto 0;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; width: 32px; height: 32px; left: -13px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next { -webkit-border-radius: 16px; border-radius: 16px; background: #33781E; width: 32px; height: 32px; right: -13px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { background-image: url(../img/slider_arrow_white.svg); opacity: 1; background-size: 8px 13px;}
.product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { background-image: url(../img/slider_arrow_white.svg); opacity: 1; background-size: 8px 13px;}
.notouch .product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover { background: #F0A600;}
.notouch .product_list.product_list_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: #F0A600;}
}

@media screen and (max-width: 500px) {
.product_list .item .add_remove_wish{top: 2px; right: 2px;}
.product_list .item .in .text{width: calc(100% - 20px); padding: 20px 10px 10px; height: 48px;}
.product_list .item .in .text .title{font-size: 12px; line-height: 16px;}
.product_list .item .in .img{margin: 0 5px;}
.product_list .item .in .img .flag_box > span span{font-size: 10px; line-height: 16px;}


.product_list .item .in_text{padding: 10px 10px 15px;}
.product_list .item .bottom .basket{margin: 5px 0 0;} 



}








.related h2{font-size: 42px; line-height: 50px; color: #F0A600; font-weight: 300; text-align: center; margin: 0; padding: 0 ; position: relative;}
.related.margin h2{margin: 30px 0 20px;}
.hp .related.margin h2{margin-top: 0;}


@media screen and (max-width: 1280px) {
.related h2{font-size: 36px; line-height: 44px;}
.related.margin h2{margin: 30px 0 15px;}
}

@media screen and (max-width: 1024px) {
.related h2{font-size: 32px; line-height: 40px;}
.related.margin h2{margin: 30px 0 10px;}
}





.category_bottom{margin: 0; width: 100%;}
.load_next_page{margin: 0; display: inline-block; vertical-align: middle; margin: 0 30px 0 0;}

.strankovani{padding: 0; margin: 0 auto; display: inline-block; vertical-align: middle;}
.strankovani ul{text-align: left; margin: 0; padding: 0; font-size: 0;}
.strankovani ul li{list-style: none; display: inline-block; margin: 0 5px 0 0 ;}
.strankovani ul li a{-webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #cccdce; background: #fcfcfc; display: block; width: 32px; font-size: 13px; line-height: 32px; padding: 0; text-align: center; color: #2e1d17; font-weight: 700; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .strankovani ul li a:hover{border: 1px solid #2e1d17;}
.strankovani ul li.active a{border: 1px solid #2e1d17 !important; background: #2e1d17; color: #ffffff;}
.strankovani ul li.tecky{font-size: 20px; line-height: 20px; padding-top: 1px; color: #2e1d17; }

@media screen and (max-width: 650px) {
.load_next_page{display: block; text-align: center; margin: 0;}
.strankovani{display: block; text-align: center; margin: 20px 0 0;}
.strankovani ul{text-align: center;}
.strankovani ul li{margin: 0 1px 0 0 ;}
.strankovani ul li a{width: 29px; font-size: 12px; line-height: 29px;}

}







.wishlist{max-width: 1500px; margin: 0 auto; width: 100%; display: block; text-align: right;}
.wishlist .item{text-align: left; position: relative; display: block; margin: 30px 0 0; padding: 0; background: #ffffff; font-size: 0; }
.wishlist .item:nth-child(1){margin: 0;}
.wishlist .item::before{position: absolute; bottom: 0; left: 152px; right: 0; content: ""; background: #f0f0f0; height: 1px;}
.wishlist .item.disabled .img,
.wishlist .item.disabled .title span,
.wishlist .item.disabled .warehouse,
.wishlist .item.disabled .price,
.wishlist .item.disabled form{opacity: 0.3;}
.wishlist .item .img{margin: 0 40px 0 0; padding: 6px; width: 98px; text-align: center; position: relative; display: inline-block; vertical-align: middle; z-index: 0; border: 1px solid #f0f0f0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .wishlist .item.hover_efekt .img{border: 1px solid #F0A600;}
.wishlist .item .img .in{display: block; width: 100%; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}

.wishlist .item .title{width: calc(100% - 152px - 120px - 200px - 255px - 30px - 40px); margin: 0 40px 0 0; display: inline-block; vertical-align: middle;}
.wishlist .item .title strong{background: #ce0505; color: #fff; padding: 6px 10px 5px; font-weight: 600; font-size: 14px; line-height: 20px; display: inline-block; text-transform: none; margin: 0 0 5px;}
.mac .wishlist .item .title strong{padding: 5px 10px 5px; ;}
.wishlist .item .title span.main{font-weight: 700; font-size: 14px; line-height: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .wishlist .item.hover_efekt .title span.main{color: #AA4825;}
.wishlist .item .title .warehouse{width: 100%; margin: 0; display: none;}

.wishlist .item.disabled .title{}
.wishlist .item .warehouse{width: 80px; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; font-weight: 600; margin: 0 40px 0 0;}


.wishlist .item .price{width: 140px; display: inline-block; vertical-align: middle; margin: 0 40px 0 0; padding: 4px 20px 4px 0;}
.wishlist .item.disabled .price{border-right: 2px solid transparent;}
.wishlist .item .price .discount{display: block; font-size: 13px; line-height: 18px; color: #D6D6D6; font-weight: 600; text-decoration: line-through;}
.wishlist .item .price .main{display: block; font-size: 18px; line-height: 24px; color: #AA4825; font-weight: 700; margin: 0;}
.wishlist .item .price .main span{font-size: 13px; line-height: 18px; color: #AA4825; font-weight: 600; margin: 0;}


.wishlist .item form{width: 215px; text-align: center; display: inline-block; vertical-align: middle; margin: 0 40px 0 0;}
.wishlist .item form .basket{margin: 0; display: inline-block; vertical-align: middle;}
.wishlist .item form .basket.hidden{display: none;}

.wishlist .item form .basket .first{position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 0; margin: 0 20px 0 0; background: #fff; border: 1px solid #D9D9D7; -webkit-transition: all 400ms ease; transition: all 400ms ease;} 
.wishlist .item form .basket .first a.decrement{z-index: 99; width: 20px; height: 20px; display: block; margin: 0; position: absolute; left: -10px; top: calc(50% - 10px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}               
.wishlist .item form .basket .first a.decrement::before{-webkit-border-radius: 10px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/minus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 23px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.wishlist .item form .basket .first a.increment{z-index: 99; width: 20px; height: 20px; display: block; margin: 0; position: absolute; right: -10px; top: calc(50% - 10px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.wishlist .item form .basket .first a.increment::before{-webkit-border-radius: 10px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 23px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .wishlist .item form .basket .first a.increment:hover::before, .notouch .wishlist .item form .basket .first a.decrement:hover::before{background-color: #33781E;}
.wishlist .item form .basket .first input[type=text]{position: relative; font-size: 14px; line-height: 20px; padding: 10px 0; width: 56px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}







.wishlist .item .add_remove_wish{margin: 0; z-index: 100; display: inline-block; vertical-align: middle; position: relative; width: 30px; height: 30px;}
.wishlist .item .add_remove_wish::before{opacity: 1; background: url(../img/wish_remove_black.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.wishlist .item .add_remove_wish::after{opacity: 0; background: url(../img/wish_remove_yellow.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .wishlist .item .add_remove_wish:hover::before{opacity: 0;}
.notouch .wishlist .item .add_remove_wish:hover::after{opacity: 1;}



@media screen and (max-width: 1300px) {
.wishlist .item{margin: 20px 0 0;}
.wishlist .item::before{left: 118px;}
.wishlist .item .img{margin: 0 30px 0 0; padding: 4px; width: 78px;}
.wishlist .item .title{width: calc(100% - 118px - 190px - 245px - 30px - 30px); margin: 0 30px 0 0;}
.wishlist .item .title span.main{font-size: 16px; line-height: 22px;}
.wishlist .item .title .warehouse{display: block;}
.wishlist .item .warehouse{display: none;}
.wishlist .item .price{margin: 0 30px 0 0;}
.wishlist .item form{margin: 0 30px 0 0;}
} 

@media screen and (max-width: 1024px) {
.wishlist .item::before{left: 88px;}
.wishlist .item .img{margin: 0 20px 0 0; width: 58px;}
.wishlist .item .title{width: calc(100% - 88px - 140px - 235px - 30px - 20px); margin: 0 20px 0 0;}
.wishlist .item .title span.main{font-size: 14px; line-height: 20px;}
.wishlist .item .title .warehouse{font-size: 13px; line-height: 18px;}
.wishlist .item .warehouse{display: none;}
.wishlist .item .price{margin: 0 20px 0 0; width: 120px; padding-right: 0;}
.wishlist .item .price .discount{font-size: 12px; line-height: 18px;}
.wishlist .item .price .main{font-size: 16px; line-height: 20px;}
.wishlist .item .price .main span{font-size: 12px; line-height: 18px;}

.wishlist .item form{width: 215px; margin: 0 20px 0 0;}
} 


@media screen and (max-width: 800px) {
.wishlist .item{padding: 20px 0; margin-top: 0;}
.wishlist .item .img{display: none;}
.wishlist .item::before{left: 0;}
.wishlist .item .img{display: none;}
.wishlist .item .title{width: calc(100% - 140px - 235px - 30px - 20px);}
}

@media screen and (max-width: 700px) {
.wishlist .item{text-align: center;}
.wishlist .item .title{display: block; width: 100%; margin: 0 0 8px;}
}

@media screen and (max-width: 530px) {
.wishlist .item{text-align: center;}
.wishlist .item .price{padding: 0; text-align: center; display: block; width: 100%; margin: 0 0 8px;}
}

@media screen and (max-width: 500px) {
.wishlist .item form{width: 200px;}
}









.detail{width: 100%; margin: 0 auto; position: relative; font-size: 0;}

.detail .img{font-size: 0; position: relative; float: left; width: 35%; margin: 0;}
.detail .img .flag_box{z-index: 9; position: absolute; top: 20px; left: 20px;}

.detail .img .flag_box > *{display: block; text-align: right; margin: 2px 0 0;}
.detail .img .flag_box > *:nth-child(1){margin: 0;}
.detail .img .flag_box > * span{-webkit-border-radius: 5px; border-radius: 5px; padding: 4px 0; width: 70px; text-align: center; display: inline-block; vertical-align: middle; font-size: 11px; line-height: 16px; color: #ffffff; font-weight: 600;}
.notouch .detail .img .flag_box > a:hover span{text-decoration: underline;}
.detail .img .flag_box > *.green span{background: #93B732;}
.detail .img .flag_box > *.grey span{background: #959595;}
.detail .img .flag_box > *.red span{background: #D31010;}






.detail .img .add_remove_wish{z-index: 100; display: block; position: absolute; top: 30px; right: 30px; width: 30px; height: 30px;}
.detail .img .add_remove_wish::before{opacity: 1; background: no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .img .add_remove_wish::after{opacity: 0; background: no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .detail .img .add_remove_wish:hover::before{opacity: 0;}
.notouch .detail .img .add_remove_wish:hover::after{opacity: 1;}
.detail .img .add_remove_wish::before{background-image: url(../img/wish_grey.svg);}
.detail .img .add_remove_wish::after{background-image: url(../img/wish_yellow.svg);}
.detail .img .add_remove_wish.active::before{background-image: url(../img/wish_grey_full.svg);}
.detail .img .add_remove_wish.active::after{background-image: url(../img/wish_yellow_full.svg);}



.detail .img .main{text-align: center; position: relative; display: block; margin: 0; z-index: 0; padding: 0; border: 1px solid #F1F2F2; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .img .main .in{display: block; position: relative; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.detail .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.detail .img a.main::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 52px 52px; z-index: 200; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .detail .img a.main:hover::before{opacity: 0.70;}
.notouch .detail .img a.main:hover::after{opacity: 1;}


.detail .other_img{display: block; float: left; margin: 0 0 0 0.5%; width: 8.231%; font-size: 0;}
.detail .other_img a.swipebox{position: relative; display: block; width: 100%; margin: 6.18% 0 0; border: 1px solid #F1F2F2}
.detail .other_img a.swipebox:nth-child(-n + 1){margin-top: 0}
.detail .other_img a.swipebox:nth-child(n + 5){display: none;}
.detail .other_img a.swipebox .in{min-height: 0; display: block; position: relative; width: 100%; padding: 0 0 100%; background: no-repeat scroll center center; -webkit-background-size: contain; background-size: contain;}
.detail .other_img a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.detail .other_img a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 40px 40px; z-index: 200; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .detail .other_img a.swipebox:hover .in::before{opacity: 0.70;}
.notouch .detail .other_img a.swipebox:hover .in::after{opacity: 1;}



.detail .main_obsah{float: left; position: relative; width: calc(100% - 38% - 8.231% - 0.5% - 50px); padding: 0 0 0 50px; margin: 0;}
.detail .main_obsah.long{width: calc(100% - 38% - 50px);}
.detail .main_obsah .text{position: relative; width: 100%; padding: 0; margin: 0;}
.detail .main_obsah .text.short{ width: calc(100% - 50px - 280px); padding: 0 50px 0 0;}
.detail .main_obsah .text h1{margin: 0;}
.detail .main_obsah .text .top{margin: 0; font-size: 13px; line-height: 20px; font-weight: 500; text-align: left; margin: 0; color: #666666;}


.detail .main_obsah .text h2.main{font-size: 16px; line-height: 24px; font-weight: 700; text-align: left; margin: 21px 0 5px; padding: 18px 0 0; border-top: 1px solid #F1F2F2; text-transform: uppercase;}

.detail .main_obsah .text .main_title{margin: 20px 0 0; font-size: 13px; line-height: 18px; font-weight: 500; text-align: left; text-transform: uppercase; color: #666666;}


.detail .main_obsah .text .warehouse{display: inline-block; vertical-align: middle; font-size: 13px; line-height: 20px; font-weight: 600; margin: 0;}

.detail .main_obsah .text .when{position: relative; margin: 0 0 0 5px; padding: 0 0 0 12px; vertical-align: middle;}
.detail .main_obsah .text .when::before{position:absolute;left:0;height:16px;margin-top:-8px;top:50%;width:1px;background:#c9c9c9;content:"";display:block}
.detail .main_obsah .text .when .tooltip-item{font-size: 13px; line-height: 20px; color: #161615;}


.detail .main_obsah .text .price{padding: 0; text-align: left; margin: 0;}
.detail .main_obsah .text .price .left_side{width: 100%; margin: 0; display: block; text-align: left;}
.detail .main_obsah .text .price .left_side .discount{display: block; font-size: 13px; line-height: 20px; color: #666666; font-weight: 600; text-align: left;}
.detail .main_obsah .text .price .left_side .discount strong{font-size: 13px; line-height: 20px; color: #D6D6D6; font-weight: 600; text-align: left; text-decoration: line-through; display: inline-block; margin: 0 20px 0 0;}
.detail .main_obsah .text .price .left_side .discount.hidden{display: none;}
.detail .main_obsah .text .price .left_side .main{display: inline-block; vertical-align: bottom; font-size: 40px; line-height: 42px; color: #AA4825; font-weight: 700; text-align: left; margin: 0 20px 0 0;}
.detail .main_obsah .text .price .left_side .main span{font-size: 16px; line-height: 42px; color: #AA4825; font-weight: 600; text-align: left;}
.detail .main_obsah .text .price .left_side .sub{display: inline-block; vertical-align: bottom; font-size: 13px; line-height: 42px; color: #666666; font-weight: 500; text-align: left;}
.detail .main_obsah .text .price .left_side .sub span{font-size: 16px; line-height: 42px; color: #666666; font-weight: 600; text-align: left;}


.detail .main_obsah .text .price .right_side{width: 100%; margin: 20px 0 0; display: block; text-align: left;}
.detail .main_obsah .text .price .right_side.margin{margin: 0;}
.detail .main_obsah .text .price .right_side.hidden{display: none;}
.detail .main_obsah .text .price .right_side .basket{margin: 0; text-align: left; padding: 0; display: inline-block; font-size: 0;}
.detail .main_obsah .text .price .right_side .basket .first{position: relative; display: inline-block; vertical-align: middle; text-align: center; padding: 6px 15px 6px 15px; margin: 0 30px 0 0; background: #fff; border: 1px solid #e6e6e6;} 
.detail .main_obsah .text .price .right_side .basket .first a.decrement{width: 24px; height: 24px; display: block; margin: 0; position: absolute; left: -12px; top: calc(50% - 12px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .price .right_side .basket .first a.decrement::before{-webkit-border-radius: 16px; border-radius: 16px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/minus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.detail .main_obsah .text .price .right_side .basket .first a.increment{width: 24px; height: 24px; display: block; margin: 0; position: absolute; right: -12px; top: calc(50% - 12px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .price .right_side .basket .first a.increment::before{-webkit-border-radius: 16px; border-radius: 16px; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center #D6D6D6; background-size: 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .detail .main_obsah .text .price .right_side .basket .first a.decrement:hover::before, .notouch .detail .main_obsah .text .price .right_side .basket .first a.increment:hover::before{background-color: #33781E;}
.detail .main_obsah .text .price .right_side .basket .first input[type=text]{position: relative; font-size: 14px; line-height: 21px; padding: 10px 0; width: 40px; font-weight: 600; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}







.detail .main_obsah .text .info_line{margin: 21px 0 0; padding: 18px 0; border-top: 1px solid #F1F2F2; border-bottom: 1px solid #F1F2F2;}
.detail .main_obsah .text .info_line ul{margin: 0; padding: 0; width: 100%; font-size: 0; display: table; table-layout: fixed;}
.detail .main_obsah .text .info_line ul li{list-style: none; display: table-cell; vertical-align: middle; width: 33.33%; text-align: center;}
.detail .main_obsah .text .info_line ul li:first-of-type{text-align: left;}
.detail .main_obsah .text .info_line ul li:last-of-type{text-align: right;}
.detail .main_obsah .text .info_line ul li a{position: relative; display: inline-block; vertical-align: middle; font-size: 13px; line-height: 34px; font-weight: 600; color: #000; text-transform: uppercase; padding: 0 0 0 54px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .info_line ul li a::before{background: no-repeat scroll center center; background-size: 48px 34px; position: absolute; left: 0; top: 0; bottom: 0; width: 48px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .info_line ul li a::after{background: no-repeat scroll center center; background-size: 48px 34px; position: absolute; left: 0; top: 0; bottom: 0; width: 48px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} 
.detail .main_obsah .text .info_line ul li a.icon1::before{background-image: url(../img/info_line1_grey.svg); }
.detail .main_obsah .text .info_line ul li a.icon1::after{background-image: url(../img/info_line1_green.svg); }
.detail .main_obsah .text .info_line ul li a.icon2::before{background-image: url(../img/info_line2_grey.svg); }
.detail .main_obsah .text .info_line ul li a.icon2::after{background-image: url(../img/info_line2_green.svg); }
.detail .main_obsah .text .info_line ul li a.icon3::before{background-image: url(../img/info_line3_grey.svg); }
.detail .main_obsah .text .info_line ul li a.icon3::after{background-image: url(../img/info_line3_green.svg); } 

.notouch .detail .main_obsah .text .info_line ul li a:hover{color: #33781E}
.notouch .detail .main_obsah .text .info_line ul li a:hover::before{opacity: 0;}
.notouch .detail .main_obsah .text .info_line ul li a:hover::after{opacity: 1;}



.detail .main_obsah .text .parameters{display: block; position: relative;}
.detail .main_obsah .text .parameters .sbHolder{position: relative; background: #ffffff; width: 210px; margin: 0; height: 29px; border: 1px solid #efefef; }
.detail .main_obsah .text .parameters .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 29px; border-left: 1px solid #efefef;}
.detail .main_obsah .text .parameters .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px; }
.detail .main_obsah .text .parameters .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 29px; padding: 0 45px 0 15px; font-weight: 500; width: calc(100% - 60px); text-align: left; text-decoration: none;}
.detail .main_obsah .text .parameters .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;}
.detail .main_obsah .text .parameters .sbOptions a{text-decoration: none; border: 1px solid #efefef; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 12px; line-height: 28px; margin: 0; font-weight: 500; color: #000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .parameters .sbOptions li:nth-child(1){display: none;}
.detail .main_obsah .text .parameters .sbOptions li:nth-child(2) a{border-top: 1px solid #efefef;}
.notouch .detail .main_obsah .text .parameters .sbOptions a:hover{background: #f0f0f0 !important;} 

.detail .main_obsah .text .parameters table{border-collapse: collapse; border-spacing: 0;}
.detail .main_obsah .text .parameters table th{font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; text-align: right; padding: 0 15px 0 0;}
.detail .main_obsah .text .parameters table td{padding: 0;}
.detail .main_obsah .text .parameters table td label{border: 1px solid #efefef; cursor: pointer; position: relative; display: inline-block; margin: 2px 4px 2px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .detail .main_obsah .text .parameters table td label:hover{border: 1px solid #333333;}
.detail .main_obsah .text .parameters table td label.active{border: 1px solid #333333; background: #333333}
.detail .main_obsah .text .parameters table td label[data-stock="0"]{opacity: 0.3; background: #f2f2f2;}
.detail .main_obsah .text .parameters table td label[data-stock="0"] span{color: #000000 !important}
.detail .main_obsah .text .parameters table td label .checker, .detail .main_obsah .text .parameters table td label .radio, .detail .main_obsah .text .parameters table td label input{position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0;}
.detail .main_obsah .text .parameters table td label span.text{margin: 0; float: none; width: initial; width: auto; z-index: 10; position: relative; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; display: block; padding: 8px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .main_obsah .text .parameters table td label.active span.text{color: #ffffff;}



 
.detail .main_obsah .text table.para{border-collapse: collapse; border-spacing: 0; width: 100%; margin: 5px 0 0;}
.detail .main_obsah .text table.para tr:nth-child(odd){background: #f7f7f7;}
.detail .main_obsah .text table.para tr:nth-child(even){background: #ececec;}
.detail .main_obsah .text table.para th{width: 25%; font-size: 14px; line-height: 18px; font-weight: 700; padding: 8px 12px; text-align: left;}
.detail .main_obsah .text table.para td{width: 25%; font-size: 14px; line-height: 18px; font-weight: 400; padding: 8px 12px; text-align: right;}
.detail .main_obsah .text table.para td a{font-size: 14px; line-height: 18px; font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .detail .main_obsah .text table.para td a:hover{color: #33781E;}
.detail .main_obsah .text table.para td.empty{width: 40px; background: #fff;}
.detail .main_obsah .text table.para td.empty:nth-child(1){display: none !important;}
 
 
.detail .main_obsah .text .anotation{font-size: 14px; line-height: 22px; font-weight: 600; text-align: left; margin: 20px 0 0; color: #000;}
.detail .main_obsah .text .anotation strong.green{color: #39b54a}
.detail .main_obsah .text .anotation strong.red{color: #ec1c24}








@media screen and (max-width: 1430px) {
.detail .img.short{width: 25%; }
.detail .main_obsah{width: calc(100% - 38% - 8.231% - 0.5% - 40px); padding: 0 0 0 40px;}
.detail .main_obsah.long{width: calc(100% - 38% - 40px);}
.detail .main_obsah .text.short{width: calc(100% - 40px - 260px); padding: 0 40px 0 0;}

}



@media screen and (max-width: 1250px) {
.detail .img, .detail .img.short{width: 30%; display: inline-block; vertical-align: top; float: none;}
.detail .other_img{width: 30%; display: inline-block; vertical-align: top; margin: 0 0 0 10px; float: none;}
.detail .other_img a.swipebox{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0;}
.detail .other_img a.swipebox{display: inline-block; vertical-align: top; margin: 10px 0 0;}
.detail .other_img a.swipebox:nth-child(3n - 1){margin: 10px 0 0}
.detail .other_img a.swipebox:nth-child(-n + 3){margin-top: 10px}
.detail .other_img a.swipebox:nth-child(2n){margin: 10px 0 0 10px}
.detail .other_img a.swipebox:nth-child(-n + 2){margin-top: 0}
.detail .other_img a.swipebox:nth-child(n + 5){display: none;}


.detail .main_obsah{clear: both; padding: 30px 0 0; width: 100%; float: none;}
.detail .main_obsah.long{width: 100%;}
.detail .main_obsah .text, .detail .main_obsah .text.short{width: 100%; padding: 0;}
}
/*
@media screen and (max-width: 1250px) and (min-width: 1025px) {
.detail .contact_person{clear: both; width: 100%; padding: 20px 0 0; margin: 0; position: relative; display: block; top: 0 !important;}
.detail .contact_person .item .img{display: inline-block; vertical-align: middle; padding: 0 0 145px; width: 220px;}
.detail .contact_person .item .text{text-align: left; display: inline-block; vertical-align: middle; width: calc(100% - 220px - 20px); padding: 0 0 0 20px;}
.detail .contact_person .item .text .name{padding: 0;}
}
*/
@media screen and (max-width: 1024px) {
.detail .img, .detail .img.short{width: calc(50% - 5px); }
.detail .other_img{width: calc(50% - 5px)}

.detail .main_obsah .text{width: 100%; padding: 0;}
.detail .main_obsah .text.short{width: calc(100% - 260px - 40px); padding: 0;}

.detail .main_obsah .text .top{font-size: 12px; line-height: 18px;}
.detail .main_obsah .text h2.main{font-size: 14px; line-height: 20px; margin: 16px 0 5px; padding: 13px 0 0;}
.detail .main_obsah .text .main_title{margin: 15px 0 0; font-size: 12px; line-height: 16px;}
.detail .main_obsah .text .info{font-size: 12px; line-height: 16px;}
.detail .main_obsah .text .info2 p{font-size: 12px; line-height: 16px;}
.detail .main_obsah .text .info2 .abs{font-size: 12px; line-height: 16px;}
.detail .main_obsah .text .info2 .abs span{padding: 15px;}
.detail .main_obsah .text .price .left_side .discount{font-size: 12px; line-height: 18px;}
.detail .main_obsah .text .price .left_side .discount strong{font-size: 12px; line-height: 18px; margin: 0 15px 0 0;}
.detail .main_obsah .text .price .left_side .main{font-size: 32px; line-height: 36px; margin: 0 15px 0 0;}
.detail .main_obsah .text .price .left_side .main span{font-size: 12px; line-height: 36px;}
.detail .main_obsah .text .price .left_side .sub{font-size: 12px; line-height: 36px;}
.detail .main_obsah .text .price .left_side .sub span{font-size: 12px; line-height: 36px;}
.detail .main_obsah .text .price .right_side{margin: 15px 0 0;}
.detail .main_obsah .text .info_line{margin: 16px 0 0; padding: 13px 0;}
.detail .main_obsah .text .info_line ul li a{font-size: 12px; line-height: 28px; padding: 0 0 0 44px;}
.detail .main_obsah .text .info_line ul li a::before{background-size: 40px 28px; width: 40px;}
.detail .main_obsah .text .info_line ul li a::after{background-size: 40px 28px; width: 40px;} 
.detail .main_obsah .text table.para th{font-size: 12px; line-height: 16px; padding: 7px 12px; width: 80px}
.detail .main_obsah .text table.para td{font-size: 12px; line-height: 16px; padding: 7px 12px; width: calc(50% - 128px)}
.detail .main_obsah .text .anotation{font-size: 13px; line-height: 20px; margin: 15px 0 0;}
}

@media screen and (max-width: 850px) {
.detail .main_obsah .text.short{width: 100%;}
}

@media screen and (max-width: 850px) and (min-width: 501px) {
.detail .contact_person{clear: both; width: 100%; padding: 20px 0 0; margin: 0; position: relative; display: block; top: 0 !important;}
.detail .contact_person .item .img{display: inline-block; vertical-align: middle; padding: 0 0 145px; width: 220px;}
.detail .contact_person .item .text{text-align: left; display: inline-block; vertical-align: middle; width: calc(100% - 220px - 20px); padding: 0 0 0 20px;}
.detail .contact_person .item .text .name{padding: 0;}
}

@media screen and (max-width: 800px) {
.detail .img .flag_box{top: 16px; left: 16px;}
.detail .img .flag_box > span span{padding: 3px 11px; font-size: 11px; line-height: 20px;}
.detail .img .add_remove_wish{top: 16px; right: 16px; width: 25px; height: 25px;}
.detail .img .add_remove_wish::before{background-size: 25px 25px;}
.detail .img .add_remove_wish::after{background-size: 25px 25px;}
}


@media screen and (max-width: 700px) {
.detail .main_obsah .text table.para th{padding: 6px 8px;}
.detail .main_obsah .text table.para td{padding: 6px 8px;}
.detail .main_obsah .text table.para td.empty{width: 20px;}
}

@media screen and (max-width: 650px) {
.detail .main_obsah .text table.para, .detail .main_obsah .text table.para tbody, .detail .main_obsah .text table.para tr, .detail .main_obsah .text table.para th, .detail .main_obsah .text table.para td{display: block; width: 100%;}
.detail .main_obsah .text table.para tr{background: none !important; margin-bottom: -1px;}
.detail .main_obsah .text table.para th{width: calc(100% - 16px); padding: 8px 8px 0; text-align: left; background: #ececec;}
.detail .main_obsah .text table.para td{width: calc(100% - 16px); padding: 0 8px 8px; text-align: left; background: #ececec;}
.detail .main_obsah .text table.para td.empty{display: none !important;}
.detail .main_obsah .text table.para th:nth-child(5){background: #f7f7f7;}
.detail .main_obsah .text table.para td:nth-child(6){background: #f7f7f7;}
}

@media screen and (max-width: 500px) {


.detail .img{width: 66.66%;}
.detail .other_img{width: calc(33.33% - 5px); margin: 0 0 0 5px;}
.detail .other_img a.swipebox{width: 100%; margin: 6px 0 0;}
.detail .other_img a.swipebox:nth-child(3n - 1){margin: 6px 0 0}
.detail .other_img a.swipebox:nth-child(-n + 3){margin-top: 6px}
.detail .other_img a.swipebox:nth-child(2n){margin: 6px 0 0}
.detail .other_img a.swipebox:nth-child(-n + 2){margin-top: 6px}
.detail .other_img a.swipebox:nth-child(-n + 1){margin-top: 0}
.detail .other_img a.swipebox:nth-child(n + 3){display: none;}


.detail .img .flag_box{top: 10px; left: 10px;}
.detail .img .flag_box > span span{padding: 2px 8px; font-size: 10px; line-height: 16px;}
.detail .img .add_remove_wish{top: 10px; right: 10px; width: 20px; height: 20px;}
.detail .img .add_remove_wish::before{background-size: 20px 20px;}
.detail .img .add_remove_wish::after{background-size: 20px 20px;}
.detail .img a.main::after{width: 40px; height: 40px; background-size: 40px 40px;}
.detail .other_img a.swipebox .in::after{width: 30px; height: 30px; background-size: 30px 30px;}

.detail .main_obsah .text .price .left_side .main{display: block; font-size: 28px; line-height: 32px; margin: 0;}
.detail .main_obsah .text .price .left_side .main span{font-size: 12px; line-height: 30px;}
.detail .main_obsah .text .price .left_side .sub{display: block; line-height: 18px;}
.detail .main_obsah .text .price .left_side .sub span{line-height: 18px;}
.detail .main_obsah .text .info_line ul li a{line-height: 20px; padding: 25px 0 0 0; display: block; text-align: center;}
.detail .main_obsah .text .info_line ul li a::before{background-size: 28px 20px; width: 28px; height: 20px; margin: 0 auto; left: 0; right: 0; top: 0; bottom: initial; bottom: auto;}
.detail .main_obsah .text .info_line ul li a::after{background-size: 28px 20px; width: 28px; height: 20px; margin: 0 auto; left: 0; right: 0; top: 0; bottom: initial; bottom: auto;}

.detail .contact_person{clear: both; width: 260px; padding: 20px 0 0; margin: 0; position: relative; display: block; top: 0 !important;} 
}






































footer{padding: 80px 0; display: block; position: relative;}
footer::before{position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background: #EBEBEB; content: ""; z-index: 0;}
footer::after{position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background: #D6D6D6; content: ""; z-index: 0;}


footer .box{position: relative; z-index: 10; display: inline-block; vertical-align: top; padding: 0; width: calc(50% - 70px);}
footer .box:nth-child(1){padding: 0 70px 0 0;}
footer .box:nth-child(2){padding: 0 0 0 70px;}
footer .box img.pay{max-width: 100%; display: block; margin: 25px 0 0;}
footer .box .item{z-index: 10; padding: 0; width: 50%; margin: 0; display: block; float: left; position: relative;}
footer .box .item.full{width: 100%; float: none;}

footer .box .item p.title{position: relative; padding: 0; font-size: 20px; line-height: 28px; color: #2E1D17; font-weight: 700; margin: 0 0 20px; padding: 0 0 20px;}
footer .box .item p.title::before{content: ""; position: absolute; left: 0; bottom: 0; width: 90px; height: 1px; background: #D9D9D7;}
footer .box .item p.title.green{color: #33781E;}
footer .box .item p.title.orange{color: #F0A600;}
footer .box .item p.title.brown{color: #AA4825;}

footer .box .item p{display: block; margin: 0 0 15px; padding: 0; font-size: 14px; line-height: 22px; color: #2E1D17; font-weight: 400;}
footer .box .item p strong{font-weight: 700;}
footer .box .item p strong.width{display: inline-block; width: 60px;}
footer .box .item p a{font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch footer .box .item p a:hover{color: #33781E}

footer .box .item p.gdpr{text-align: right; font-size: 12px; line-height: 18px;}
.notouch footer .box .item p.gdpr a:hover{color: #AA4825;}

footer .box .item ul:not(.social){margin: 0; padding: 0;}
footer .box .item ul:not(.social) li{display: block; list-style: none; margin: 10px 0 0; padding: 0;}
footer .box .item ul:not(.social) li:nth-child(1){margin-top: 0;}
footer .box .item ul:not(.social) li a{position: relative; padding: 0 0 0 18px; text-decoration: underline; display: inline-block; font-size: 14px; line-height: 22px; color: #2E1D17; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer .box .item ul:not(.social) li a::before{width: 6px; height: 6px; position: absolute; left: 0; top: calc(50% - 3px); -webkit-border-radius: 10px; border-radius: 10px; background: #F0A600; content: "";}
.notouch footer .box .item ul:not(.social) li a:hover, footer .box .item ul:not(.social) li.active a{color: #F0A600}


footer .box .item table{width: 100%; border-spacing: 0; table-layout: fixed; }
footer .box .item table td{padding: 0;}
footer .box .item table td.empty{width: 15px;}
footer .box .item table td label{display: block; font-size: 14px; line-height: 22px; font-weight: 600; color: #2E1D17;}
footer .box .item table td input[type=text]{position: relative; margin-bottom: 15px; font-size: 14px; line-height: 22px; color: #2E1D17; padding: 8px 10px; border: 1px solid #D9D9D7; background: #ffffff; width: calc(100% - 22px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer .box .item table td textarea{resize: none; height: 80px; position: relative; margin-bottom: 15px; font-size: 14px; line-height: 22px; color: #2E1D17; padding: 8px 10px; border: 1px solid #D9D9D7; background: #ffffff; width: calc(100% - 22px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer .box .item table td input[type=text]:focus, footer .box .item table td textarea:focus{border: 1px solid #AA4825;}



footer ul.social{display: block; margin: 0; padding: 0; height: 30px;}
footer ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;}
footer ul.social li a{padding: 0; background: transparent; display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer ul.social li a.in::before{background-image: url(../../img/social_in_icon_black.svg);}
footer ul.social li a.fb::before{background-image: url(../../img/social_fb_icon_black.svg);}
footer ul.social li a.yt::before{background-image: url(../../img/social_yt_icon_black.svg);}
footer ul.social li a.li::before{background-image: url(../../img/social_li_icon_black.svg);}
footer ul.social li a.tw::before{background-image: url(../../img/social_tw_icon_black.svg);}
footer ul.social li a.in::after{background-image: url(../../img/social_in_icon_white.svg);}
footer ul.social li a.fb::after{background-image: url(../../img/social_fb_icon_white.svg);}
footer ul.social li a.yt::after{background-image: url(../../img/social_yt_icon_white.svg);}
footer ul.social li a.li::after{background-image: url(../../img/social_li_icon_white.svg);}
footer ul.social li a.tw::after{background-image: url(../../img/social_tw_icon_white.svg);}

.notouch footer ul.social li a:hover{background: #33781E;}
.notouch footer ul.social li a:hover::before{opacity: 0;}
.notouch footer ul.social li a:hover::after{opacity: 1;} 



@media screen and (max-width: 1400px) {
footer .box{width: calc(50% - 50px);}
footer .box:nth-child(1){padding: 0 50px 0 0;}
footer .box:nth-child(2){padding: 0 0 0 50px;}
}

@media screen and (max-width: 1250px) {
footer .box .item p.title{font-size: 18px; line-height: 26px; margin: 0 0 16px; padding: 0 0 16px;}
footer .box .item p{font-size: 13px; line-height: 20px;}
footer .box .item ul:not(.social) li a{font-size: 13px; line-height: 20px;}
footer .box .item table td label{font-size: 13px; line-height: 20px;}
footer .box .item table td input[type=text]{font-size: 13px; line-height: 20px;}
footer .box .item table td textarea{font-size: 13px; line-height: 20px;}
}


@media screen and (max-width: 1150px) {
footer::before{width: 100%;}
footer::after{display: none}

footer .box{width: 100%;}
footer .box:nth-child(1){padding: 0 0 30px 0;}
footer .box:nth-child(2){padding: 30px 0 0 0;}
}


@media screen and (max-width: 1024px) {
footer{padding: 60px 0;}
}

@media screen and (max-width: 550px) {
footer{padding: 40px 0;}
footer .box img.pay{margin: 20px auto 0;}
footer .box .item{padding: 30px 0 0; width: 100%; float: none; text-align: center;}
footer .box .item:nth-child(1){padding: 0;}

footer .box .item p.title::before{right: 0; margin: 0 auto;}

footer .box .item ul li a{font-size: 13px; line-height: 20px;}
footer .box:nth-child(2){padding: 0;}


footer .box .item table footer .box .item table tbody, footer .box .item table tr, footer .box .item table th, footer .box .item table td{display: block; width: 100%;}
footer .box .item table td .btn{float: none;}
footer .box .item p.gdpr{text-align: center;}


}


.sign{background: #ffffff; padding: 0; text-align: center;}
.sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .sign a:hover{color: #000000;}



/************************
 MODULY
************************/



.drobky{position: relative; text-align: left; width: 100%; margin: 0 auto 40px; padding: 30px 0 20px;}
.drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; content: ""; display: block;}
.drobky ul::before{background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}

.drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden; font-size: 0;}
.drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin: 0; padding: 0 0 0 8px; background: url(../img/slider_arrow.svg) no-repeat scroll left center; background-size: 8px 12px;}
.drobky ul li.first{border: 0; background: none; padding: 0;}
.drobky ul li.first a{padding-left: 0;}

.drobky ul li a{white-space: nowrap; position: relative; display: block; text-decoration: underline; color: #D6D6D6; font-size: 13px; line-height: 20px; font-weight: 400; padding: 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .drobky ul li a:hover{color: #33781E;}
.drobky ul li span{white-space: nowrap; display: block; color: #b1b1b1; font-size: 13px; line-height: 20px; font-weight: 700; padding: 0 0 0 15px;} 

@media screen and (max-width: 1080px) {
.drobky{margin: 0 auto 30px; padding: 20px 0 10px;}
}


@media screen and (max-width: 500px) {
.drobky{margin: 0 auto 20px; padding: 20px 0 10px;}
.drobky ul li a{font-size: 10px; line-height: 16px; padding: 0 10px;}
.drobky ul li span{font-size: 10px; line-height: 16px; padding: 0 0 0 10px;} 
}





.landing{display: block; position: relative;}
.landing ul{font-size: 0; margin: 0; padding: 0; display: block; position: relative;}
.landing ul li{display: inline-block; vertical-align: middle; position: relative; margin: 0 4px 4px 0;}




 

.contact_page {width: 100%; text-align: left; position: relative; margin: 0; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);}
.contact_page .item { text-align: left; position: relative; width: 260px; padding: 20px 25px; display: block; float: left; background: #ffffff;}
.contact_page .item .box { display: table; height: 300px; width: 100%;}
.contact_page .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;}
.contact_page .item .box .centering p{margin: 0 0 15px; padding: 0; font-size: 14px; line-height: 22px; font-weight: 400;}
.contact_page .item .box .centering p:last-of-type{margin: 0;}
.contact_page .item .box .centering p strong.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 18px; padding: 0 0 0 23px;}
.contact_page .item .box .centering p strong.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 18px; padding: 0 0 0 23px;}
.contact_page .item .box .centering p a{font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .contact_page .item .box .centering p a:hover{color: #33781E}

.contact_page .mapa { position: absolute; left: 310px; right: 0; top: 0; bottom: 0; display: block; background: #efefef;}
.contact_page .mapa #MyGmaps, .contact_page .mapa #MySmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;}
.contact_page .mapa #MyGmaps.bg, .contact_page .mapa #MySmaps.bg { background: url(../img/mapa.jpg) no-repeat scroll center center #e5e3df; background-size: cover;}
.contact_page .mapa a.btn { -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; position: absolute; left: 0; bottom: 0; z-index: 20;}


@media screen and (max-width: 850px) {
.contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;}
.contact_page .item .box { display: block; height: initial; height: auto;}
.contact_page .item .box .centering { display: block;}
.contact_page .mapa { width: 100%; float: none; position: relative; left: 0;}
.contact_page .mapa #MyGmaps, .contact_page .mapa #MySmaps { height: 260px;}
}

@media screen and (max-width: 500px) {
.contact_page .item .box .centering p{font-size: 13px; line-height: 20px;}
}




.contact_list{text-align: left; width: 100%; position: relative; font-size: 0;}
.contact_list h2, .contact_list h3{margin: 30px 0 0; padding: 40px 0 10px; border-top: 1px solid #efefef;}
.contact_list h2:first-child, .contact_list h3:first-child{padding: 0 0 10px; border: 0;}
.contact_list .item{padding: 0 20px 0 0; position: relative; display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin: 30px 0 0;}
.contact_list .item:nth-child(-n + 3){margin-top: 0;}
.contact_list .item .name{font-size: 16px; line-height: 22px; font-weight: 700; margin: 0 0 4px; padding: 0;}
.contact_list .item .post{font-size: 14px; line-height: 22px; font-weight: 400; margin: -4px 0 4px; padding: 0; font-style: italic; color: #808080}
.contact_list .item p{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0;}
.contact_list .item p.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 18px; padding: 0 0 0 23px;}
.contact_list .item p.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 18px; padding: 0 0 0 23px;}
.contact_list .item p a{font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .contact_list .item p a:hover{color: #33781E;}


@media screen and (max-width: 1300px) {
.contact_list .item{width: calc(33.33% - 20px); margin: 20px 0 0;}
.contact_list .item:nth-child(-n + 4){margin-top: 20px;}
.contact_list .item:nth-child(-n + 3){margin-top: 0;}
}

@media screen and (max-width: 920px) {
.contact_list .item{width: calc(50% - 20px); margin: 20px 0 0;}
.contact_list .item:nth-child(-n + 4){margin-top: 20px;}
.contact_list .item:nth-child(-n + 3){margin-top: 20px;}
.contact_list .item:nth-child(-n + 2){margin-top: 0;}
}


@media screen and (max-width: 500px) {

.contact_list .item{width: 100%; margin: 20px 0 0; padding: 0;}
.contact_list .item:nth-child(-n + 4){margin-top: 20px;}
.contact_list .item:nth-child(-n + 3){margin-top: 20px;}
.contact_list .item:nth-child(-n + 2){margin-top: 20px;}
.contact_list .item:nth-child(-n + 1){margin-top: 0;}

.contact_list .item .name{font-size: 14px; line-height: 20px;}
.contact_list .item .post{font-size: 13px; line-height: 20px;}
.contact_list .item p{font-size: 13px; line-height: 20px;}
} 




.news_list{width: 100%; position: relative; margin: 0 auto; font-size: 0; }
.news_list .item{background: #EBEBEB; display: inline-block; vertical-align: middle; padding: 0; width: calc(50% - 40px / 2); margin: 40px 0 0; position: relative; font-size: 0;}
.news_list .item:nth-child(2n){margin: 40px 0 0 40px;}
.news_list .item:nth-child(-n + 2){margin-top: 0;}
.news_list .item .img{width: 155px; height: 350px; position: relative; margin: 0; display: inline-block; vertical-align: top;}
.news_list .item .img .in{min-height: 0; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0; background-color: #ffffff; background: no-repeat scroll center center; background-size: cover; -webkit-box-shadow: 0 0 10px -4px rgba(0,0,0,0.4); box-shadow: 0 0 10px -4px rgba(0,0,0,0.4);}
.news_list .item .text{text-align: left; width: calc(100% - 155px); position: relative; margin: 0; display: inline-block; vertical-align: top;}
.news_list .item .text .in{padding: 35px; display: block;}

.news_list .item .text .in .title{font-weight: 700; display:block; font-size: 18px; line-height: 24px; margin: 0; color: #33781E; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .news_list .item:hover .text .in .title{color: #AA4825;}
.news_list .item .text .in .date{-webkit-border-radius: 4px; border-radius: 4px; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 700; color: #ffffff; background: #F0A600; line-height: 20px; margin: 5px 0 0; padding: 3px 8px;}
.news_list .item .text .in .text_box{overflow: hidden; max-height: 132px; color: #161615; margin: 10px 0 0; padding: 0;}


@media screen and (max-width: 1500px) {
.news_list .item .img{width: 130px; height: 320px;}
.news_list .item .text{width: calc(100% - 130px);}
.news_list .item .text .in{padding: 25px;}
.news_list .item .text .in .title{font-size: 16px; line-height: 22px;}
}


@media screen and (max-width: 1280px) {
.news_list .item{width: calc(50% - 30px / 2); margin: 30px 0 0;}
.news_list .item:nth-child(2n){margin: 30px 0 0 30px;}
.news_list .item:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 1024px) {
.news_list .item{width: calc(50% - 20px / 2); margin: 20px 0 0;}
.news_list .item:nth-child(2n){margin: 20px 0 0 20px;}
.news_list .item:nth-child(-n + 2){margin-top: 0;}
.news_list .item .img{height: 300px;}
.news_list .item .text .in .text_box{max-height: 120px;}
}

@media screen and (max-width: 800px) {
.news_list .item{width: 100%; margin: 20px 0 0;}
.news_list .item:nth-child(2n){margin: 20px 0 0;}
.news_list .item:nth-child(-n + 2){margin-top: 20px;}
.news_list .item:nth-child(1){margin-top: 0;}
.news_list .item .img{height: 300px;}
.news_list .item .text .in .text_box{max-height: 120px;}
}



@media screen and (max-width: 500px) {
.news_list .item{width: 100%; margin: 15px 0 0;}
.news_list .item:nth-child(2n){margin: 15px 0 0;}
.news_list .item:nth-child(-n + 2){margin-top: 15px;}
.news_list .item:nth-child(1){margin-top: 0;}
.news_list .item .img{width: 85px; height: 250px;}
.news_list .item .text{width: calc(100% - 85px);}
.news_list .item .text .in{padding: 15px;}
.news_list .item .text .in .title{max-height: 40px; font-size: 15px; line-height: 20px; }
.news_list .item .text .in .date{font-size: 12px; line-height: 16px;}
.news_list .item .text .in .text_box{margin: 8px 0 0;}
}









.file_list{width: 100%; position: relative; margin: 0 auto;}
.file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000000; display: block; float: left; margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 10px 0;}
.file_list .item:nth-child(-n + 5){margin-top: 0;}
.file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} 
.file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #2E1D17; color: #ffffff; font-weight: 400; font-size: 14px; line-height: 20px;}


.file_list .clas_item{text-align: left; background: #ffffff; display: inline-block; vertical-align: top; position: relative; border: 1px solid #e6e7e8; margin: 0 5px 5px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a{color: #000; text-decoration: none; font-size: 13px; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a span{color: #000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .clas_item:hover{border: 1px solid #2E1D17; background: #2E1D17;}
.notouch .file_list .clas_item:hover a{color: #ffffff;}
.notouch .file_list .clas_item:hover a span{color: #ffffff;}

@media screen and (max-width: 1280px) {
.file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;}
.file_list .item:nth-child(-n + 4){margin-top: 0;}
}

@media screen and (max-width: 1100px) {
.file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 4){margin-top: 10px;}
.file_list .item:nth-child(3n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 700px) {
.file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 4){margin-top: 10px;}
.file_list .item:nth-child(3n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 3){margin-top: 10px;}
.file_list .item:nth-child(2n){margin: 10px 0 0 10px;}
.file_list .item:nth-child(-n + 2){margin-top: 0;}

.file_list .clas_item{margin: 0 3px 3px 0;}
.file_list .clas_item a{font-size: 12px; line-height: 16px; padding: 5px 10px;}
}




.gallery_list { font-size: 0; width: 100%; text-align: left; margin: 0;}
.gallery_list .item { position: relative; text-align: center; display: inline-block; vertical-align: top; background: #efefef; width: calc(33.33% - 40px / 3); margin: 20px 0 0;}
.gallery_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} 
.gallery_list .item:nth-child(-n + 3) { margin-top: 0;} 
.gallery_list .item .img{min-height: 0; display: block; position: relative; padding: 0 0 57%; background: no-repeat scroll center center; background-size: cover; z-index: 0}
.gallery_list .item .text{background: rgba(0,0,0,0.3);position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .gallery_list .item:hover .text{background: rgba(0,0,0,0.6);}
.gallery_list .item .text .box{display: table; height: 100%; width: 100%;}
.gallery_list .item .text .box .centering{text-align: center; display: table-cell; vertical-align: middle; width: 100%;}
.gallery_list .item .text .box .centering h2{margin: 0; text-shadow: 1px 1px 6px rgba(0,0,0,0.7); display: block; text-align: center; padding: 0 30px; font-size: 24px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: #fff; }

@media screen and (max-width: 1280px) {
.gallery_list .item .text .box .centering h2{padding: 0 25px; font-size: 22px; line-height: 26px;}
}

@media screen and (max-width: 1200px) {
.gallery_list .item { width: calc(50% - 20px / 2); margin: 20px 0 0;}
.gallery_list .item:nth-child(3n - 1) { margin: 20px 0 0;} 
.gallery_list .item:nth-child(-n + 3) { margin-top: 20px;}
.gallery_list .item:nth-child(2n) { margin: 20px 0 0 20px;} 
.gallery_list .item:nth-child(-n + 2) { margin-top: 0;} 
}

@media screen and (max-width: 1024px) {
.gallery_list .item .text .box .centering h2{padding: 0 20px; font-size: 20px; line-height: 24px;}
}

@media screen and (max-width: 900px) {
.gallery_list .item { width: calc(50% - 10px / 2); margin: 10px 0 0;}
.gallery_list .item:nth-child(3n - 1) { margin: 10px 0 0;} 
.gallery_list .item:nth-child(-n + 3) { margin-top: 10px;}
.gallery_list .item:nth-child(2n) { margin: 10px 0 0 10px;} 
.gallery_list .item:nth-child(-n + 2) { margin-top: 0;} 
.gallery_list .item .text .box .centering h2{padding: 0 20px; font-size: 18px; line-height: 22px;}
}

@media screen and (max-width: 700px) {
.gallery_list .item .text .box .centering h2{padding: 0 15px; font-size: 16px; line-height: 20px;}
}

@media screen and (max-width: 500px) {
.gallery_list .item { width: 100%; margin: 10px 0 0;}
.gallery_list .item:nth-child(3n - 1) { margin: 10px 0 0;} 
.gallery_list .item:nth-child(-n + 3) { margin-top: 10px;}
.gallery_list .item:nth-child(2n) { margin: 10px 0 0;} 
.gallery_list .item:nth-child(-n + 2) { margin-top: 10px;}
.gallery_list .item:nth-child(-n + 1) { margin-top: 0;} 
.gallery_list .item .text .box .centering h2{padding: 0 10px; font-size: 14px; line-height: 20px;}
}







.fotogalerie{width: 100%; position: relative; margin: 0; font-size: 0;}
.fotogalerie .text_box{margin: 0 0 20px;}
.fotogalerie a.swipebox{display: inline-block; vertical-align: middle; position: relative; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);}
.fotogalerie a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 66.66%; background: no-repeat scroll center center; background-size: cover;}
.fotogalerie a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.fotogalerie a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .fotogalerie a:hover .in::before{opacity: 0.90;}
.notouch .fotogalerie a:hover .in::after{opacity: 1;}


.fotogalerie.row_three a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;}
.fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;}
.fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 0;}


@media screen and (max-width: 700px) {
.fotogalerie.row_three a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;}
.fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 0 0;}
.fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 10px;}
.fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px;}
.fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0;}
}



.fotogalerie.row_four a.swipebox{width: calc(25% - 30px / 4); margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 10px 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0 10px;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 0;}

@media screen and (max-width: 1280px) {
.fotogalerie.row_four a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;}
.fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 0;}
}

@media screen and (max-width: 700px) {
.fotogalerie.row_four a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;}
.fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 0 0;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 10px;}
.fotogalerie.row_four a.swipebox:nth-child(2n){margin: 10px 0 0 10px;}
.fotogalerie.row_four a.swipebox:nth-child(-n + 2){margin-top: 0;}
}











.default_form{text-align: center; position: relative; margin: 0; display: block;}
.default_form form{padding: 30px 45px; background: #ffffff; border: 1px solid #e6e7e8; display: block; }
.default_form form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 600; margin: 0 0 15px;}
.default_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;}
.default_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 130px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 0 0; margin: 0;}
.default_form form table th:nth-child(3){padding-left: 15px;}
.default_form form table td{padding: 0;}
.default_form form table td input[type=text], .default_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.default_form form table td textarea{resize: none; overflow: hidden; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.default_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.default_form form table td input[type=text]:focus, .default_form form table td textarea:focus{border: 1px solid #2E1D17;}

.default_form form table td.gdpr{text-align: right; margin: 10px 0; font-size: 12px; line-height: 18px;}
.default_form form table td.gdpr a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .default_form form table td.gdpr a:hover{color: #33781E;}

@media screen and (max-width: 768px) {
.default_form form{display: block; padding: 25px 35px;}
.default_form form .title{font-size: 16px; line-height: 24px; margin: 0 0 10px;}
.default_form form table, .default_form form tbody, .default_form form table tr, .default_form form table th, .default_form form table td{display: block; width: 100%; text-align: center; clear: both;}
.default_form form table tr:nth-child(1) th:nth-child(1){padding: 0 0 5px !important;}
.default_form form table th{text-align: center; padding: 15px 0 5px !important;}
.default_form form table td input[type=text], .default_form form table td input[type=password]{text-align: center;}
}

@media screen and (max-width: 500px) {
.default_form form{padding: 15px;}
.default_form form .title{font-size: 14px; line-height: 20px;}
.default_form form table th{font-size: 12px; line-height: 16px;}
}























#basket{margin: 0 auto; position: relative;}
#basket .basket_navigation{width: 100%; position: relative; margin: 0 0 50px;}
#basket .basket_navigation h1{display: none; border: 0; padding: 0; margin: 0;}
#basket .basket_navigation ul{margin: 0; padding: 0; text-align: center;}
#basket .basket_navigation ul li{position: relative; padding: 0; display: inline-block; vertical-align: middle; margin: 0; width: calc(25% - 45px / 4 - 3px);}
#basket .basket_navigation ul li:nth-child(2){margin: 0 15px;}
#basket .basket_navigation ul li:nth-child(3){margin: 0 15px 0 0;} 
#basket .basket_navigation ul li strong, #basket .basket_navigation ul li a{border: 1px solid #efefef; font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.5px; color: #000000; text-align: center; display: block; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .basket_navigation ul li a{cursor: pointer;}
#basket .basket_navigation ul li span{text-transform: uppercase; letter-spacing: 0.5px; display: block; font-size: 18px; line-height: 24px; font-weight: 500; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .basket_navigation ul li:first-child{margin-left: 0;} 
#basket .basket_navigation ul li::before{display: none; top: calc(100% - 1px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0);	border-top-color: #2E1D17;	border-width: 10px; margin-left: -10px;}
#basket .basket_navigation ul li::after{display: none; top: calc(100% - 1px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(141, 114, 73, 0);	border-top-color: #2E1D17;	border-width: 9px; margin-left: -9px;}
#basket .basket_navigation ul li.active strong, #basket .basket_navigation ul li.active a{background: #2E1D17; border: 1px solid #2E1D17; color: #ffffff;}
#basket .basket_navigation ul li.active span{color: #ffffff;}
#basket .basket_navigation ul li.active::before, #basket .basket_navigation ul li.active::after{display: block;}
.notouch #basket .basket_navigation ul li:hover a{background: #2E1D17; border: 1px solid #2E1D17; color: #ffffff;}
.notouch #basket .basket_navigation ul li:hover a span{color: #ffffff;}

#basket .doprava_platba .item .box .delivery_place {display:none;}

#basket .warning_box{text-align: center; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; border: 1px solid #a20000; background: #da0a0a; margin: 0 0 30px; padding: 20px 40px; text-align: center; display: inline-block;}
#basket .warning_box:empty{display: none;}
#basket .warning_box .text{font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; margin: 0; padding: 0;}
#basket .warning_box p{font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; margin: 0; padding: 0;}
#basket .warning_box strong{font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600;}


#basket .anotation_box{text-align: center; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; border: 1px solid #dbdbdb; background: #efefef; margin: 0 0 30px; padding: 20px 40px; text-align: center; display: inline-block;}
#basket .anotation_box:empty{display: none;}
#basket .anotation_box .text{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; margin: 0; padding: 0;}
#basket .anotation_box p{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; margin: 0; padding: 0;}
#basket .anotation_box strong{font-size: 14px; line-height: 20px; color: #666666; font-weight: 600;}



#basket .inline_box{min-width: 200px; border: 1px solid #efefef; background: #ffffff; padding: 25px; display: inline-block; vertical-align: top; margin: 0 0 20px 0}
#basket .inline_box h3{margin: 0; padding: 0; font-size: 18px; line-height: 24px; text-align: left; font-weight: 700;}
#basket .inline_box p{margin: 10px 0 0; padding: 0; font-size: 13px; line-height: 18px; text-align: left; font-weight: 400;}
#basket .inline_box p strong{padding: 0; font-size: 13px; line-height: 18px; text-align: left; font-weight: 700;}

#basket .product_souhrn_box{position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .product_souhrn_box::before{opacity: 0; visibility: hidden; content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .product_souhrn_box.opacity::before{opacity: 0.55; visibility: visible;}

#basket .product_souhrn_box .spinner{opacity:0;visibility:hidden;margin:0 auto;width:70px;text-align:center;position:absolute;left:50%;top:calc(50% - 35px);margin:0 0 0 -35px;z-index:999}
#basket .product_souhrn_box.opacity .spinner{opacity:1;visibility:visible}
#basket .product_souhrn_box .spinner > div{width:18px;height:18px;background-color:#33781E;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
#basket .product_souhrn_box .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
#basket .product_souhrn_box .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay {0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}
@keyframes sk-bouncedelay {0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}


#basket .doprava_platba .item .box .comgate_payments{text-align: left; font-size: 0; padding: 0 20px 20px;}
#basket .doprava_platba .item .box .comgate_payments label {padding: 8px; display: inline-block; vertical-align: middle; width: calc(33.33% - 12px / 3 - 18px); margin: 6px 0 0; border: 1px solid #bcbec0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(3n - 1){margin: 6px 6px 0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(-n + 3){margin-top: 0;}
#basket .doprava_platba .item .box .comgate_payments label .radio{float: none; display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
#basket .doprava_platba .item .box .comgate_payments label img{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle;}


#basket form{position: relative;}
#basket form.opacity::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99;}


#basket table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin-bottom: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn.small{width: calc(100% - 282px); margin: 0 0 45px; float: left;}
#basket form.opacity table.product_souhrn.small{opacity: 0.4;}
#basket article.max{width: 252px; float: right; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket form.opacity article.max{opacity: 0.4;}
#basket table.product_souhrn.margin{margin-bottom: 0px;}
#basket table.product_souhrn tr{position: relative;}
#basket table.product_souhrn tr.mobil_line{display: none;}
#basket table.product_souhrn tr:first-child{border-top: none;}
#basket table.product_souhrn th{font-size: 13px; line-height: 18px; font-weight: 600; text-align: left; padding: 0 15px 10px; border-bottom: 1px solid #e6e7e8;}
#basket table.product_souhrn th.one{padding: 0;}
#basket table.product_souhrn th.three{padding: 0 15px 10px; text-align: center;} 
#basket table.product_souhrn th.five{text-align: center;}
#basket table.product_souhrn th.four{text-align: right;}

#basket table.product_souhrn td{height: 60px; padding: 8px 15px; border-bottom: 1px solid #e6e7e8;}
#basket table.product_souhrn .celkem td{line-height: 18px !important; border-bottom: 2px solid #e6e7e8;}
#basket table.product_souhrn .celkem td .small{display: inline-block; font-size: 12px; line-height: 16px; text-align: right; font-weight: 600;}
#basket table.product_souhrn td.no_border{border-bottom: 2px solid #ffffff;}
#basket table.product_souhrn td.no_border.small{display: none;}
#basket table.product_souhrn td.one{padding: 5px 0; width: 60px; vertical-align: middle;}
#basket table.product_souhrn td.one{vertical-align: middle;} 
#basket table.product_souhrn td.one a, #basket table.product_souhrn td.one label{background-color: #ffffff; width: 50px; height: 50px; padding: 4px; position: relative; border: 1px solid #e6e7e8; display: block; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch #basket table.product_souhrn .hover_efekt td.one a, .notouch #basket table.product_souhrn .hover_efekt td.one label{border: 1px solid #33781E;}
#basket table.product_souhrn td.one a .in, #basket table.product_souhrn td.one label .in{position: relative; display: block; width: 100%; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}







#basket table.product_souhrn td.two{padding: 5px 0; text-align: left;}
#basket table.product_souhrn td.two.short{width: 130px;}
#basket table.product_souhrn td.two span.box{display: table; width: 100%; height: 60px;}
#basket table.product_souhrn td.two .main_link{font-weight: 700; display: table-cell; vertical-align: middle; padding: 0 0 0 15px; font-size: 13px; line-height: 20px; text-decoration: none; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn td.two .main_link span{font-weight: 600; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; display: block;}
#basket table.product_souhrn td.two .main_link span strong{display: block; font-weight: 600; color: #33781E; font-size: 11px; line-height: 15px; letter-spacing: 0.5px;}
.notouch #basket table.product_souhrn tr.hover_efekt td.two a.main_link{color: #33781E}
#basket table.product_souhrn td.two .main_link .rema{padding: 0; display: inline-block; color: #d20c0c; font-weight: 400; font-size: 11px; line-height: 16px; font-style: normal; margin: 3px 0 0;}
#basket table.product_souhrn td.two .main_link .rema strong{color: #d20c0c; font-weight: 700; font-size: 11px; line-height: 16px; }

#basket table.product_souhrn td.two .warehouse{display: table-cell; vertical-align: middle; padding: 0 0 0 15px; font-size: 13px; line-height: 20px; font-weight: 600; margin: 0;}

#basket table.product_souhrn td.three{white-space: nowrap; text-align: center; padding: 0 10px; width: 100px; color: #000000; font-size: 13px; line-height: 28px; font-weight: 400; text-align: center;}
#basket table.product_souhrn td.three .box.centering{padding-right: 34px; display: block;}
#basket table.product_souhrn td.three input[type=text]{display: inline-block; vertical-align: middle; width: 40px; font-size: 14px; line-height: 25px; color: #000000; font-weight: 400; padding: 6px 0; text-align: center; border: 0; border-bottom: 1px solid #d1d3d4; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
/*#basket table.product_souhrn td.three input[type=text]:focus{border-bottom: 1px solid #666666}*/
#basket table.product_souhrn td.three .increment, #basket table.product_souhrn td.three .decrement{cursor: pointer; border: 1px solid #D6D6D6; background: #D6D6D6; width: 20px; height: 20px; display: inline-block; vertical-align: middle; -webkit-border-radius: 28px; border-radius: 28px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn td.three .increment::before, #basket table.product_souhrn td.three .decrement::before,
#basket table.product_souhrn td.three .increment::after, #basket table.product_souhrn td.three .decrement::after{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn td.three .increment::before{opacity: 1; background: url(../img/basket_recount_icon.png) no-repeat scroll 6px -14px;}
#basket table.product_souhrn td.three .decrement::before{opacity: 1; background: url(../img/basket_recount_icon.png) no-repeat scroll -15px -14px;}

#basket table.product_souhrn td.three span{display: block; text-align: center;}

.notouch #basket table.product_souhrn td.three .increment:hover, .notouch #basket table.product_souhrn td.three .decrement:hover{background: #33781E; border: 1px solid #33781E;}





#basket table.product_souhrn td.four{padding: 0 15px; text-align: right; font-size: 14px; line-height: 28px; font-weight: 400; width: 110px;}
#basket table.product_souhrn td.four strong{font-size: 14px; line-height: 28px; font-weight: 600;}
#basket table.product_souhrn td.four strong.total{white-space: nowrap; font-size: 14px; line-height: 28px; font-weight: 700;}
#basket table.product_souhrn td.four strong.total.red{color: #33781E; font-size: 18px;}
#basket table.product_souhrn td.four strong.total span{ font-size: 12px; line-height: 28px; font-weight: 300; display: none;}
#basket table.product_souhrn td.four span{ font-size: 12px; line-height: 28px; font-weight: 300; display: none;}

#basket table.product_souhrn td.five{text-align: center; padding: 0 15px; width: 40px;}
#basket table.product_souhrn td.five a{position: relative; top: 3px; display: inline-block; width: 18px; height: 18px; border: 1px solid #D6D6D6; background: #D6D6D6; -webkit-border-radius: 28px; border-radius: 28px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn td.five a::before, #basket table.product_souhrn td.five a::after{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket table.product_souhrn td.five a::after{opacity: 1; background: url(../img/basket_recount_icon.png) no-repeat scroll -33px -15px;}
.notouch #basket table.product_souhrn td.five a:hover{background: #33781E; border: 1px solid #33781E;}


#basket h2.title{text-align: center; margin: 0; padding: 0; font-size: 20px; line-height: 28px;}
#basket h2.title.margin{margin: 0 0 28px;}


#basket textarea.order_text{resize: none; height: 100px; margin: 0 auto 30px; display: block; border: 1px solid #e6e7e8; width: calc(100% - 32px); max-width: 500px; background: #ffffff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: border 400ms ease; transition: border 400ms ease;}
#basket textarea.order_text[readonly]{background: #efefef; border: 1px solid #dbdbdb !important;}
#basket textarea.order_text:focus{border: 1px solid #2E1D17;}


#basket .doprava_platba {width: 100%; display: block; margin: 0 auto 30px;}
#basket .doprava_platba.margin{margin: 0 auto;}
#basket .doprava_platba .item{display: inline-block; vertical-align: middle; vertical-align: top; width: calc(50% - 17px); margin: 0; position: relative;}
#basket .doprava_platba .item:nth-child(2){margin: 0 0 0 30px;}
#basket .doprava_platba .item p.title{text-align: center; font-size: 16px; line-height: 22px; font-weight: 400; margin: 0; padding: 0 0 20px;}
#basket .doprava_platba .item p.title strong{font-size: 16px; line-height: 22px; font-weight: 700; margin: 0; padding: 0 0 10px;}

#basket .doprava_platba .item.platba{}

#basket .doprava_platba .item.platba.opacity::before{position: absolute; top: 42px; right: 0; left: 0; bottom: 0; content: ""; display: block; z-index: 999;}
#basket .doprava_platba .item.platba .box{display: block;}
#basket .doprava_platba .item.platba.opacity .box{opacity: 0.40; }
#basket .doprava_platba .item .box{ background: #ffffff; position: relative; width: calc(100% - 2px); margin: 10px 0 0; float: none; border: 1px solid #bcbec0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .doprava_platba .item .box:nth-child(1){margin: 0;}
#basket .doprava_platba .item .box label{cursor: pointer; position: relative; padding: 15px 15px; display: block; font-size: 13px; line-height: 28px; font-weight: 400; color: #3a3a3a; text-align: left; }
#basket .doprava_platba .item .box label::before{position: absolute; left: 0; top: 0; bottom: 0; width: 40px; content: ""; z-index: 10;}
#basket .doprava_platba .item .box label input[type=radio]{float: left;}
#basket .doprava_platba .item .box label strong:not(.name){display: block; width: 80%; max-width: calc(100% - 160px); float: left; font-size: 13px; line-height: 18px; padding: 0; font-weight: 700; text-align: left; }
#basket .doprava_platba .item .box label strong.name{font-size: 13px; line-height: 18px; display: block;}
#basket .doprava_platba .item .box label .text{display: block; max-width: calc(100% - 160px); padding: 3px 0 0; position: relative; top: 0; float: none; margin: 0 0 0 25px; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; }
#basket .doprava_platba .item .box label .text p{margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; color: #3a3a3a;}
#basket .doprava_platba .item .box label .text p strong{font-size: 12px; line-height: 16px; font-weight: 700; color: #3a3a3a; width: initial; width: auto; max-width: initial; display: inline; float: none; }
#basket .doprava_platba .item .box label .text p a{text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: 700; color: #3a3a3a; width: initial; width: auto; max-width: initial; display: inline-block; float: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch #basket .doprava_platba .item .box label .text p a:hover{color: #33781E;}
#basket .doprava_platba .item .box label .text .textet{display: inline-block; vertical-align: top; width: calc(100% - 35px); padding: 0 0 0 10px;}
#basket .doprava_platba .item .box label .text div.checker{vertical-align: top;}
#basket .doprava_platba .item .box label .text br{}
#basket .doprava_platba .item .box label .text a{font-size: 12px; line-height: 16px; font-weight: 700; color: #3a3a3a; display: inline-block; margin: 0; text-decoration: underline;}
#basket .doprava_platba .item .box label span.price{position: absolute; top: 15px; right: 15px; font-size: 13px; line-height: 18px; font-weight: 700; color: #3a3a3a; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .doprava_platba .item .box label .radio{width: 16px; height: 16px; float: left; margin: 1px 9px 0 0; }
#basket .doprava_platba .item .box label span.bottom{display: none !important; width: auto; height: 4px; display: block; position: absolute; bottom: -5px; right: 1px; left: 5px; background: #f7f7f7; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
/*#basket .doprava_platba .item .box.active label span.price, #basket .doprava_platba .item .box:hover label span.price{color: #666666;}*/
#basket .doprava_platba .item .box.active, #basket .doprava_platba .item .box:hover{border: 1px solid #000000;}

#basket .doprava_platba .item .box label label{padding: 5px 15px 0 25px;}
#basket .doprava_platba .item .box label label .radio{margin: -1px 5px 0 0; float: none;}
#basket .doprava_platba .item .box label label .small_text{font-size: 13px; line-height: 18px; display: inline-block; vertical-align: middle; width: calc(100% - 25px);}
#basket .doprava_platba .item .box label label .personal_text{font-size: 13px; line-height: 22px; display: inline-block; vertical-align: middle; width: calc(100% - 25px); }

#basket .doprava_platba .item .box #terms-notice{padding: 0px 0 15px 80px; text-align: left; font-size: 12px; line-height: 16px; font-weight: 700; color: #e21414;}

#basket .doprava_platba .sbHolder{position: relative; background: #ffffff; width: calc(100% - 2px); display: block; margin: 0; top: -16px; border: 1px solid #000000; }
#basket .doprava_platba .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; width: 30px;}
#basket .doprava_platba .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;}
#basket .doprava_platba .sbHolder a.sbSelector{width: calc(100% - 60px); margin: 0; display: block; color: #000000 !important; font-size: 14px; line-height: 30px; padding: 6px 15px; font-weight: 400; text-align: left; text-decoration: none;}
#basket .doprava_platba .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;}
#basket .doprava_platba .sbOptions a{text-decoration: none; border: 1px solid #000000; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 18px; margin: 0; font-weight: 400; color: #000000 !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
#basket .doprava_platba .sbOptions li:first-child{display: none;}
#basket .doprava_platba .sbOptions li:nth-child(2) a{border-top: 1px solid #000000;}
.notouch #basket .doprava_platba .sbOptions a:hover{background: #f0f0f0 !important;} 

#thepay-method-box {display: inline-block;}

#basket .end_order{width: calc(100% - 282px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket form.opacity .end_order{opacity: 0.6;}


#basket p.info_doprava{clear: both; margin: -20px 0 20px; padding: 0; line-height: 26px; font-size: 16px; text-align: center; font-weight: 300;}
#basket p.info_doprava strong{line-height: 26px; font-size: 16px; font-weight: 500;}


#basket.my_order table.product_souhrn td.one .centering{background: #ffffff;}
#basket.my_order .item{background: #ffffff; border: 1px solid #efefef; margin-top: 20px; padding: 20px 3%; width: calc(94% - 2px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket.my_order .item:first-of-type{margin: 0;}
#basket.my_order .item p.title{margin: 0; padding: 0; text-align: left; font-size: 14px; line-height: 38px; }
#basket.my_order .item p.title span{white-space: nowrap; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: left;}

#basket.my_order .item p.title span.zasilka a{display: block; width: 43px; height: 30px; background: url(../img/doprava_icon.png) no-repeat;}
#basket.my_order .item p.title button{float: right; padding-left: 0; padding-right: 0; width: 180px; text-align: center; text-transform: none;}
#basket.my_order .box{display: none; clear: both; padding: 30px 0 0; text-align: left;}
#basket.my_order table.product_souhrn{margin: 0;}


#basket.my_order .box .control_package{float: right; position: relative; position: relative; display: inline-block; vertical-align: middle; line-height: 38px; margin-top: 20px;}
#basket.my_order .box .control_package a{display: inline-block; text-align: right; color: #000000; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch #basket.my_order .box .control_package a:hover{color: #666666}


#basket p.celkem{text-align: center; padding: 15px 0 40px; margin: 0;}
#basket p.celkem strong{font-style: italic; display: block; font-size: 40px; line-height: 44px; color: #666666; font-weight: 600; margin: 0;}


@media screen and (max-width: 1100px) {
#basket table.product_souhrn.small{width: 100%; float: none; margin: 0 0 35px;}
#basket article.max{width: 100%; float: none; text-align: center;}
#basket .inline_box{margin: 0 20px 30px 0;}
#basket .end_order{width: 100%;}
}

@media screen and (max-width: 1024px) {
#basket .doprava_platba .item .box label span.text{max-width: calc(100% - 25px);}


#basket.my_order .item p.title{text-align: center;}
#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.date, #basket.my_order .item p.title span.price, #basket.my_order .item p.title span.status{margin: 0 10px;}
#basket.my_order .item p.title button{clear: both; margin: 10px auto 0; float: none;}
#basket.my_order .item p.title span.ikonka:not(.car){display: none}

}

@media screen and (max-width: 1100px) and (min-width: 961px) {
#basket .doprava_platba .item .box .comgate_payments label {width: calc(50% - 6px / 2 - 18px); margin: 6px 0 0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(3n - 1){margin: 6px 0 0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(-n + 3){margin-top: 6px;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(2n){margin: 6px 0 0 6px;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(-n + 2){margin-top: 0;}
}


@media screen and (max-width: 960px) {
#basket table.product_souhrn th{font-size: 12px;}
#basket table.product_souhrn th.one{display: none}
#basket table.product_souhrn td.one{display: none;}
#basket table.product_souhrn th.two{width: 370px;} 
#basket table.product_souhrn td.one_one a.main_link, #basket table.product_souhrn td.one_one label.main_link{padding: 0 15px;}
#basket table.product_souhrn td.two a{margin: 0 5%;}
#basket table.product_souhrn td.four{font-size: 14px;}
#basket table.product_souhrn td.five{font-size: 14px;}
#basket table.product_souhrn td.no_border{display: none;}
#basket table.product_souhrn td.no_border.small{display: table-cell;}
#basket .doprava_platba{width: 100%; margin: 0 auto;}
#basket .doprava_platba .item{width: 100%; margin: 0 !important;}
#basket .doprava_platba .item p.title{padding: 20px 0 10px;}
#basket .doprava_platba .item.doprava p.title{padding: 0 0 10px;}
}


@media screen and (max-width: 900px) {
#basket{text-align: center;}
#basket .align-center .btn.left, #basket .align-center .btn.right{float: none;}
#basket .inline_box{width: calc(100% - 52px); margin: 0 0 30px; text-align: center; display: block;}
#basket .inline_box:nth-child(2){margin: 0;}
#basket .inline_box h3, #basket .inline_box p{text-align: center;}
#basket p.information img{margin: 0 auto 8px; display: block;}
#basket article.max{margin: 0 0 40px;}
#basket .basket_navigation{margin: 10px 0 20px;}
#basket .basket_navigation h1{display: block;}
#basket .basket_navigation ul{display: none;}
#basket table.product_souhrn{margin: 0;}
#basket table.product_souhrn.small{margin: 40px 0 20px}
#basket table.product_souhrn tr{position: relative;}
#basket table.product_souhrn th{display: none !important;}
#basket table.product_souhrn td{height: initial; height: auto;}
#basket table.product_souhrn td.one{display: none;}
#basket table.product_souhrn td.two{border-top: 1px solid #efefef !important; padding-top: 15px; margin: 0;}
#basket table.product_souhrn td.two.short{border-top: 0 !important; padding-top: 0; width: 100%;}
#basket table.product_souhrn td.two span.box{display: block; height: initial; height: auto;}     
#basket table.product_souhrn td.two .main_link{text-align: center; display: block; padding: 0;}
#basket table.product_souhrn td.two .main_link span{text-align: center;}
#basket table.product_souhrn td.two .warehouse{text-align: center; display: block; padding: 0;}
#basket table.product_souhrn td.three{width: 100%; padding: 5px 0; font-size: 12px; margin: 0;}
#basket table.product_souhrn td.three.padding{padding: 0; line-height: 20px;}
#basket table.product_souhrn td.three .box.centering{padding: 0;}
#basket table.product_souhrn td.three .decrement{margin: 0;}
#basket #finalordform table.product_souhrn tr.celkem td.three{padding: 0;}
#basket table.product_souhrn td.four, #basket table.product_souhrn td.four strong, #basket table.product_souhrn td.four strong span{line-height: 20px; font-size: 12px;}
#basket table.product_souhrn.final td.four{width: 100%;}
#basket table.product_souhrn td.four{padding-bottom: 0; margin: 0;}
#basket table.product_souhrn td.four span{display: inline-block; line-height: 20px;}
#basket table.product_souhrn td.five{padding: 2px 0 16px;}
#basket #finalordform table.product_souhrn tr td.four:nth-child(5){padding: 0 0 15px !important;}
#basket table.product_souhrn, #basket table.product_souhrn tbody, #basket table.product_souhrn tr, #basket table.product_souhrn th, #basket table.product_souhrn td{display: block; width: 100%; }
#basket table.product_souhrn td.two{border: 0; padding-bottom: 0;}
#basket table.product_souhrn td.three{border: 0;}
#basket table.product_souhrn td.five.cant_delete{padding: 0 0 13px;}
#basket table.product_souhrn tr.celkem td{border: 0 !important;}
#basket .repay{float: none; display: inline-block; margin: 0 0 40px;}
#basket table.product_souhrn td.four{font-size: 12px; line-height: 20px; text-align: center; width: 100%; border: 0; padding: 0;}
#basket table.product_souhrn td.five{font-size: 12px; line-height: 20px; width: 100%;}
#basket p.information .text{max-width: 100%; text-align: center;}
#basket h2 span.text span{font-size: 16px;}

#basket h2.title{font-size: 16px; line-height: 22px;}
#basket h2.title.margin{margin: 0 0 20px;}


#basket .doprava_platba .item .box label{padding: 7px 10px;}
#basket .doprava_platba .item .box label span.text{padding: 0; max-width: 100%; top: 0; text-align: left; margin: 0 0 0 27px;}
#basket .doprava_platba .item .box label .radio{display: inline-block; vertical-align: middle; float: none; margin: 0 6px 0 0;}
#basket .doprava_platba .item .box label strong:not(.name){width: initial; width: auto; max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; float: none;}
#basket .doprava_platba .item .box label span.price{margin: -2px 0 0 27px; top: 0; right: 0; position: relative; display: inline-block; vertical-align: middle; float: none;}

#basket .doprava_platba .item{width: 100%; margin: 0 0 30px !important; display: block;}
#basket .doprava_platba .item p.title{padding: 0; margin: 0 0 10px;}
#basket .doprava_platba .item .box label .text{max-width: 100%;}


#basket #finalordform table.product_souhrn tr.celkem{border-top: 2px solid #e3e3e3}
#basket table.product_souhrn tr.celkem{border-top: 1px solid #e3e3e3}
#basket table.product_souhrn td.no_border{display: none;}
#basket table.product_souhrn td.no_border.small{display: block; padding-left: 0; padding-right: 0;}
#basket table.product_souhrn td.four strong.total{font-size: 20px; line-height: 24px; color: #33781E}
#basket table.product_souhrn td.four strong.total span{display: inline-block;}

#basket .inline:not(.btn){padding: 0; margin: 0 -4px 50px 0; width: 50%; }
#basket .inline.btn{margin: 20px 0 40px;}
#basket .login_form .inline.btn{ margin-top: 0; display: inline-block; vertical-align: middle; text-align: center; width: initial; width: auto; }
#basket table.product_souhrn td.two .main_link span{text-align: center;}
#basket .inline:not(.btn){width: 100%; margin: 30px 0 50px; display: block; text-align: left;}
#basket p.celkem{padding: 15px 0;}
#basket .inline.btn{margin: 10px 0 0;}
#basket .reg_form .box .anotation.empty{display: none;}
#basket.my_order .item p.title span.number, #basket.my_order .item p.title span.status, #basket.my_order .item p.title span.date, #basket.my_order .item p.title span.price{width: 100%; padding: 0; margin: 0; text-align: center; line-height: 20px; font-size: 12px;}
#basket.my_order .item p.title, #basket.my_order .item p.title span.number strong, #basket.my_order .item p.title span.status strong, #basket.my_order .item p.title span.date strong, #basket.my_order .item p.title span.price strong{text-align: center; line-height: 20px; font-size: 12px;}
#basket.my_order .item p.title button{float: none; margin: 10px auto 0;}
#basket.my_order .item p.title span.ikonka.car{margin: 8px 0;}
#basket table.product_souhrn td.two span.box{padding: 0;}
#basket.my_order .item p.title span.ikonka:not(.car){display: none}
#basket.my_order .inline.btn{margin: 5px 0 0; float: none;}
#basket.my_order .box{padding: 15px 0 0; text-align: center;}
#basket.my_order table.product_souhrn td.two span.box{padding: 0;}
#basket.my_order table.product_souhrn td.three{padding: 0; font-size: 12px; line-height: 20px;}
#basket.my_order table.product_souhrn td.four, #basket.my_order table.product_souhrn td.four strong{font-size: 12px; line-height: 20px;}
#basket.my_order table.product_souhrn td.four:nth-child(5){padding-bottom: 15px !important}
#basket .normal_form form table td .inline.btn{margin: 8px 0 0;}
}


@media screen and (max-width: 600px) {
#basket .doprava_platba .item p.title{font-size: 13px; line-height: 18px; padding: 0 0 5px; margin: 0;}
#basket .doprava_platba .item p.title strong{font-size: 13px; line-height: 18px;}


#basket .doprava_platba .item .box{ margin: 0 0 10px 0;}
#basket .doprava_platba .item .box label{padding: 5px 10px; font-size: 12px; line-height: 24px;}
#basket .doprava_platba .item .box label strong:not(.name){font-size: 12px; line-height: 18px;}

#basket .doprava_platba .item .box label span.text{margin: 0 0 0 25px; font-size: 11px; line-height: 16px;}
#basket .doprava_platba .item .box label span.text .textet{padding: 0 0 0 10px;}
#basket .doprava_platba .item .box label span.text a{font-size: 11px; line-height: 16px;}
#basket .doprava_platba .item .box label span.price{margin: -2px 0 0 25px;}


#basket .doprava_platba .item .box .comgate_payments label {width: calc(50% - 6px / 2 - 18px); margin: 6px 0 0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(3n - 1){margin: 6px 0 0;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(-n + 3){margin-top: 6px;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(2n){margin: 6px 0 0 6px;}
#basket .doprava_platba .item .box .comgate_payments label:nth-child(-n + 2){margin-top: 0;}

}





















.finall_order{text-align: left;}
.finall_order article p, .finall_order .text_box p{margin: 0 0 10px;}
.finall_order article p:last-of-type, .finall_order .text_box p:last-of-type{margin: 0 0 20px;}
.finall_order.center, .finall_order.center article, .finall_order.center article > *, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;}
img.end_order{max-width: 100px; margin: 0 0 20px; display: block;}
img.end_order.center{margin: 0 auto 20px;}
.finall_order #error-alert:empty{display: none;}
.finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #ffffff; max-width: 593px; display: block; margin: 0 auto 15px;}


.normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;}
.normal_form form{padding: 18px 25px; border: 1px solid #e0dfdf; display: inline-block; }
.normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 0 0; margin: 0;}
.normal_form form table td{padding: 0;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;}
.normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #2E1D17;}


@media screen and (max-width: 768px) {
.normal_form{margin: 0 0 30px;}
.normal_form form{display: block; width: calc(100% - 52px)}
.normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;}
.normal_form form table th{text-align: center; padding: 0 0 5px;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;}
}



.reg_form{text-align: left; position: relative; margin: 0 0 20px;}
.reg_form.hide{display: none;}
.reg_form.margin{margin-top: 40px;}
.reg_form .box{position: relative; width: 55%; padding: 0 5% 0 0; display: inline-block; vertical-align: top; margin-right: -5px;}
.reg_form .box.second{width: 35%; padding: 0 0 0 5%;}
.reg_form .box.second .overflow_form{opacity: 0.4; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.reg_form .box.second .overflow_form::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: "";}
.reg_form .box.second .overflow_form.active{opacity: 1;}
.reg_form .box.second .overflow_form.active::before{display: none;}
.reg_form .box.full{display: none; width: calc(100% - 60px); margin: 0; background: #efefef; border: 1px solid #e6e7e8; padding: 25px 30px 10px;}
.reg_form .box.full.show{display: block;}
.reg_form .box.second::before{content: ""; display: block; position: absolute; left: 0; top: 5px; width: 1px; background: #efefef; height: 353px;}
.reg_form .box .top_title{width: 100%; text-align: center; display: block;}
.reg_form .box p.title{display: inline-block; text-align: center; font-size: 16px; font-weight: 600; line-height: 26px; margin: 0; text-transform: uppercase;}
.reg_form .box p.title .checker{margin: -3px 0 0 5px;}
.reg_form .box .anotation{display: block; text-align: center; font-size: 13px; font-weight: 400; line-height: 20px; margin: 5px 0 20px;}
.reg_form .box .anotation label{display: block;}
.reg_form .box .anotation .checker{margin-right: 8px;}
.reg_form .box .anotation span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; text-align: left;}
.reg_form .box .anotation.c_click span.text::before{position: absolute; top: -3px; bottom: 0; right: calc(100% + 6px); background: transparent; cursor: pointer; content: ""; width: 25px; height: 25px; z-index: 10; }

.reg_form .box.full table{margin: 0;}
.reg_form .box table{margin-top: 20px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.reg_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 10px; margin: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.reg_form .box table th span{margin-right: -7px; position: relative; top: -5px; right: -1px; font-size: 14px; line-height: 20px;}
.reg_form .box table tr th:first-child{padding-left: 0; }
.reg_form .box table td{padding: 0 0 10px; font-size: 14px; font-weight: 400; line-height: 25px; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.reg_form .box table td.centering{padding: 10px 0 0; text-align: center;}
.reg_form .box table td span:not(.text){margin-right: 0; position: relative; top: -5px; right: 0; color: #666666; font-size: 14px; line-height: 20px;}

.reg_form .box table td a{font-weight: 700; font-size: 13px; line-height: 20px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .reg_form .box table td a:hover{color: #33781E;}
.reg_form .box table td .checker{vertical-align: middle; margin: 0 8px 0 0;}
.reg_form .box table td .checker span{top: 0;}
.reg_form .box table td span.text{max-width: calc(100% - 32px); display: inline-block; vertical-align: middle; position: relative; color: #000000; font-size: 13px; line-height: 18px; text-align: left;}
.reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam{display: none}
.reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: border 400ms ease; transition: border 400ms ease;}
.reg_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;}
.reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: border 400ms ease; transition: border 400ms ease;}
.reg_form .box table td input[type=text]:focus, .reg_form .box table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #2E1D17;}

.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: block; width: 100%;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: inline-block; vertical-align: middle;}
.reg_form .box table.dodaci th{width: 100px; padding-left: 0;}
.reg_form .box table.dodaci td{width: calc(100% - 130px);}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: none;}

@media screen and (max-width: 1024px) {
.reg_form{margin: 0;}
.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box.second{width: 100%; padding: 0;}
.reg_form .box.full{width: 100% ;padding: 25px 0 10px;}
.reg_form .box.second::before{display: none;}

.reg_form .box.second .top_title{padding-top: 30px;}


.reg_form .box .anotation.margin{margin: 0;}
.reg_form .box .anotation.hide{display: none;}
.reg_form .box table{min-width: 650px; width: initial; width: auto; margin: 0 auto 0;}
.reg_form .box.second table{min-width: 370px;}

.reg_form .box table td textarea{max-width: 260px;}
.reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table.dodaci tbody{display: table-row-group;}
.reg_form .box table.dodaci tr{display: table-row;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell; width: initial; width: auto;}
.reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;}
.reg_form .box table.dodaci tr th:first-child{padding-left: 0}
.reg_form .box table.dodaci td{width: initial; width: auto;}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;}
.reg_form .box.second .overflow_form{opacity: 1 !important;}
.reg_form .box.second .overflow_form table{display: none !important;}
.reg_form .box.second .overflow_form.active table{display: table !important;}
.reg_form .box.second .overflow_form::before{display: none !important} 
}


@media screen and (max-width: 700px) {
.reg_form{max-width: 350px; margin: 0 auto;}
.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box.second{width: 100%; padding: 0 0 30px;}
.reg_form .box.show{margin: 0 auto;}
.reg_form .box.full{width: 100% ;padding: 25px 0 10px;}
.reg_form .box .top_title{text-align: left;}
.reg_form .box.long p.anotation{margin: 10px 0;}
.reg_form .box .anotation{margin: 0 0 5px; text-align: left;}
.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 0 auto;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 318px; font-size: 13px;}
.reg_form .box table td textarea{max-width: 260px; font-size: 13px;}
.reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table.dodaci tbody{display: table-row-group;}
.reg_form .box table.dodaci tr{display: table-row;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell; width: initial; width: auto;}
.reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;}
.reg_form .box table.dodaci tr th:first-child{padding-left: 0}
.reg_form .box table.dodaci td{width: initial; width: auto;}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;}
.reg_form .box table, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial; padding: 0;}
.reg_form .box table td.centering{text-align: left;}
.reg_form .box table th{padding: 10px 0 3px; font-weight: 600; text-align: left;}
.reg_form .box table tr:first-of-type th:first-of-type{padding: 0 0 3px;}
.reg_form .box table td input[type="submit"]{float: none;}
.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
}
 
 












 
.spec_box{background: #ffffff; border: 1px solid #efefef;}
.spec_box p.open_login{cursor: pointer; font-size: 16px; line-height: 24px; text-align: center; position: relative; padding: 18px 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.spec_box p.open_login strong{font-size: 16px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .spec_box p.open_login:hover, .notouch .spec_box p.open_login:hover strong{color: #33781E}
.spec_box p.open_login span{position: absolute; top: 50%; width: 13px; height: 9px; display: block; right: 16px;}
.spec_box p.open_login span::before{opacity: 1; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left top; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.spec_box p.open_login span::after{opacity: 0; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left bottom; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.spec_box p.open_login.active span::before{background: url(../img/top_down_arrow.png) no-repeat scroll right top;}
.spec_box p.open_login.active span::after{background: url(../img/top_down_arrow.png) no-repeat scroll right bottom;}
.notouch .spec_box p.open_login:hover span::before{opacity: 0;}
.notouch .spec_box p.open_login:hover span::after{opacity: 1;}

form.max, div.form_max{max-width: 990px; margin: 0 auto; text-align: center;}
form.max p.gdpr, div.form_max p.gdpr{float: left; width: initial; width: auto;}
#my_profile form.max, #my_profile div.form_max{margin: 0 auto;}

#basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; background: none; padding-top: 0; } 
.login_form{text-align: left; position: relative; margin: 0 auto 10px; background: #ffffff; border: 1px solid #efefef; padding: 30px 45px; max-width: 900px;}
.c_column:not(.full) .login_form{margin: 0 0 10px;}
.c_column:not(.full) .login_form.margin{margin: 0 0 20px;}
.login_form.pass{max-width: 100%;}
#basket .login_form{margin: 10px auto 0 !important;}
.login_form.hide, .login_form.hide2{display: none; opacity: 0; margin: 0 auto 0px;}
.login_form .overtitle{text-transform: uppercase; font-weight: 600; text-align: center; margin: -10px 0 15px; padding: 0; font-size: 16px; line-height: 26px; color: #000000;}
.login_form p.center{font-weight: 400; text-align: center; margin: -15px 0 20px; padding: 0; font-size: 13px; line-height: 20px; color: #000000;}
.login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; vertical-align: middle; margin-right: -5px;}
.login_form.top .box{vertical-align: top;}
.login_form .box.full{padding: 0; width: 100%;}
.login_form .box.middle{vertical-align: middle;}
.login_form .box.first{width: 46%; padding: 0 4% 0 0; border-right: 1px solid #e6e7e8;}
.login_form .box.first.padding_bottom{padding: 0 4% 32px 0;}

.login_form .box .warning{padding: 5px 5px 0;}
.login_form .box .warning > div{display: none; font-size: 12px; line-height: 16px; color: #e81b39}
.login_form .box .warning p{display: block; margin: 0; padding: 0; text-align: center; font-weight: 600; color: #e81b39; font-size: 12px; line-height: 16px; }
.login_form .box ul{margin: 0; padding: 0 0 20px;}
.login_form .box ul.reg_form_help{padding: 0;}
.login_form .box ul li{background: none; padding: 0;}
.login_form .box table{width: 100%; border-collapse: collapse; border-spacing: 0;} 
.login_form .box table.not_full{width: initial; width: auto;}
.login_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 10px; margin: 0;}
.login_form .box table th.align_top{vertical-align: top; padding-top: 9px;}
.login_form .box table th span{margin-right: -7px; position: relative; top: -5px; right: -1px; font-size: 14px; line-height: 20px;}
.login_form .box table tr th:first-child{padding-left: 0; }
.login_form .box table td{padding: 0 0 10px;}
.login_form .box table td.align_left{text-align: left;}
.login_form .box table td.align_left strong{color: #666666}
.login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; vertical-align: initial; font-size: 15px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.login_form .box table td.simulate{padding: 32px 0 10px;}
.login_form .box table td input[type=text], .login_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.login_form .box table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.login_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;}
.login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus, .login_form .box table td textarea:focus{border: 1px solid #2E1D17;}
.login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #000000; font-weight: 400; margin: 0; display: inline-block; vertical-align: middle; }
.login_form .box table td label .checker{margin: -3px 5px 0 0;}
.login_form .box table td .forgotten, .login_form .box table td .forgotten2{display: inline-block; vertical-align: middle; background: none; border: 0; padding: 0; text-decoration: underline; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .login_form .box table td .forgotten:hover, .notouch .login_form .box table td .forgotten2:hover{color: #33781E}


.login_form .box table td .sbHolder{position: relative; background: #ffffff; width: calc(100% - 2px); margin: 0; border: 1px solid #e6e7e8; }
.login_form .box table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8; -webkit-transition: none; transition: none;}
.login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;}
.login_form .box table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 13px; line-height: 16px; padding: 7px 31px 7px 15px; font-weight: 400; width: calc(100% - 46px); text-align: left; text-decoration: none;}
.login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #ffffff; padding: 0; left: -1px; right: -1px;}
.login_form .box table td .sbOptions a:not(.btn){text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 7px 15px; font-size: 12px; line-height: 16px; margin: 0; font-weight: 400; color: #888888 !important;}
.login_form .box table td .sbOptions li:first-child a:not(.btn){border-top: 1px solid #e6e7e8;}
.notouch .login_form .box table td .sbOptions a:not(.btn):hover{background: #f0f0f0 !important; color: #000000 !important;} 

.login_form .box table td.gdpr{font-size: 13px; font-weight: 400; line-height: 20px; padding: 0;}
.login_form .box table td.gdpr a:not(.btn){font-size: 13px; line-height: 20px; vertical-align: unset}
.login_form .box table td a:not(.btn){margin: 0; text-decoration: underline; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; line-height: 40px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .login_form .box table td a:not(.btn):hover{color: #33781E;}





@media screen and (max-width: 900px) {
.login_form{padding: 25px; max-height: initial !important;}
.login_form .overtitle{margin: -5px 0 10px; text-align: left;}
.login_form p.center{text-align: left; margin: -10px 0 10px}
.login_form .box{text-align: left; width: 100% !important; padding: 0 !important; border: 0 !important;} 
.login_form .box.middle{padding: 20px 0 0 !important;}
.login_form .box.middle.first{padding: 0 !important;}
.login_form .box.middle.small_hide{padding: 10px 0 0;} 
.login_form .box table, .login_form .box table tbody, .login_form .box table tr, .login_form .box table th, .login_form .box table td{padding: 0; text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table tr.empty{display: none}
.login_form .box table th{text-align: left; padding: 0;}
.login_form .box table th span{top: -2px;}
.login_form .box table td{padding: 2px 0 10px;}
.login_form .box:last-of-type table tr:last-of-type td{padding: 3px 0 0;}
.login_form .box table td a{margin: 0 0 3px;}

.login_form .box table td input[type="submit"]{float: none; margin-left: 0; margin-right: 0;}
.login_form .box a.btn{float: none; margin: 0;}
form.max > .btn.right{margin: 0; float: none;}
}

@media screen and (max-width: 500px) {
.spec_box p.open_login{font-size: 12px; line-height: 18px; padding: 14px 20px; text-align: left; text-transform: uppercase;}
.spec_box p.open_login strong{font-size: 12px; line-height: 18px;}
.login_form{padding: 20px;}
.login_form .box table td a:not(.btn){line-height: 30px;}
.login_form .box table td.gdpr, .login_form .box table td.gdpr a:not(.btn){font-size: 12px; line-height: 16px;}
}





 



#hide_tr{display: none;}



.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #efefef; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top.hide{display: none;}
.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .scroll_top:hover::before{opacity: 0;}
.notouch .scroll_top:hover::after{opacity: 1;}
.notouch .scroll_top:hover{background: #33781E; border: 1px solid #33781E;}
.scroll_top.active{opacity: 1; bottom: 30px;}


.edit_item{position:absolute; left: -1px; bottom: -1px; display: block; border: 1px solid #dbdbdb; background: #f0f0f0; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.edit_item::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 14px; height: 14px; background: url(../img/edit_icon.svg) no-repeat scroll center center; background-size: 14px 14px; content: "";}
.notouch .edit_item:hover{border: 1px solid #dbdbdb; background: #dbdbdb;}



.password-verdict {display:none;}
.progress {border: 0;background-image: none;filter: none;-webkit-box-shadow: none;box-shadow: none;position: relative; z-index: 999;}
.progress-bar {width: 0;height: 10px;font-size: 12px;margin: -5px 0 -5px;line-height: 20px;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;transition: width .6s ease;}
.progress-bar-danger {background-color: #da2929;}
.progress-bar-warning {background-color: #F1C40F;}
.progress-bar-success {background-color: #03a903;}

.emailTrue {border: 1px solid #03a903 !important;}
.emailFalse {border: 1px solid #da2929 !important;}
ul.reg_form_help li {list-style-type: disc !important;margin-left: 15px !important;}
ul.reg_form_help li.font-red {color: #da2929 !important;}
ul.reg_form_help li.font-green {color: #03a903 !important;}
input[type=text].nette-form-control, input[type=password].nette-form-control {border: 1px solid #e6e7e8;background: #ffffff;font-size: 13px;line-height: 20px;padding: 5px 15px;color: #000000; -webkit-transition: all 400ms ease;transition: all 400ms ease;}







.video_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.video_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.video_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.video_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 64px); max-width: 1200px; padding: 0; left: 0 !important; display: inline-block; background: #ffffff;}
.video_popup video{display: block; width: 100%;}

.video_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.video_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .video_popup .boxes .close:hover{background: #33781E;}
.notouch .video_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); }






.popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;}
.popup_popup .box img{margin: 0 auto; display: block; max-width: 100%; max-height: 285px;}
.popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); }
.popup_popup .box .text .padding{padding: 20px;}
.popup_popup .box .text .text_box, .popup_popup .box .text .text_box *{text-align: center;}

.popup_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .popup_popup .boxes .close:hover{background: #33781E;}
.notouch .popup_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); }





.buy_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.buy_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.buy_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.buy_popup .boxes{min-width: 500px; text-align: center; position: relative; max-width: 600px; padding: 40px 50px; left: 0; display: inline-block; background: #ffffff; overflow-y: auto; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.buy_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;}
.buy_popup .box .btn{z-index: 100; position: relative;}
.buy_popup .box p.anotation{font-size: 13px; line-height: 17px; color: #000000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e0dfdf; border-top: 1px dashed #e0dfdf; background: none; -webkit-border-radius: 0; border-radius: 0;}
.buy_popup .box p.anotation strong{white-space: nowrap; font-weight: 700; font-size: 13px; line-height: 17px; color: #000000;}
.buy_popup .box p{font-size: 13px; line-height: 17px; color: #000000; margin: 25px 0 10px; padding: 14px 0; background: #e0dfdf; -webkit-border-radius: 10px; border-radius: 10px;}
.buy_popup .box p img{max-width: 43px; margin-right: 15px; display: inline-block; vertical-align: middle;}
.buy_popup .box p strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #000000;}
.buy_popup .box p a{font-weight: 700; text-decoration: underline;}
.buy_popup .box p.a{text-decoration: underline; font-weight: 700; font-size: 13px; line-height: 17px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .buy_popup .box p a:hover{color: #dc5721;}
.buy_popup table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin: 0;}
.buy_popup table.product_souhrn.margin{margin-bottom: 0px;}
.buy_popup table.product_souhrn td{height: 70px; padding: 8px 15px;}
.buy_popup table.product_souhrn td.one{padding: 8px 0; width: 70px; vertical-align: middle;}
.buy_popup table.product_souhrn td.one{vertical-align: middle;} 
.buy_popup table.product_souhrn td.one label{width: 68px; height: 68px; border: 1px solid #e0dfdf; position: relative; display: block; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.buy_popup table.product_souhrn td.one label .in{position: relative; display: block; width: 100%; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
.buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: left;}
.buy_popup table.product_souhrn td.two span.box{display: table; width: 100%; height: 70px;}
.buy_popup table.product_souhrn td.two .main_link{font-weight: 600; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 22px; text-decoration: none; text-align: left; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.buy_popup table.product_souhrn td.two .main_link span{font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;}
.buy_popup table.product_souhrn td.two .main_link span strong{display: block; font-weight: 600; color: #33781E; font-size: 11px; line-height: 15px; letter-spacing: 0.5px;}
.buy_popup table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; vertical-align: middle; width: 22px; height: 19px; background: url(../img/recount_image.png) no-repeat scroll center -59px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.buy_popup table.product_souhrn td.three input[type=image].error{opacity: 1; cursor: pointer; }
.buy_popup table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #000000; font-size: 14px; line-height: 22px; font-weight: 400; width: 130px;}
.buy_popup table.product_souhrn td.four strong{color: #000000; font-size: 14px; line-height: 28px; font-weight: 600;}
.buy_popup table.product_souhrn td.four strong.total{white-space: nowrap; color: #000000; font-size: 18px; line-height: 22px; font-weight: 600;}
.buy_popup table.product_souhrn td.four strong.total.red{color: #000000;}
.buy_popup table.product_souhrn td.four strong.total span{color: #000000; font-size: 12px; line-height: 22px; font-weight: 300; display: none;}
.buy_popup table.product_souhrn td.four span{color: #000000; font-size: 12px; line-height: 22px; font-weight: 300;}

@media screen and (max-width: 768px) {
 .buy_popup .boxes{min-width: initial; min-width: auto; padding: 25px 30px; left: 0; width: calc(100% - 80px); overflow-y: auto; max-height: calc(100vh - 130px)}
 .buy_popup .box p:not(.anotation){display: none;}
 .buy_popup .box span.warning{font-size: 16px; line-height: 20px;}
 .buy_popup .box .btn{z-index: 100; position: relative;}
 .buy_popup .box .btn.cursor{float: none; width: calc(100% - 46px); text-align: center; max-width: 250px; }
 .buy_popup .box .btn.cursor.arrow{width: calc(100% - 66px); max-width: 230px;}
 .buy_popup table.product_souhrn, .buy_popup table.product_souhrn tbody, .buy_popup table.product_souhrn tr, .buy_popup table.product_souhrn th, .buy_popup table.product_souhrn td{display: block; width: 100%; text-align: center;}
 .buy_popup table.product_souhrn tr{padding: 8px 0;}
 .buy_popup table.product_souhrn td{height: initial; height: auto; padding: 8px 15px;}
 .buy_popup table.product_souhrn td.one{display: none;}
 .buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: center;}
 .buy_popup table.product_souhrn td.two span.box{display: block; width: 100%; height: initial; height: auto;}
 .buy_popup table.product_souhrn td.two .main_link{display: block; padding: 0 15px; text-align: center;}
 .buy_popup table.product_souhrn td.two .main_link span{text-align: center;}
 .buy_popup table.product_souhrn td.two .main_link span strong{text-align: center;}
 .buy_popup table.product_souhrn td.four{text-align: center; width: 100%; padding: 0;} 
}











.control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000000;}
.control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;}
.control_popup .box .text p{margin: 5px 0;}
.control_popup .box .btn{z-index: 100; position: relative;}

@media screen and (max-width: 768px) {
 .control_popup .boxes{padding: 25px 40px;}
 .control_popup .box span.warning{font-size: 16px; line-height: 20px;}
 .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;}
}




.form_popup { display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.form_popup::before { position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.form_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.form_popup .boxes { overflow: auto; width: calc(94% - 100px); max-width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #ffffff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.form_popup .box span.warning { color: #3c3c3b; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 700;}
.form_popup .box .btn { z-index: 100; position: relative;}

.form_popup .box input[type=text], .form_popup .box input[type=password]{margin: 0 0 8px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 9px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.form_popup .box textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.form_popup .box input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;}
.form_popup .box input[type=text]:focus, .form_popup .box input[type=password]:focus, .form_popup .box textarea:focus{border: 1px solid #2E1D17;}

.form_popup .box input[type=text]::-webkit-input-placeholder, .form_popup .box textarea::-webkit-input-placeholder {color: #888888;} 
.form_popup .box input[type=text]::-moz-placeholder, .form_popup .box textarea::-moz-placeholder {color: #888888;} 
.form_popup .box input[type=text]::-ms-input-placeholder, .form_popup .box textarea::-ms-input-placeholder {color: #888888;}

.form_popup .box .sbHolder { position: relative; background: #ffffff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; }
.form_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;}
.form_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;}
.form_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;}
.form_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #ffffff; padding: 0; left: -1px; right: -1px;}
.form_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
.form_popup .box .sbOptions li:first-child { display: none;}
.form_popup .box .sbOptions li:nth-child(2) a { border-top: 0;}
.notouch .form_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} 

.form_popup .file{text-align: left; position: relative; width: 100%;}
.form_popup .file .uploadFile{width: calc(100% - 150px) !important;}
.form_popup .file .uploadBtn{width: 100%;}
.form_popup .file .fileUpload {cursor: pointer; position: absolute; top: 2px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;}
.form_popup .file .fileUpload .btn {padding-left: 0; padding-right: 0; text-align: center; width: 108px;}
.form_popup .file .fileUpload input[type=file] {z-index: 999; position: absolute; top: -3px; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; display: block; opacity: 0;filter: alpha(opacity=0);}

.form_popup .text_box p.gdpr, .form_popup .text_box p.gdpr a{font-size: 12px; line-height: 18px;}

@media screen and (max-width: 500px) { 
.form_popup .boxes { padding: 25px 20px; width: calc(94% - 40px);}
.form_popup .box span.warning { font-size: 16px; line-height: 20px;}
.form_popup .file .uploadFile{width: calc(100% - 120px) !important;}
.form_popup .file .fileUpload .btn{width: 78px;}
}








.traffic_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.traffic_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.traffic_popup .boxes{width: 815px; overflow: auto; max-height: calc(100vh - 40px); text-align: center; position: relative; margin: 30px auto; padding: 0; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; }
.traffic_popup .box .title label{background: #000000; width: 60px; line-height: 60px; height: 60px; text-align: center; display: inline-block; font-size: 18px; vertical-align: middle; color: #ffffff; font-weight: 700; margin: 0 10px 0 0;}
.traffic_popup .box .title .title_text{width: calc(100% - 75px); display: inline-block; font-size: 18px; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 700; color: #000000;}
.traffic_popup .box .title .title_text span{text-transform: none; display: block; line-height: 16px; font-size: 12px; text-align: left; color: #000000; font-weight: 600; margin: 0;}



.traffic_popup .box .text{z-index: 0; padding: 80px 20px 20px; position: relative;}
.traffic_popup .box .text .opacity_text{font-size: 16px; line-height: 22px; padding: 0 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .text.opacity .opacity_text{ opacity: 1; visibility: visible;}
.traffic_popup .box .text .select_address{position: relative; width: 350px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .text.opacity .select_address{opacity: 0.25;}
.traffic_popup .box .text .select_address input[type=text]{border: 1px solid #e0dfdf; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .text .select_address input[type=text]:focus{border: 1px solid #2E1D17;}

.traffic_popup .box .list{z-index: 100; position: absolute; left: 0; right: 0; top: 35px;}
.traffic_popup .box .list p.load_pop{opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #ffffff; padding: 14px 20px 14px 45px; margin: 0; text-align: left; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);}
.traffic_popup .box .list p.load_pop.active{opacity: 1; visibility: visible;}
.traffic_popup .box .list p.load_pop::before{position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;}
@-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}}

.traffic_popup .box .list p.error_pop{opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #ffffff; padding: 14px 20px 14px 45px; margin: 0; text-align: left; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);}
.traffic_popup .box .list p.error_pop.active{opacity: 1; visibility: visible;}
.traffic_popup .box .list p.error_pop::before{position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;}


.traffic_popup .box .list ul{overflow: auto; max-height: 313px; margin: 0; padding: 0; border: 1px solid #e0dfdf;}
.traffic_popup .box .list ul li{padding: 0; margin: 0; list-style: none; display: block;}
.traffic_popup .box .list ul li.red{background: #ffffff; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000000; font-weight: 500;}
.traffic_popup .box .list ul li a{background: #ffffff; border-top: 1px solid #e0dfdf; position: relative; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000000; font-weight: 500; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .list ul li:nth-child(1) a{border-top: 0;}
.notouch .traffic_popup .box .list ul li a:hover, .notouch .traffic_popup .box .list ul li.active a{background: #efefef;}

.traffic_popup .box .information{z-index: 0; position: relative; margin: 20px 0 0; text-align: left;}
.traffic_popup .box .information .subtitle{font-size: 14px; line-height: 18px; color: #000000; font-weight: 700; margin: 0;}
.traffic_popup .box .information .address{font-size: 12px; line-height: 18px; color: #666; font-weight: 400; font-style: italic; margin: 0 0 5px;}
.traffic_popup .box .information .anotation{font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; margin: 0 0 5px;}
.traffic_popup .box .information .anotation strong{font-size: 12px; line-height: 18px; color: #000000; font-weight: 700;}
.traffic_popup .box .information .open{font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; margin: 0 0 5px;}
.traffic_popup .box .information .open strong{font-size: 12px; line-height: 18px; color: #000000; font-weight: 700;}



.traffic_popup .box .text .view_address{background: #efefef; height: 350px; width: 400px; display: inline-block; vertical-align: top; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.traffic_popup .box .text.opacity .view_address{opacity: 0.25;}
.traffic_popup .box .text .view_address .traffic_mapa{width: 100%; height: 350px;}

.traffic_popup .box .text.opacity .btn.left{opacity: 0.25;}
.traffic_popup .box .text.opacity .btn.right{opacity: 0.25;}




@media screen and (max-width: 960px) {
.traffic_popup .boxes{width: 700px;}
.traffic_popup .box .text .select_address{width: 280px;}
.traffic_popup .box .text .view_address{height: 320px; width: 350px;}
.traffic_popup .box .text .view_address #CpMaps{height: 320px;}
}

@media screen and (max-width: 760px) {
.traffic_popup .boxes{width: 94%;}
.traffic_popup .box .text .select_address{width: 100%; margin: 0;}
.traffic_popup .box .text .view_address{height: 220px; width: 100%; margin: 40px 0 0;}
.traffic_popup .box .text .view_address .traffic_mapa{height: 220px;}
.traffic_popup .box .text .btn{position: absolute; bottom: 255px; margin-bottom: 0;}
.traffic_popup .box .text .btn:nth-child(2){left: 20px;}
.traffic_popup .box .text .btn:nth-child(3){right: 20px;}
.traffic_popup .box .information{text-align: center; margin: 20px 0;}
.traffic_popup .overflow_scroll{overflow: auto; max-height: calc(100vh - 240px);}
}

@media screen and (max-width: 600px) {

.traffic_popup .box .title label{margin: 0 5px 0 0; width: 50px; line-height: 50px; height: 50px; font-size: 16px;}
.traffic_popup .box .title .title_text{width: calc(100% - 60px); font-size: 14px; line-height: 20px;}
.traffic_popup .box .title .title_text span{line-height: 14px; font-size: 10px;}
.traffic_popup .box .text{padding: 65px 15px 15px;}
.traffic_popup .box .text .btn{bottom: 250px;}
.traffic_popup .box .text .btn:nth-child(2){left: 15px;}
.traffic_popup .box .text .btn:nth-child(3){right: 15px;}


.traffic_popup .box .information{margin: 15px 0;}
.traffic_popup .box .information .subtitle{font-size: 13px; line-height: 16px;}
.traffic_popup .box .information .address{font-size: 11px; line-height: 16px;}
.traffic_popup .box .information .anotation{font-size: 11px; line-height: 16px;}
.traffic_popup .box .information .anotation strong{font-size: 11px; line-height: 16px;}
.traffic_popup .box .information .open{font-size: 11px; line-height: 16px;}
.traffic_popup .box .information .open strong{font-size: 11px; line-height: 16px;}


}




.hide_parameter {display:none;}
.form_mail {display:none !important;}


@media screen and (max-width: 1024px) {
#tracy-debug{display: none !important}
}

.hide_filter_box {display:none !important;}






#balikovna_ps_iframe{display: none;}
#balikovna_ps_iframe[src]:not([src=""]){border: 0; box-shadow: 0 0 0 30px rgba(0,0,0,0.8); display: block; position: fixed; inset: 30px; background: #fff; padding: 0; width: calc(100% - 60px); height: calc(100% - 60px) !important; box-sizing: border-box; z-index: 99999;}
#balikovna_ps_iframe + .btn.close{display: none;}
#balikovna_ps_iframe[src]:not([src=""]) + .btn.close{background: 0; border: 0; padding: 0; font-size: 0; width: 18px; height: 18px; min-height: unset; display: inline-block; position: fixed; top: 6px; right: 6px; .border-radius(0); z-index: 99999;}
#balikovna_ps_iframe[src]:not([src=""]) + .btn.close::before{content: ''; width: 100%; height: 100%; .mask-image('close.svg'); .mask(no-repeat, center center, 100% 100%); display: block;}
