/*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; 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 {-webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset;}
/*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: #fff;}}
@-webkit-keyframes autofill {100% {background: transparent; color: #fff;}}*/
 
/*
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;}
*/

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

@media screen and (max-width: 1024px) {
.clear.hide{display: block !important;}
}
 
sup,sub{line-height: 0 !important; font-family: open-sans, sans-serif, Arial !important;} 
 
.need{color: #cc0000;}
.color_orange{color: #dc5721 !important;} 
 
.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: 100%;}

.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-error  {color: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;}
.alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #03675f; border: 1px solid #03675f;}
.alert-error span{background: url(../global/error_close.png) no-repeat;}                               
.alert-success span{background: url(../global/success_close.png) no-repeat;}



h1{text-transform: uppercase; color: #4d555b; font-weight: 700; font-size: 32px; line-height: 38px; margin: 0; padding: 0; font-family: purista-web, sans-serif, Arial}
h1.center{text-align: center;}
h1 strong{color: #ea1c24; font-weight: 700; font-size: 32px; line-height: 38px;}
h2{color: #4d555b; font-weight: 600; font-size: 26px; line-height: 32px; margin: 30px 0 10px; padding: 0; font-family: purista-web, sans-serif, Arial}
h3{color: #4d555b; font-weight: 600; font-size: 22px; line-height: 28px; margin: 30px 0 10px; padding: 0; font-family: purista-web, sans-serif, Arial}  
h4, h5, h6{color: #4d555b; font-weight: 600; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0; font-family: purista-web, sans-serif, Arial}   

@media screen and (max-width: 1024px) {
h1, h1 strong, h1 span{font-size: 24px; line-height: 30px;}
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, h1 strong, h1 span{font-size: 24px; line-height: 30px;}
h2{font-size: 19px; line-height: 26px;}
h3{font-size: 19px; line-height: 26px;}  
h4, h5, h6{font-size: 12px; line-height: 18px;}
}

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

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

@media screen and (max-width: 500px) {
p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 12px;}
}


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; color: #000000; 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: #03675f}
 
.text_page{ margin: 0 auto;}
.text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;}
.text_page .img img{max-width: 100%; display: block; margin: 0;}
.text_page .text{display: block;}


.text_box.souhlas{max-width: 990px; width: 90%;}

@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{margin: 0 auto; text-align: left; line-height: 22px;}
article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; }
article p, article div, .text_box p, .text_box div{margin:0 0 15px; text-align: left; font-size: 15px; 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 p, article div, .text_box p, .text_box div{margin:0 0 10px;}
}

@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 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; font-size: 15px; line-height: 22px; 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: 5px 0; position: relative; list-style-type: none; counter-increment: item;}
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;}
article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px;}
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{min-width: 100%; display: block; overflow-x: scroll;}
article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;}   
article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}                                                                                                      
article table thead tr th, article table tr:first-child th, article table tbody tr td.fr-highlighted, article table tr:first-child td.fr-highlighted{text-align: left; font-weight: 700;  padding: 6px 8px; background: #2e947c; color: #fff; border: 1px solid #217d68;}
article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;}                                                                                                                     
article table tr:nth-child(even) td{background: #fff;}
article table tr:nth-child(odd) td{background: #f9f9f9;}

article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important;}
article table.gdpr td:not(.fr-highlighted){ background: #ffffff !important;}
article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;}
article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf}

@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;}
article p.gdpr, .text_box p.gdpr{padding: 6px 0;}
article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px}

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 15px; display: block; }
article img.fr-fil, .text_box img.fr-fil{float: left; margin: 10px 30px 10px 0;}
article img.fr-fir, .text_box img.fr-fir{float: right; margin: 10px 0 10px 30px;}


article span.fr-video, .text_box span.fr-video{width: 100%; margin: 0 auto 15px; display: none; margin: 0 auto; text-align: center}

article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{text-align: left}
article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{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;}

@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: purista-web, sans-serif !important;}


input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: open-sans, sans-serif, Arial; margin: 0;}
        
        
article, div, li, .text_box{height: auto; min-height: 1px; max-height: 9999999px;}
.clear{min-height: 0; }



html{margin: 0 auto; padding: 0; background: #f1f1f1 ;}     
html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;}                                                                                                   
body.hp{color: #4d555b; 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; position: relative; 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);}
body.sub{color: #4d555b; background:  url(../img/main_bg.jpg) no-repeat scroll center top; 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; position: relative; 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);}

@media screen and (max-width: 1320px) {
body.hp{background:  url(../img/main_bg.jpg) no-repeat scroll center top;}
}


.inside{position: relative; width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;}
.inside_small{position: relative; width: 90%; padding: 0; max-width: 1024px; margin: 0 auto;}
.inside_max{position: relative; width: 90%; padding: 0; max-width: 100%; margin: 0 auto;}
.inside_middle{position: relative; width: 90%; padding: 0; max-width: 1600px; margin: 0 auto;}
.inside_form{position: relative; width: 75%; padding: 0; margin: 0 auto;}
@media screen and (max-width: 1400px) {
.inside_max.special{width: 100%; max-width: 100%;}
}



.btn{font-weight: 400; font-size: 13px; line-height: 18px; padding: 9px 30px; 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: 0; border-radius: 0; -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: 12px 30px;}
.btn.small{padding: 7px 16px; text-transform: none;}
.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{letter-spacing: 1px; font-style: normal; font-weight: 400; font-size: 13px; 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: #fff; 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: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; 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: 8px 0 0; font-weight: 600;}


/*use*/
.btn.typ_1{background: #016ac6; border: 1px solid #016ac6; color: #fff;}
.notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #ea1c24; border: 1px solid #ea1c24; color: #ffffff;}

/*use*/
.btn.typ_2{background: #2e947c; border: 1px solid #2e947c; color: #fff;}
.notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #03675f; border: 1px solid #03675f; color: #ffffff;}

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

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

.btn.typ_5{background: #555c62; border: 1px solid #555c62; color: #ffffff;}
.notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #03675f; border: 1px solid #03675f; color: #ffffff;}


.btn.typ_6{background: #ffffff; border: 1px solid #555c62; color: #555c62;}
.notouch .btn.typ_6:hover{background: #555c62; border: 1px solid #555c62; color: #ffffff;}


/*use*/
.btn.typ_7{background: #2e947c; border: 1px solid #2e947c; color: #ffffff; padding: 12px 45px 12px 15px;}
.btn.typ_7::before{opacity: 1; background: url(../img/basket_icon_white.svg) no-repeat scroll center center; background-size: 34px 34px; content: ""; position: absolute; right: 5px; top: calc(50% - 17px); width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .btn.typ_7:hover{background: #03675f; border: 1px solid #03675f; color: #ffffff;}

.btn.typ_8{background: #ea1c24; border: 1px solid #ea1c24; color: #ffffff;}
.notouch .btn.typ_8:hover, .notouch .item.hover_efekt .btn.typ_8, .notouch a.item:hover .btn.typ_8{background: #555c62; border: 1px solid #555c62; 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_red{text-transform: uppercase; color: #fff; font-size: 14px; line-height: 20px; background: #ea1c24; border: 1px solid #ea1c24; font-weight: 600; padding: 9px 30px; -webkit-transition: 400ms; transition: 400ms;}
.btn_red:hover{background: #fff; color: #ea1c24; border: 1px solid #ea1c24;}



.header_height{display: block; height: 130px; position: relative;}
.hp .header_height{display: none}
@media screen and (max-width: 1200px) {
.hp .header_height{display: block}
}

header{max-width: 1920px; margin: 0 auto; z-index: 9999; padding: 30px 0; position: absolute; top: 0; left: 0; right: 0; width: 100%;text-align: center;}

header .bottom_line{z-index: 10; padding: 0 5%; display: block; position: relative;}

header .bottom_line a.logo{display: inline-block; vertical-align: middle; position: relative;}
header .bottom_line a.logo img{display: block; margin: 0 auto;}
header .bottom_line a.logo, header .bottom_line a.logo img{width: 230px; height: 54px;}



header .bottom_line .box{display: inline-block; vertical-align: middle; width: calc(100% - 230px - 20px - 5px); margin: 0 0 0 20px; text-align: right; position: relative; padding: 0;}
header .bottom_line .box .user{padding: 0; margin: 0; width: 34px; height: 34px; display: inline-block; vertical-align: middle; position: relative; }



header .bottom_line .box nav{position: relative; z-index: 0; display: inline-block; vertical-align: middle; margin: 0 40px 0 0;}
header .bottom_line .box nav ul.menu{margin: 0; padding: 0; display: block;}
header .bottom_line .box nav ul.menu li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
header .bottom_line .box nav ul.menu li a{text-transform: uppercase; position: relative; display: block; line-height: 20px; font-size: 14px; font-weight: 400; padding: 12px 10px; color: #efefef; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
header .bottom_line .box nav ul.menu li a::before{opacity: 0; position: absolute; left: 4px; right: 4px; top: -5px; content: ""; display: block; height: 2px; background: #efefef; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch header .bottom_line .box nav ul.menu li > a:hover::before{top: 0; opacity: 1; }
header .bottom_line .box nav ul.menu li.active > a::before{top: 0; background: #ea1c24; opacity: 1; }


header .bottom_line .box .user .user_icon{position: relative; cursor: pointer; display: block; padding: 0; width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .box .user .user_icon::before{cursor: pointer; opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background: url(../img/user_icon_white.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .box .user .user_icon::after{cursor: pointer; opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background: url(../img/user_icon_red.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .bottom_line .box .user:hover .user_icon::before{opacity: 0;}
.notouch header .bottom_line .box .user:hover .user_icon::after{opacity: 1;}

header .bottom_line .box .user ul{padding: 5px; z-index: 0; margin: 0; position: absolute; top: calc(100% - 5px); opacity: 0; left: 50%; background: #ffffff; display: block; visibility: hidden; -webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.5); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 400ms ease 200ms; transition: all 400ms ease 200ms;}
header .bottom_line .box .user:hover ul{top: calc(100% + 5px); visibility: visible; opacity: 1; -webkit-transition: all 200ms ease; transition: all 200ms ease;}
header .bottom_line .box .user ul:before{bottom: 100%; left: calc(50% - 6px); 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 .bottom_line .box .user ul li{margin: 5px 0 0; display: block; width: 100%; padding: 0;}
header .bottom_line .box .user ul li:first-child{margin: 0;}
header .bottom_line .box .user ul li a{white-space: nowrap; opacity: 1; position: relative; font-weight: 400; display: block; padding: 0 20px; font-size: 12px; line-height: 34px; text-align: center; color: #000000 !important; min-width: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .box .user ul li a::before{ display: none;}
.notouch header .bottom_line .box .user ul li a:hover, header .bottom_line .box .user ul li.active a{background: #03675f; color: #ffffff !important;}


header .bottom_line .basket{display: inline-block; vertical-align: middle; position: relative; text-align: center; margin: 0 0 0 20px; padding: 18px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .basket a{padding: 0; position: relative; width: 34px; height: 34px; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
header .bottom_line .basket a::before{cursor: pointer; opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background: url(../img/basket_icon_white.svg) no-repeat scroll center center; background-size: 36px 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .basket a::after{cursor: pointer; opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 34px; height: 34px; background: url(../img/basket_icon_red.svg) no-repeat scroll center center; background-size: 36px 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .bottom_line .basket a:hover::before{opacity: 0;}
.notouch header .bottom_line .basket a:hover::after{opacity: 1;}
header .bottom_line .basket a span{z-index: 999; position: absolute; right: -9px; top: -9px; display: block; background: #ea1c24; font-size: 10px; line-height: 22px; width: 22px; font-weight: 400; text-align: center; color: #ffffff; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }



.open_close_navigation{opacity: 1; cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 0 20px 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.open_close_navigation::after{margin: 0 0 0 8px; content: "Menu"; font-size: 14px; line-height: 20px; height: 18px; color: #efefef; font-weight: 400; 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: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;  cursor: pointer; user-select: none;}
.open_close_navigation .lines-button:active {transition: 0;}
.open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #efefef; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #efefef; 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.5rem;}                                                                                      
.open_close_navigation .lines:after {top: -0.5rem;}
.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: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #efefef;}
.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: #ea1c24;}
.notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #ea1c24;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #ea1c24;} 
.notouch .open_close_navigation:hover .lines{background: #ea1c24;}  


.open_close_navigation .lines-button{padding: 15px 0;}
.open_close_navigation .lines {width: 1.8rem; height: 2px;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {width: 1.8rem; height: 2px;}
.open_close_navigation .lines:before {top: 0.4rem;}
.open_close_navigation .lines:after {top: -0.4rem;}
.open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 2px; left: -2px; width: 2.3rem;}




.ipad_menu_overflow{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: -100px; background: #000000; opacity: 0; visibility: hidden; z-index: 9997; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu_overflow.active{opacity: 0.95; visibility: visible;}

.ipad_menu{display: none; position: absolute; max-width: 1920px; top: 0; left: -105vw; width: 90%;  padding: 110px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu.move{left: 5% !important;}

.ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.ipad_menu ul li{position: relative; list-style: none; display: block;}
.ipad_menu ul li a{position: relative; font-size: 18px; line-height: 56px; font-weight: 400; padding: 0; display: block; text-transform: uppercase; color: #ffffff;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{color: #ea1c24;/* border-bottom: 1px solid #d00f17;*/} 


.user_menu{display: none; position: absolute; max-width: 1920px; top: 0; left: -105vw; width: 90%;  padding: 110px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.user_menu.move{left: 5% !important;}
.user_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.user_menu ul li{position: relative; list-style: none; display: block;}
.user_menu ul li a{position: relative; font-size: 18px; line-height: 56px; font-weight: 400; padding: 0; display: block; text-transform: uppercase; color: #ffffff;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .user_menu ul li a:hover, .user_menu ul li.active a, .user_menu ul li a.active{color: #ea1c24;/* border-bottom: 1px solid #d00f17;*/} 





@media screen and (max-width: 1300px) {
.header_height{height: 130px}
header{padding: 30px 0;}
header .bottom_line a.logo img, header .bottom_line a.logo{width: 230px; height: 56px;}
header .bottom_line .box{width: calc(100% - 230px - 20px - 5px);}

}



@media screen and (max-width: 1150px) {
.header_height{height: 110px;}
header{padding: 20px 0; position: absolute;}

.open_close_navigation{display: inline-block; vertical-align: middle;}
header .bottom_line .box .user ul{display: none;}
header .bottom_line .box nav{margin: 0 10px 0 0;}
header .bottom_line .box nav ul.menu{display: none;}
.user_menu, .ipad_menu{display: block;}
.ipad_menu_overflow{display: block;}
}



@media screen and (max-width: 600px) {
.header_height{height: 64px;}
header{padding: 15px 0;}
header .bottom_line a.logo img, header .bottom_line a.logo{width: 140px; height: 34px;}
header .bottom_line .box{width: calc(100% - 140px - 10px - 5px); margin: 0 0 0 10px;}
header .bottom_line .basket{margin: 0 0 0 5px;}
.open_close_navigation{margin: 0;}
.open_close_navigation::after{display: none;}
header .bottom_line .box .basket{padding: 15px 0;}
.user_menu, .ipad_menu{padding: 94px 0 0;}
}


@media screen and (max-width: 500px) {
.ipad_menu ul li a, .user_menu ul li a{font-size: 16px; line-height: 50px;}

}





.welcome_0{overflow: hidden; display: block; position: relative; padding: 190px 0 120px; margin-bottom: -140px; z-index: 1;}
.welcome_0::after{z-index: 0; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/main_bg.png); background-repeat: no-repeat; background-position: left bottom; -webkit-background-size: cover; background-size: cover;}
.welcome_0 > .btn{z-index: 100; position: absolute; padding: 14px 30px; top: 50%; -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%); transform: rotate(-90deg) translateX(50%) translateY(50%); letter-spacing: 0.5px; right: -54px;}
.welcome_0 .text{z-index: 200; display: block; max-width: 680px; position: relative;}
.welcome_0 .text h1{font-size: 89px; line-height: 80px; color: #43a88f; font-weight: 700; margin: 0 0 15px; text-align: left; text-transform: uppercase;}
.welcome_0 .text .subtitle{font-size: 32px; line-height: 38px; color: #ffffff; font-weight: 300; margin: 0 0 40px; text-align: left;}
.welcome_0 .text article{color: #fff; font-size: 16px; line-height: 22px; margin: 0 0 50px;}
.welcome_0 .text article p{font-size: 16px; line-height: 24px;}
.welcome_0 .text .video_box{position: relative; display: none; width: 100%; max-width: 540px; -webkit-box-shadow: 0 0 70px 0px rgba(0,0,0,0.8); box-shadow: 0 0 70px 0px rgba(0,0,0,0.8);}
.welcome_0 .text .video_box span{position: relative; z-index: 0; display: block; padding: 0 0 53%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.welcome_0 .text .video_box::before{opacity: 1; position: absolute; left: 50%; top: 50%; width: 103px; height: 104px; background: url(../img/video_play.png) no-repeat scroll center center; content: ""; display: block; z-index: 10; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_0 .text .video_box::after{opacity: 0; position: absolute; left: 50%; top: 50%; width: 103px; height: 104px; background: url(../img/video_play_hover.png) no-repeat scroll center center; content: ""; display: block; z-index: 10; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_0 .text .video_box:hover::after{opacity: 1;}
    

.welcome_0 .text .product_box{position: relative; display: none; width: 100%; max-width: 540px;}
.welcome_0 .text .product_box span{position: relative; z-index: 0; display: block; padding: 0 0 53%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
            
            
            
.welcome_0 .screw_list{font-size: 0; position: relative; z-index: 10; width: 100%; display: block;}
.welcome_0 .screw_list .screw{display: inline-block; vertical-align: bottom; width: 50%; margin: 0;}
.welcome_0 .screw_list .screw h3{max-width: 200px; color: #43a88f; text-align: center; margin: 0 auto; padding: 0 0 5px; display: block; font-size: 18px; line-height: 24px; font-weight: 400; border-bottom: 1px solid #43a88f; position: relative;}
.welcome_0 .screw_list .screw h3::before{-webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); width: 1px; height: 60px; background: #43a88f; position: absolute; right: 21px; bottom: -52px; content: "";}
.welcome_0 .screw_list .screw img{display: block; margin: 0 auto; width: 100%; max-width: 240px;}

 
.welcome_0 .catalog_link{text-transform: uppercase; color: #fff; z-index: 1; position: absolute; right: -30px; top: calc(50% - 40px); transform: rotate(-90deg); background: #ea1c24; border: 1px solid #ea1c24; font-weight: 600; padding: 13px 20px; box-shadow: -1px 1px 30px black; -webkit-transition: 400ms; transition: 400ms;}
.welcome_0 .catalog_link:hover{background: #fff; color: #ea1c24; border: 1px solid #ea1c24;}
           
            
                                 
.welcome_0 .img1{z-index: 1; position: absolute; right: 0; top: 0; width: 64%;}
.welcome_0 .img1 span{position: relative; z-index: 0; display: block; padding: 0 0 57%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}

.welcome_0 .img2{z-index: 10; position: absolute; right: 0; bottom: 0; width: 50%;}
.welcome_0 .img2 .osa{display: block; text-align: center;}
.welcome_0 .img2 .osa .products{position: absolute; bottom: 23px; left: 0; right: 0; width: 100%;}
.welcome_0 .img2 .osa .products .item{position: absolute; bottom: 0; z-index: 10; max-width: 510px; display: block;}
.welcome_0 .img2 .osa .products .item:nth-child(1){right: calc(50% + 30px)}
.welcome_0 .img2 .osa .products .item:nth-child(2){left: calc(50% + 30px)}
.welcome_0 .img2 .osa .products .item img{display: inline-block; vertical-align: middle; width: 58px;;}
.welcome_0 .img2 .osa .products .item:nth-child(1) img{margin: 0 0 0 15px;}
.welcome_0 .img2 .osa .products .item:nth-child(2) img{margin: 0 15px 0 0;}
.welcome_0 .img2 .osa .products .item .title{white-space: nowrap; font-size: 20px; line-height: 24px; color: #ffffff; font-weight: 400; text-align: left; display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: calc(100% - 78px);}
.welcome_0 .img2 .osa .products .item .title strong{font-size: 20px; line-height: 24px; color: #ea1c24; font-weight: 400;}
.welcome_0 .img2 .osa .products .item:nth-child(1) .title{text-align: right;}
.welcome_0 .img2 .osa .products .item:nth-child(2) .title{text-align: left;}

.welcome_0 .img2 .osa .products .item .title, .welcome_0 .img2 .osa .products .item .title strong{font-size: 20px; line-height: 24px;}

.welcome_0 .img2 .osa .in{display: inline-block; position: relative; vertical-align: middle; width: 630px; max-width: 100%; margin: 0 auto;}
.welcome_0 .img2 .osa .in .number{position: absolute; top: 0; font-size: 10px; color: #fff; font-weight: 400;}
.welcome_0 .img2 .osa .in .number::before{content: ""; position: absolute; top: 20px; width: 2px; height: 12px; background: #1ead8b; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.5); box-shadow: 0 0 1px 0 rgba(0,0,0,0.5)}
.welcome_0 .img2 .osa .in .number:first-of-type{left: 0; text-align: left;}
.welcome_0 .img2 .osa .in .number:first-of-type::before{left: 0;}
.welcome_0 .img2 .osa .in .number:last-of-type{right: 0; text-align: right;}
.welcome_0 .img2 .osa .in .number:last-of-type::before{right: 0;}
.welcome_0 .img2 .osa .in .line{position: absolute; top: 25px; width: 2px; height: 7px; background: #1ead8b; -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.5); box-shadow: 0 0 1px 0 rgba(0,0,0,0.5)}
.welcome_0 .img2 .osa .in .line.big{top: 20px; left: calc(50% - 1px); width: 2px; height: 120px;}
.welcome_0 .img2 .osa .in .line:nth-child(2){left: 10.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(3){left: 21px;}
.welcome_0 .img2 .osa .in .line:nth-child(4){left: 31.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(5){left: 42px;}
.welcome_0 .img2 .osa .in .line:nth-child(6){left: 52.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(7){left: 63px;}
.welcome_0 .img2 .osa .in .line:nth-child(8){left: 73.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(9){left: 84px;}
.welcome_0 .img2 .osa .in .line:nth-child(10){left: 94.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(11){left: 105px;}
.welcome_0 .img2 .osa .in .line:nth-child(12){left: 115.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(13){left: 126px;}
.welcome_0 .img2 .osa .in .line:nth-child(14){left: 136.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(15){left: 147px;}
.welcome_0 .img2 .osa .in .line:nth-child(16){left: 157.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(17){left: 168px;}
.welcome_0 .img2 .osa .in .line:nth-child(18){left: 178.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(19){left: 189px;}
.welcome_0 .img2 .osa .in .line:nth-child(20){left: 199.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(21){left: 210px;}

.welcome_0 .img2 .osa .in .line:nth-child(23){right: 10.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(24){right: 21px;}
.welcome_0 .img2 .osa .in .line:nth-child(25){right: 31.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(26){right: 42px;}
.welcome_0 .img2 .osa .in .line:nth-child(27){right: 52.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(28){right: 63px;}
.welcome_0 .img2 .osa .in .line:nth-child(29){right: 73.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(30){right: 84px;}
.welcome_0 .img2 .osa .in .line:nth-child(31){right: 94.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(32){right: 105px;}
.welcome_0 .img2 .osa .in .line:nth-child(33){right: 115.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(34){right: 126px;}
.welcome_0 .img2 .osa .in .line:nth-child(35){right: 136.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(36){right: 147px;}
.welcome_0 .img2 .osa .in .line:nth-child(37){right: 157.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(38){right: 168px;}
.welcome_0 .img2 .osa .in .line:nth-child(39){right: 178.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(40){right: 189px;}
.welcome_0 .img2 .osa .in .line:nth-child(41){right: 199.5px;}
.welcome_0 .img2 .osa .in .line:nth-child(42){right: 210px;}



.welcome_0 .img2 .osa .in h3{font-size: 26px; font-weight: 700; text-align: left; margin: 0 0 15px; color: #43a88f;}
.welcome_0 .img2 .osa .in .anotation{font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; margin: 0; color: #43a88f;}




@media screen and (max-width: 1620px) {
.welcome_0{padding: 190px 0 120px;}
.welcome_0 .text{max-width: 540px;}
.welcome_0 .text h1{font-size: 72px; line-height: 70px;}
.welcome_0 .text .subtitle{font-size: 26px; line-height: 30px; margin: 0 0 30px;}
.welcome_0 .text article{margin: 0 0 40px;}
}

@media screen and (max-width: 1320px) {
.welcome_0{padding: 170px 0 80px; margin-bottom: 0;}
.welcome_0::after{display: none;}
.welcome_0 .text{max-width: 520px;}
.welcome_0 .text h1{font-size: 58px; line-height: 62px; margin: 0;}
.welcome_0 .text .subtitle{font-size: 25px; line-height: 32px; margin: 15px 0 20px;}    
.welcome_0 .text article{margin: 0 0 30px;}
.welcome_0 .text .video_box, .welcome_0 .text .product_box{max-width: 440px;}

.welcome_0 .img2 .osa .in h3{font-size: 28px; color: #43a88f; text-shadow: 1px 1px 8px rgba(0,0,0,0.8);}
.welcome_0 .img2 .osa .in .anotation{color: #ffffff;}

}

@media screen and (max-width: 1200px) {
.welcome_0{padding: 0 0 60px;}
.welcome_0 > .btn, .welcome_0::before{display: none;}
.welcome_0 .text{width: 100%; max-width: 100%;}
.welcome_0 .text h1{text-align: left; font-size: 44px; line-height: 54px; margin: 0;}
.welcome_0 .text .subtitle{text-align: left; font-size: 24px; line-height: 30px; margin: 5px 0 20px;}
.welcome_0 .text article, .welcome_0 .text article *{text-align: center;}
.welcome_0 .text article p{text-align: left;}
.welcome_0 .text .video_box{float: right}
.welcome_0 .text .product_box{float: left}
.welcome_0 .text .video_box, .welcome_0 .text .product_box{display: inline-block; vertical-align: middle; width: 48%; max-width: 440px; margin: 0 auto;}
.welcome_0 .img1{display: none;}

.welcome_0 .screw_list{max-width: 700px; margin: 40px auto 20px;}
.welcome_0 .screw_list .screw h3{color: #fff; border-bottom: 1px solid #fff;}
.welcome_0 .screw_list .screw h3::before{background: #fff;}

.welcome_0 .img2{padding: 30px 0 0; position: relative; width: 100%;}
.welcome_0 .img2 .osa{text-align: left;}
.welcome_0 .img2 .osa .in h3{text-align: left;}
.welcome_0 .img2 .osa .in .anotation{text-align: left; font-size: 16px; line-height: 22px;}
}



@media screen and (max-width: 900px) {
.welcome_0 .catalog_link{display: none;}
}


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

.welcome_0 .text article, .welcome_0 .text article *{margin: 0 0 20px;}
.welcome_0 .text .video_box{width: 100%; max-width: 380px; display: block; float: none;}
.welcome_0 .text .product_box{display: none;}
.welcome_0 .text .video_box::before{width: 70px; height: 71px; background-size: 100% auto;}
.welcome_0 .text .video_box::after{width: 70px; height: 71px; background-size: 100% auto;}

.welcome_0 .img2 .osa .in h3{font-size: 24px; line-height: 30px;}
}

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

.welcome_0 .text h1{font-size: 36px; line-height: 42px; margin: 0; margin-top: 10px}
.welcome_0 .text .subtitle{font-size: 22px; line-height: 28px;}
.welcome_0 .text article p{font-size: 15px; line-height: 22px;}

.welcome_0 .img2 .osa .in h3{font-size: 23px; line-height: 28px; margin: 0 0 10px;}
.welcome_0 .img2 .osa .in .anotation{font-size: 15px; line-height: 24px;}  
}


@media screen and (max-width: 500px) {
.welcome_0 .screw_list{margin: 35px auto 20px;}
.welcome_0 .screw_list .screw h3{font-size: 14px; line-height: 20px;}
}









.welcome_1{overflow: hidden; display: block; position: relative; padding: 240px 0 180px 0; background: #fff;}
.welcome_1::before{position: absolute; z-index: 0; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/logo_design.svg) no-repeat scroll center center; background-size: 100% auto; content: "";}
.welcome_1::after{position: absolute; z-index: 1; width: 100%; top: 0; bottom: -1px; left: 0; right: 0; background: url(../img/main_bg3.png) no-repeat scroll center bottom; background-size: 400px auto; content: "";}
.welcome_1 .item{position: relative; z-index: 10; max-width: 640px; display: block;}
.welcome_1 .item:nth-child(1){float: left}
.welcome_1 .item .text_box{max-width: 510px; margin: 0;}
.welcome_1 .item:nth-child(2){float: right; max-width: 640px;}
.welcome_1 .item .clear.desktop_hide{display: none;}
.welcome_1 .item .top{display: block; margin: 0 0 40px;}
.welcome_1 .item .top img{display: inline-block; vertical-align: middle; width: 70px; margin: 0 15px 0 0;}
.welcome_1 .item .top img:nth-child(4){margin: 0 15px 0 50px;}
.welcome_1 .item .top h2{font-size: 22px; line-height: 28px; color: #9ba0a3; font-weight: 300; text-align: left; display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-family: open-sans, sans-serif, Arial;}
.welcome_1 .item .top h2 strong{font-size: 22px; line-height: 28px; color: #ea1c24; font-weight: 300;}

.welcome_1 .item .screw{display: inline-block; vertical-align: bottom; width: 510px; max-width: calc(50% - 64px); margin: 0 30px;}
.welcome_1 .item .screw h3{text-align: center; margin: 0; font-size: 18px; font-weight: 400;}
.welcome_1 .item .screw img{display: block; margin: 0 auto; max-width: 100%;}



@media screen and (max-width: 1500px) {
.welcome_1{padding: 180px 0 130px 0;}
.welcome_1::after{background-size: 350px auto;}
.welcome_1 .item{max-width: 510px;}
.welcome_1 .item .clear.desktop_hide{display: block;}
.welcome_1 .item .top img:nth-child(4){margin-left: 0;}
.welcome_1 .item .top img:nth-child(4), .welcome_1 .item .top h2:nth-child(5){margin-top: 15px;}
.welcome_1 .item .text_box{max-width: 450px;}
.welcome_1 .item:nth-child(2){max-width: 510px;}
.welcome_1 .item .top{margin: 0 0 30px;}
}

@media screen and (max-width: 1300px) {
.welcome_1{padding: 80px 0;}
.welcome_1::after{background-position: left bottom; background-size: 260px auto;}
.welcome_1 .inside{width: calc(95% - 260px); padding: 0 5% 0 260px;}
.welcome_1 .item{width: calc(100% - 250px); max-width: 100%;}
.welcome_1 .item:nth-child(2){width: 250px;}
.welcome_1 .item .text_box{max-width: 100%;}

}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
.welcome_1 .item .screw{display: block; width: 190px; max-width: 100%; margin: 0 auto;}
.welcome_1 .item .screw:nth-child(2) h3{margin-top: 20px;}
}

@media screen and (max-width: 1100px) {
.welcome_1{padding: 60px 0;}
.welcome_1::after{background-size: 200px auto;}
.welcome_1 .inside{width: calc(95% - 200px); padding: 0 5% 0 200px;}
.welcome_1 .item .top{margin: 0 0 15px;}
}

@media screen and (max-width: 1024px) {
.welcome_1{padding: 40px 0;}
.welcome_1::after{background-size: 200px auto;}
.welcome_1 .inside{width: calc(95% - 200px); padding: 0 5% 0 200px;}
.welcome_1 .item{float: none !important; max-width: 700px; width: 100%;}
.welcome_1 .item:nth-child(1){margin: 0 0 40px;}
.welcome_1 .item:nth-child(2){width: 100%;}

.welcome_1 .item .screw{max-width: calc(50% - 34px); margin: 0 30px 0 0;}
}


@media screen and (max-width: 800px) {
.welcome_1::after{background-size: 160px auto;}
.welcome_1 .inside{width: calc(95% - 160px); padding: 0 5% 0 120px;}
.welcome_1 .item:nth-child(1){margin: 0 0 30px;}
}


@media screen and (max-width: 650px) {
.welcome_1::after{background-size: 190px auto; background-position: right bottom;}
.welcome_1 .inside{width: 90%; padding: 0 5%;}
.welcome_1 .item .top img{width: 70px;}
.welcome_1 .item .top h2{font-size: 20px; line-height: 24px; width: calc(100% - 90px);}
.welcome_1 .item .top h2 strong{font-size: 20px; line-height: 24px;}
.welcome_1 .item:nth-child(2){width: calc(100% - 140px); padding: 0;}
.welcome_1 .item .screw{display: block; width: 150px; max-width: 100%; margin: 0;}
.welcome_1 .item .screw:nth-child(2) h3{margin-top: 10px;}
.welcome_1 .item .screw h3{font-size: 14px;}
}
@media screen and (max-width: 500px) {
.welcome_1::after{background-size: 190px auto; background-position: calc(100% + 50px) bottom}
.welcome_1 .item:nth-child(2){width: calc(100% - 90px); padding: 0;}
}




.welcome_2{overflow: hidden; display: block; position: relative; padding: 250px 0 150px;}
.welcome_2::before{display: none; opacity: 0.95; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/main_bg2.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.welcome_2::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/main_bg2.png); background-repeat: no-repeat; background-position: center top;}
.welcome_2 h2{position: relative; z-index: 10; font-size: 40px; line-height: 44px; color: #ffffff; font-weight: 300; margin: 0 0 80px; text-align: center; font-family: open-sans, sans-serif, Arial;}
.welcome_2 .item{z-index: 10; position: relative; width: calc(33.33% - 80px / 3 - 3px); display: inline-block; vertical-align: top; margin: 60px 0 0;}
.welcome_2 .item:nth-child(3n - 1){margin: 60px 40px 0;}
.welcome_2 .item:nth-child(-n + 3){margin-top: 0;}
.welcome_2 .item h3{font-size: 18px; line-height: 24px; color: #fff; font-weight: 300; margin: 0; padding: 0;  text-transform: uppercase;}
.welcome_2 .item h3 strong{font-size: 18px; line-height: 24px; color: #9ba0a3; font-weight: 700; margin: 0 0 10px; padding: 0;  text-transform: uppercase;}
.welcome_2 .item .text_box{color: #ffffff; margin: 25px 0;}
.welcome_2 .inside{z-index: 1;}
.welcome_2 .inside::before{z-index: 0;}
.welcome_2 .inside article{color: #fff; margin: 0 0 30px;}
.welcome_2 .inside article p{font-size: 16px; line-height: 22px; color: #fff;}
.welcome_2 .inside article p strong{font-size: 16px; line-height: 22px; color: #fff;}


@media screen and (max-width: 1500px) {
.welcome_2{padding: 200px 0 80px;}
.welcome_2 h2{font-size: 36px; line-height: 40px; margin: 0 0 60px;}
}

@media screen and (max-width: 1300px) {
.welcome_2{padding: 200px 0 60px;}
.welcome_2 h2{font-size: 28px; line-height: 32px; margin: 0 0 40px;}
.welcome_2 .item{width: calc(50% - 40px / 2 - 3px); margin: 50px 0 0;}
.welcome_2 .item:nth-child(3n - 1){margin: 50px 0 0;}
.welcome_2 .item:nth-child(-n + 3){margin-top: 50px;}
.welcome_2 .item:nth-child(2n){margin: 50px 0 0 40px;}
.welcome_2 .item:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 1024px) {
.welcome_2{padding: 60px 0;}
.welcome_2::before{display: block;}
.welcome_2::after{display: none;}
}

@media screen and (max-width: 850px) {
.welcome_2::before{background-image: url(../img/main_bg2_rotate.jpg); }
.welcome_2 .item{text-align: center; width: 100%; margin: 50px 0 0; display: block;}
.welcome_2 .item:nth-child(3n - 1){margin: 50px 0 0;}
.welcome_2 .item:nth-child(-n + 3){margin-top: 50px;}
.welcome_2 .item:nth-child(2n){margin: 50px 0 0;}
.welcome_2 .item:nth-child(-n + 2){margin-top: 50px;}
.welcome_2 .item:nth-child(1){margin-top: 0;}
.welcome_2 .item .text_box{margin: 10px 0 15px;}



.welcome_2 .item h3, .welcome_2 .item .text_box, .welcome_2 .item .text_box *{text-align: center;}

}

@media screen and (max-width: 800px) {
.welcome_2 h2{font-size: 28px; line-height: 32px;}
}

@media screen and (max-width: 500px) {
.welcome_2{padding: 40px 0;}
.welcome_2 h2{font-size: 20px; line-height: 24px;}
.welcome_2 .item h3, .welcome_2 .item h3 strong{font-size: 16px; line-height: 22px;}
}








.welcome_3{display: block; position: relative; padding: 80px 0;}
.welcome_3 .img{display: inline-block; vertical-align: middle; margin: 0 30px 0 0; width: 55%;}
.welcome_3 .img img{display: block; max-width: 90%;}
.welcome_3 .text{display: inline-block; vertical-align: middle; margin: 0; width: calc(45% - 35px);}
.welcome_3 .text a.btn_red{color: #fff; text-decoration: none; font-weight: 600; display: inline-block;}
.welcome_3 .text a.btn_red:hover{color: #ea1c24; text-decoration: none; background: #fff;}
.welcome_3 .text h2{font-size: 40px; line-height: 44px; color: #4d555b; font-weight: 300; margin: 0; text-align: left; font-family: open-sans, sans-serif, Arial;}
.welcome_3 .text ul.column{margin: 30px 0; padding: 0; column-count: 2; column-gap: 50px}
.welcome_3 .text ul.column li{font-size: 16px; line-height: 24px; color: #4d555b; margin: 10px 0; padding: 0; background: none;}


@media screen and (max-width: 1500px) {
.welcome_3 .img{margin: 0 20px 0 0; width: 45%;}
.welcome_3 .text{width: calc(55% - 25px);}

.welcome_3 .text h2{font-size: 36px; line-height: 40px;}
}

@media screen and (max-width: 1300px) {
.welcome_3{padding: 60px 0;}
.welcome_3 .text h2{font-size: 28px; line-height: 32px;}
}

@media screen and (max-width: 1170px) {
.welcome_3 .img{display: none;}
.welcome_3 .text{width: 100%;}
}

@media screen and (max-width: 800px) {
.welcome_3 .text h2{font-size: 28px; line-height: 32px;}
}
@media screen and (max-width: 650px) {
.welcome_3 .text ul.column{margin: 20px 0; column-count: 1; column-gap: 0}
.welcome_3 .text ul.column li{font-size: 15px; line-height: 22px;}
}

@media screen and (max-width: 500px) {
.welcome_3{padding: 40px 0;}
.welcome_3 .text_box p strong{font-size: 15px; line-height: 22px;}
.welcome_3 .text h2{font-size: 20px; line-height: 24px;}
.welcome_3 .text ul.column{display: inline-block; vertical-align: middle; margin: 15px 0;}
}








.welcome_4{margin-bottom: -140px; overflow: hidden; display: block; position: relative; padding: 300px 0 280px;}
.welcome_4::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../img/main_bg3.jpg); background-repeat: no-repeat; background-position: center 30%; -webkit-background-size: cover; background-size: cover;}
.welcome_4 h2{font-size: 40px; line-height: 54px; color: #ffffff; font-weight: 300; margin: 0 0 30px; text-align: left; text-transform: uppercase; text-shadow: 1px 1px 8px rgba(0,0,0,0.8);}
.welcome_4 h2 strong{font-size: 40px; line-height: 54px; color: #ffffff; font-weight: 600; margin: 0; text-align: left;}

.welcome_4 .btn{text-transform: uppercase; color: #fff; background: #ea1c24; border: 1px solid #ea1c24; font-weight: 600; padding: 13px 20px; box-shadow: -1px 1px 30px black; -webkit-transition: 400ms; transition: 400ms;}
.welcome_4 .btn:hover{background: #fff; color: #ea1c24; border: 1px solid #ea1c24;}

@media screen and (max-width: 1500px) {
.welcome_4{padding: 260px 0 220px;}
.welcome_4 h2, .welcome_4 h2 strong{font-size: 36px; line-height: 40px;}
}

@media screen and (max-width: 1320px) {
.welcome_4{padding: 120px 0 220px;}
}

@media screen and (max-width: 1300px) {
.welcome_4{padding: 100px 0 200px;}
.welcome_4 h2, .welcome_4 h2 strong{font-size: 28px; line-height: 32px;}
}

@media screen and (max-width: 1024px) {
.welcome_4{margin-bottom: 0; padding: 60px 0;}

}

@media screen and (max-width: 850px) {
.welcome_4 h2, .welcome_4 h2 strong{margin: 0 0 40px;}

}

@media screen and (max-width: 800px) {
.welcome_4 h2, .welcome_4 h2 strong{font-size: 28px; line-height: 32px;}
}

@media screen and (max-width: 600px) {
.welcome_4 h2, .welcome_4 h2 strong{font-size: 34px; line-height: 40px}
}

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















#content{background: #fff; padding: 0; position: relative;}
#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{margin: 0 auto;}


#content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}

@media screen and (max-width: 500px) {
#content .inside.margin{padding: 10px 0 0;}
}











aside{width: 350px; position: relative; float: left; display: block; padding: 0; margin: 0 0 50px;}
aside img{max-width: 100%; display: block; margin: 0;}




@media screen and (max-width: 1500px) {
aside{width: 280px;}
aside .main_box{padding: 40px 0 240px;}
aside .main_box img{width: 340px;}
aside .exclusive_product{padding: 20px;}
}

@media screen and (max-width: 1080px) {
aside{display: none;}
}




                                                           
.c_column{width: calc(100% - 400px); padding: 0 0 50px; position: relative; float: right; display: block;}
.c_column.full{width: 100%; padding: 0 0 50px; position: relative; float: none; display: block;}
.hp .c_column.full{padding: 0;}
.c_column.contact{width: 75%; margin: 0 auto;}

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

@media screen and (max-width: 1080px) {
.c_column{width: 100%; padding: 0 0 50px;}
}

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




.sady_bg{background: url(/../img/sady_bg.png) no-repeat center center/cover; width: 100%; position: relative; padding: 0px 0 80%; display: block;}

.sady_bg .sady_obsahuji .text{background: rgba(255, 255, 255, 0.85); position: absolute; right: 0; bottom: 50px; padding: 45px 50px; max-width: 850px; box-sizing: border-box;}
.sady_bg .sady_obsahuji .text h2{margin-top: 0;}
.sady_bg .sady_obsahuji .text .text_box ul.column{display: flex; flex-wrap: wrap; width: 100%; margin: 30px 0;}
.sady_bg .sady_obsahuji .text .text_box ul.column li{width: 35%;}


@media screen and (max-width: 760px) {
.sady_bg .sady_obsahuji .text .text_box ul.column{flex-direction: column; align-items: center; margin: 30px 0; width: 100%;}
}

@media screen and (max-width: 650px) {
.sady_bg{padding-bottom: 0;}
.sady_bg .sady_obsahuji .text{position: unset; margin-top: -1px;}
.sady_bg .sady_obsahuji .text .text_box ul.column li{width: 40%;}
} 




.align .search_and_other{display: flex;}
.align .search_and_other .search_box, .align .search_and_other .show_row, .align .search_and_other .show_table{margin-right: 40px; background: #fff;}
.align .search_and_other .toggle_sady{padding: 10px 20px; border: 1px solid #2e947c; background: #2e947c; color: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.align .search_and_other .toggle_sady:hover{background: #03675f;}







.search_and_other .show_table{border: none; display: none;} 
.search_and_other .show_table .line{display: flex; } 
.search_and_other .show_table .line .small_box{width: 8px; height: 8px; background: grey; margin-bottom: 3px; margin-right: 3px;} 
.search_and_other .show_table .line .small_box:nth-child(2n){margin-right: 0;}
.search_and_other .show_table .line .small_box:nth-child(2n - 2){margin-bottom: 0;} 

.search_and_other .show_row{border: none;} 
.search_and_other .show_row .line{width: 18px; height: 3px; background: grey; margin-bottom: 3px;} 

@media screen and (max-width: 1620px) {
.align .search_and_other{width: 45%;}
}

@media screen and (max-width: 1440px) {
.align .search_and_other{width: 55%;}
}

@media screen and (max-width: 1200px) {
.align .search_and_other{width: 65%;}
}

@media screen and (max-width: 1024px) {
.align .search_and_other{width: 75%;}
}

@media screen and (max-width: 880px) {
.align .search_and_other{width: 85%;}
}

@media screen and (max-width: 780px) {
.align .search_and_other{width: 95%;}
}

@media screen and (max-width: 680px) {
.align .search_and_other{display: flex; flex-direction: column; align-items: center;}
.align .search_and_other .search_box{margin-bottom: 20px;}
.align .search_and_other .toggle_sady{margin-bottom: 20px;}
.align .search_and_other .show_table, .align .search_and_other .show_row{display: none;}
}

@media screen and (max-width: 500px) {
.align .search_and_other .search_box, .align .search_and_other .show_row, .align .search_and_other .show_table{margin-right: 0;}
}






.new_landing{width: 70%; float: left;}

.new_landing .main_box{margin-top: 130px}
.new_landing .main_box:nth-child(1){margin-top: 0;}
.new_landing .main_box .text_box p{font-size: 15px; line-height: 22px;}
    

    
.new_landing .main_box .child_list_prednosti{display: flex; justify-content: space-between; flex-wrap: wrap;}
.new_landing .main_box .child_list_prednosti .item{width: 47%;}
.new_landing .main_box .child_list_prednosti .item .text .font span{position: relative; color: #2e947c;}

.new_landing .main_box .child_list_prednosti .item .text .font{margin-bottom: 25px; margin-left: 60px;}
.new_landing .main_box .child_list_prednosti .item .text .font span::before{content: ''; display: block; position: absolute; top: -8px; left: -62px; background: url(../img/check_green.svg); width: 40px; height: 40px;}


.new_landing .main_box:nth-child(1) .main_box{margin-top: 0;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2){display: flex; margin-top: 65px;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .text{width: 50%; margin-right: 150px;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .text h3 span{color: #03675f;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list{display: flex; width: 40%; text-align: center; justify-content: space-between;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw{width: 45%;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw h3{font-size: 15px; border-bottom: 1px solid silver; position: relative; text-transform: uppercase;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw h3::before{-webkit-transform: rotate(45deg) translateZ(0); transform: rotate(45deg) translateZ(0); width: 1px; height: 60px; background: silver; position: absolute; right: 21px; bottom: -52px; content: "";}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw img{width: 100%;}

.new_landing .main_box h2.font{position: relative; color: #4d555b;}
.new_landing .main_box h2.font::after{content: ''; display: block; width: 100%; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 1px; background: #000; z-index: 0;}
.new_landing .main_box h2.font span{padding: 0 15px 0 0; background: #fff; position: relative; z-index: 10;}



@media screen and (max-width: 1150px){
 .new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw h3{font-size: 14px;}
}


@media screen and (max-width: 1024px){
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .text{margin-right: 100px;}
}

@media screen and (max-width: 900px){
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .text{margin-right: 0; width: 90%;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list{width: 60%; margin-top: 40px;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2){display: flex; flex-direction: column; align-items: center;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list .screw h3{font-size: 13px;}
}

@media screen and (max-width: 660px){
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2) .screw_list{width: 80%; margin-top: 40px;}
}


@media screen and (max-width: 500px){
.new_landing .main_box{margin-top: 45px;}
.new_landing .main_box .child_list_prednosti .item .text .font span::before{width: 32px; height: 32px;}
.new_landing .main_box:nth-child(1) .main_box .child_list .item:nth-child(2){margin-top: 15px;}
}






.new_landing .main_box .file_list table{width: 100%}
.new_landing .main_box .file_list table tr th:nth-child(1){text-align: center;}
.new_landing .main_box .file_list table tr th{text-align: center;}
.new_landing .main_box .file_list table tr td:nth-child(1){text-align: center;}
.new_landing .main_box .file_list table tr td{text-align: center; padding: 15px 0;}
.new_landing .main_box h2.font{font-size: 20px; line-height: 26px}
.new_landing .main_box .child_list .item .text h3{font-size: 17px; line-height: 24px}
.new_landing .main_box .text_box p strong{font-size: 15px; line-height: 22px;}
.new_landing .main_box .child_list_prednosti .item .text .font{font-size: 18px; line-height: 24px}



.new_landing .main_box:nth-child(1) .child_list .item:first-child {display: flex;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img{display: flex; justify-content: center; width: 50%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img .img_in{width: 78%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img .img_in img{width: 100%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text{display: flex; align-items: center; flex-direction: column; width: 50%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text h3{color: #03675f}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text .text_box ul{margin-left: 40px;}

.new_landing .main_box:nth-child(2) .child_list .item{display: flex; margin-top: 65px;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2){display: flex; flex-direction: row-reverse;}



 
@media screen and (max-width: 900px){
.new_landing .main_box:nth-child(2) .child_list .item{flex-direction: column; align-items: center;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2){flex-direction: column; align-items: center;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child{flex-direction: column-reverse; align-items: flex-start; margin-left: 25px;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text{align-items: flex-start;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text .text_box{margin-left: 0;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text .text_box ul{margin-left: 0;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img_in{width: 80%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .text{width: 100%;}
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img{width: 73%;}
}

@media screen and (max-width: 550px){
.new_landing .main_box:nth-child(1) .child_list .item:first-child .img{width: 100%;}
}

@media screen and (max-width: 500px){
.new_landing .main_box h2.font{font-size: 20px; line-height: 26px;}
}

.new_landing .main_box:nth-child(2) .child_list .item .img_in{width: 60%; position: relative; left: -145px;}
.new_landing .main_box:nth-child(2) .child_list .item .text{width: 50%;}





.new_landing .main_box:nth-child(2) .child_list .item:nth-child(1) .text h3{color: #03675f;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2) .text h3{color: #ea2227;}

.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2) .text{margin-left: 100px;}
.new_landing .main_box:nth-child(2) .child_list .item .text h3{position: relative;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(1) .text h3::before{content: ''; display: block; position: absolute; left: -80px; top: -10px; background: url(../img/heli_icon_1.svg) no-repeat center center/cover; background-size: 55px 50px; width: 55px; height: 50px;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2) .text h3::before{content: ''; display: block; position: absolute; left: -100px; top: -15px; background: url(../img/heli_icon_2.svg) no-repeat center center/cover; background-size: 55px 50px; width: 55px; height: 50px;}


.new_landing .main_box:nth-child(4) .main_box{margin-top: 0;}



@media screen and (max-width: 1400px) {
.new_landing{width: 100%;}
}

@media screen and (max-width: 1050px) {
.new_landing .main_box .child_list_prednosti .item{width: 100%;}
}


@media screen and (max-width: 1000px) {
.new_landing .main_box:nth-child(2) .child_list .item{display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 65px;}
.new_landing .main_box:nth-child(2) .child_list .item .text{width: 80%;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2){display: flex; flex-direction: column; align-items: center; width: 100%; margin-top: 65px;}
}




@media screen and (max-width: 900px) {
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(1) .text h3::before{display: none;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2) .text h3::before{display: none;}
.new_landing .main_box:nth-child(2) .child_list .item .text{width: 100%;}
.new_landing .main_box:nth-child(2) .child_list .item:nth-child(2) .text{margin-left: 0;}
.new_landing .main_box:nth-child(2) .child_list .item .img_in{width: 80%;}
}


@media screen and (max-width: 650px) {
.new_landing .main_box:nth-child(2) .child_list .item .img_in{display: flex; justify-content: center; left: 50%; transform: translateX(-75%);}
.new_landing .main_box:nth-child(2) .child_list .item .img_in img{width: 100%; width: 347px; height: 206px}    

}





.offset_landing{width: calc(30% - 80px); float: right; margin-left: 80px; position: sticky; top: 0px;}
.offset_landing ul{list-style-type: none; border: 1px solid lightgrey;width: 360px; padding-left: 0; margin-left: 0; margin-bottom: 0;}

.offset_landing ul li{padding: 20px 25px; border-bottom: 1px solid lightgrey; margin: 0 25px; font-weight: 600;}
.offset_landing ul li.active{color: #ea1c24;}
.offset_landing ul li a{font-size: 15px; line-height: 22px; text-transform: uppercase; font-weight: 600;}
.offset_landing ul li a:hover{color: #ea1c24}
.offset_landing .sady_link{width: 362px; height: 220px; background: url(../img/odkaz_sady.png) no-repeat center center/cover; display: flex; justify-content: center; align-items: center;}
.offset_landing .sady_link .sady_link_inside{display: inline-block; padding: 15px 45px; background: #ea1c24; color: #fff; border: 1px solid #ea1c24; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 26px; -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.offset_landing .sady_link:hover .sady_link_inside{background: #fff; color: #ea1c24; border: 1px solid #ea1c24;}


.offset_landing ul li:last-child{border-bottom: 0;}


@media screen and (max-width: 1400px) {
.offset_landing{display: none;}
}






.produkty {display: -webkit-box;display: -ms-flexbox; display: flex;justify-content: space-between;-webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start;-ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px 0 0;}
.produkty article{margin-bottom: 85px;}
.produkty article p {font-size: 26px; line-height: 36px;font-weight: 300;}
.produkty .items{display: flex; justify-content: space-between;}
.produkty .items .categ{padding: 30px; min-height: 285px; position: relative; width: 29%;}
.produkty .items .categ h3{color: #fff; font-weight: 400; margin-top: 0; margin-bottom: 30px;}
.produkty .items .categ span{color: #fff; text-decoration: underline;}
.produkty .items .categ:hover span{text-decoration: none;}
.produkty .items .categ.num_4{background: #2e947c; -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.produkty .items .categ.num_4:hover{background: #03675f}
.produkty .items .categ.num_5{background: #016ac6}
.produkty .items .categ.num_5:hover{background: #004486; -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.produkty .items .categ.num_11{background: #fff; color: #4d555b !important; border: 1px solid #016ac6; -webkit-transition: all 400ms ease;  transition: all 400ms ease;}
.produkty .items .categ.num_11:hover{background: #e3e3e3}
.produkty .items .categ.num_11 h3{color: #4d555b !important;}
.produkty .items .categ.num_11 span{color: #4d555b !important;}
.produkty .items .categ .sady_img{width: 220px; height: 260px; background-size: cover; position: absolute; bottom: 0px; right: 20px;}


         

@media screen and (max-width: 1920px) {
.produkty article p{font-size: 24px; line-height: 50px;}
}
@media screen and (max-width: 1430px) {
.produkty article p { font-size: 21px; line-height: 43px;}
}

@media screen and (max-width: 1400px) {
.produkty article p {font-size: 21px;line-height: 43px;}
.produkty .items .categ h3{font-size: 18px; line-height: 24px;}
.produkty .items .categ .sady_img{width: 220px; height: 220px; right: 0;}   
}

@media screen and (max-width: 1350px) {
.produkty{flex-direction: column; align-items: center; margin: 50px 50px;}
}


@media screen and (max-width: 1150px) {
.produkty{margin: 50px 0;}
.produkty article{margin-top: 0px; margin-bottom: 55px}
.produkty .items{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;  flex-direction: column; -webkit-box-align: center;-ms-flex-align: center;  align-items: center; width: 100%;}
.produkty article p { font-size: 19px; line-height: 39px;}   
.produkty .items .categ{margin-bottom: 80px; min-height: unset; width: calc(100% - 60px);} 
.produkty .items .categ .sady_text{width: 75%;}
.produkty .items .categ .sady_img{left: unset; right: -20px; top: -30px; transform: translateX(0)}
}



@media screen and (max-width: 870px) {
.produkty .link_produkty .product .in h3 {font-size: 16px;}    
}

@media screen and (max-width: 750px) {
.produkty{margin: 0}
.produkty article{margin-bottom: 30px}  
.sady_bg .sady_obsahuji .text .text_box ul.column li{width: initial;}  
.produkty .items .categ .sady_img{width: 180px; height: 180px; top: 20px; right: 0;}         
}

@media screen and (max-width: 660px) {
.produkty article {width: 100%;}
.produkty article p{font-size: 15px; line-height: 32px;}
.produkty .items .categ{margin-bottom: 50px;}
.produkty .items .categ:last-child{margin-bottom: 0;}
}

@media screen and (max-width: 660px) {
.produkty .items .categ{min-height: 120px;}
.produkty .items .categ h3{font-size: 15px; line-height: 22px;}
.produkty .items .categ .sady_img{top: 40px}
}

@media screen and (max-width: 550px) {
.produkty .link_produkty {width: 100%;}    
.produkty .link_produkty .product .in .text_product p {font-size: 12px;}
.produkty .link_produkty .product .in{padding: 50px 0 25px;}
.produkty .link_produkty .product .in button{margin-top: 0; margin-bottom: 25px;}     
}

@media screen and (max-width: 500px) {
.produkty{margin: 0;}     
.produkty .items .categ .sady_img{right: -20px}    
.produkty article p{line-height: 26px}                 
}

@media screen and (max-width: 375px) {
.produkty .link_produkty .product{width: 100%;}           
}





#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;}
.product_list .item{text-align: center; position: relative; display: inline-block; vertical-align: top; width: calc(25% - 93px / 4 - 4px); border: 1px solid lightgrey; margin: 30px 0 0; background: #ffffff; transition: all 400ms ease;}
.product_list .item:nth-child(4n - 1){margin: 30px 30px 0;}
.product_list .item:nth-child(4n - 2){margin: 30px 0 0 30px;}
.product_list .item:nth-child(-n + 4){margin-top: 0;}
.notouch .product_list .item.hover_efekt{-webkit-box-shadow: 0px 4px 20px -3px rgba(0,0,0,0.6); box-shadow: 0px 4px 20px -3px rgba(0,0,0,0.6);}


          
.product_list .item .img{background-color: #fff; width: 100%; position: relative; height: 0; padding: 0 0 65%; margin: 40px auto; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}

.product_list .item h2{text-align: left; padding: 0; margin: 0; font-size: 16px; line-height: 22px; color: #4d555b; display: block; position: relative;}
.product_list .item h2 a{padding: 5px 20px; font-size: 16px; line-height: 22px; color: #4d555b; font-weight: 600; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.product_list .item .anotation{text-align: left; padding: 0; height: 40px; margin: 0; font-size: 14px; line-height: 20px; color: #4d555b; display: block; overflow: hidden; position: relative;}
.product_list .item .anotation a{padding: 0 20px 0; font-size: 14px; line-height: 20px; color: #4d555b; font-weight: 400; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
      

.product_list .item .price{padding: 5px 20px 0; display: block;}
.product_list .item .price .box{height: 60px; display: table; width: 100%; text-align: right;}
.product_list .item .price .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
.product_list .item .price .box .centering .discount{display: block; font-size: 12px; line-height: 16px; color: #9d9d9d; font-weight: 400; text-align: left; text-decoration: line-through}
.product_list .item .price .box .centering .discount label{font-size: 12px; line-height: 16px; color: #acacac; font-weight: 400; text-align: left;}
.product_list .item .price .box .centering .cena_a_sklad{display: flex; justify-content: space-between;}
.product_list .item .price .box .centering .cena_a_sklad .main{display: flex; align-items: baseline; font-size: 18px; line-height: 22px; color: #000000; font-weight: 600; text-align: left;}
.product_list .item .price .box .centering .cena_a_sklad .main label{font-size: 14px; line-height: 14px; color: #000000; font-weight: 400; text-align: left; margin-left: 5px;}
.product_list .item .price .box .centering .cena_a_sklad .ks_skladem{color: green;}


.product_list .item .bottom{padding: 0 20px 19px; display: flex;}
.product_list .item .bottom a.btn{padding-left: 0; padding-right: 0; width: calc(50% - 6px); }
.product_list .item .bottom form{display: inline-block; vertical-align: middle; width: calc(50% - 6px); }
.product_list .item .bottom form .btn{padding-left: 0; padding-right: 0; width: 100%;}

.disabled{opacity: 0.4; cursor: not-allowed; background: #fff;}
.disabled:hover{background: #ffffff; border: 1px solid #555c62; color: #555c62;}


.default_form .price .right_side .basket .add_basket{margin-top: 5px;}

.default_form .price .right_side .basket .first .disabled{opacity: 0.4; cursor: not-allowed; background: #fff;}

.default_form .price .right_side .basket .first .decrement{display: inline-block; vertical-align: middle; width: 30px; height: 30px;}
.default_form .price .right_side .basket .first .decrement::before{content:''; opacity: 1; background: url(../img/minus.svg) no-repeat center center/cover; position: absolute; display: inline-block; background-size: 30px 30px; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.default_form .price .right_side .basket .first .decrement::after{content:''; opacity: 0; background: url(../img/minus_hover.svg) no-repeat center center/cover; position: absolute; display: inline-block; background-size: 30px 30px; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.default_form .price .right_side .basket .first .increment{display: inline-block; vertical-align: middle; width: 30px; height: 30px;}
.default_form .price .right_side .basket .first .increment::before{content:''; opacity: 1; background: url(../img/plus.svg) no-repeat center center/cover; position: absolute; display: inline-block; background-size: 30px 30px; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.default_form .price .right_side .basket .first .increment::after{content:''; opacity: 0; background: url(../img/plus_hover.svg) no-repeat center center/cover; position: absolute; display: inline-block; background-size: 30px 30px; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}


.default_form .price .right_side .basket .first .decrement:hover::before{opacity: 0;}
.default_form .price .right_side .basket .first .decrement:hover::after{opacity: 1;}

.default_form .price .right_side .basket .first .increment:hover::before{opacity: 0;}
.default_form .price .right_side .basket .first .increment:hover::after{opacity: 1;}





@media screen and (max-width: 1500px) {
.product_list div{display: flex; flex-wrap: wrap;}
.product_list .item{width: calc(33.33% - 60px / 3 - 4px); margin: 30px 0 0;}
.hp .product_list .item:nth-child(4){display: none;}
.product_list .item:nth-child(4n - 1){margin: 30px 0 0;}
.product_list .item:nth-child(4n - 2){margin: 30px 0 0;}
.product_list .item:nth-child(-n + 4){margin-top: 30px;}
.product_list .item:nth-child(3n - 1){margin: 30px 30px 0;}
.product_list .item:nth-child(-n + 3){margin-top: 0;}
}


@media screen and (max-width: 1080px) {
.product_list .item{width: calc(50% - 30px / 2 - 4px); margin: 30px 0 0;}
.hp .product_list .item:nth-child(3){display: none;}
.product_list .item:nth-child(4n - 1){margin: 30px 0 0;}
.product_list .item:nth-child(4n - 2){margin: 30px 0 0;}
.product_list .item:nth-child(-n + 4){margin-top: 30px;}
.product_list .item:nth-child(3n - 1){margin: 30px 0 0;}
.product_list .item:nth-child(-n + 3){margin-top: 30px;}
.product_list .item:nth-child(2n){margin: 30px 0 0 30px;}
.product_list .item:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 800px) {
.product_list .item{width: calc(50% - 14px / 2 - 4px); margin: 14px 0 0;}
.hp .product_list .item:nth-child(3){display: none;}
.product_list .item:nth-child(4n - 1){margin: 14px 0 0;}
.product_list .item:nth-child(4n - 2){margin: 14px 0 0;}
.product_list .item:nth-child(-n + 4){margin-top: 14px;}
.product_list .item:nth-child(3n - 1){margin: 14px 0 0;}
.product_list .item:nth-child(-n + 3){margin-top: 14px;}
.product_list .item:nth-child(2n){margin: 14px 0 0 14px;}
.product_list .item:nth-child(-n + 2){margin-top: 0;}

.product_list .item h2{font-size: 14px; line-height: 20px;}
.product_list .item h2 a{padding: 5px 15px; font-size: 14px; line-height: 20px;}
.product_list .item .anotation{font-size: 13px; line-height: 18px; height: 72px;}
.product_list .item .anotation a{padding: 0 15px 10px; font-size: 13px; line-height: 18px; height: 72px;}
      
.product_list .item .price{padding: 0 15px;}
}


@media screen and (max-width: 600px) {
.product_list div{justify-content: space-between;}
.product_list .item{justify-content: space-between; width: 49%; margin-top: 14px;}
.product_list .item:nth-child(4n - 1){margin: 14px 0 0;}
.product_list .item:nth-child(4n - 2){margin: 14px 0 0;}
.product_list .item:nth-child(-n + 4){margin-top: 14px;}
.product_list .item:nth-child(3n - 1){margin: 14px 0 0;}
.product_list .item:nth-child(-n + 3){margin-top: 14px;}
.product_list .item:nth-child(2n){margin: 14px 0 0;}
.product_list .item:nth-child(-n + 2){margin-top: 0px;}
.product_list .item:nth-child(1){margin-top: 0;}
}

@media screen and (max-width: 500px){
.product_list .item{height: 370px;}
.product_list .item.cate_11{min-height: 400px !important;}
.product_list .item .price{position: absolute; bottom: 70px;}
.product_list .item .price .box .centering .cena_a_sklad .main{font-size: 15px; line-height: 22px;}
.product_list .item .anotation{height: 38px;}
.product_list .item .anotation a{font-size: 12px; line-height: 18px;}
.product_list .item .bottom{flex-direction: column; position: absolute; left: 50%; transform: translateX(-50%); right: 0;bottom: 0; width: 85%;}
.product_list .item .bottom a.btn{width: 100%;}
.product_list .item .bottom form{width: 100%; margin-top: 10px;}
.product_list .item .img{margin: 15px 0;}    
}

@media screen and (max-width: 350px){
.product_list .item.cate_11{min-height: 430px !important;}
}









.product_list_row {width: 100%; display: block;}

.product_list_row .item {text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center; -ms-flex-align: center; align-items: center;vertical-align: top; width: 100%;margin-bottom: 20px; padding: 10px; border: 1px solid lightgrey; background: #ffffff;-webkit-transition: all 400ms ease; transition: all 400ms ease;}

.notouch .product_list_row .item.hover_efekt{background: #ddd;}

.product_list_row .item .img { background-color: #fff;width: 10%; position: relative; height: 0; padding: 0 0 5%; margin: 0;  display: none;  background-repeat: no-repeat;  background-position: center center;  background-size: contain; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

.product_list_row .item h2 {
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #4d555b;
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product_list_row .item h2 a {
  padding: 0px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #4d555b;
  font-weight: 600;
  display: block;
  height: 50%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}


.product_list_row .item .anotation {
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #4d555b;
  display: table;
  width: 200px;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product_list_row .item .anotation a {
  padding: 0 20px 0;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #4d555b;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.product_list_row .item .price {
  padding: 10px 20px 0;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product_list_row .item .price .box {
  height: 60px;
  display: table;
  width: 100%;
}

.product_list_row .item .price .box .centering {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.product_list_row .item .price .box .centering .discount {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #9d9d9d;
  font-weight: 400;
  text-align: left;
  text-decoration: line-through;
}

.product_list_row .item .price .box .centering .discount label {
  font-size: 12px;
  line-height: 16px;
  color: #acacac;
  font-weight: 400;
  text-align: left;
}

.product_list_row .item .price .box .centering .main {
  display: block;
  font-size: 18px;
  line-height: 22px;
  color: #4D555B;
  font-weight: 600;
  text-align: center;
}

.product_list_row .item .price .box .centering .main label {
  font-size: 14px;
  line-height: 14px;
  color: #4D555B;
  font-weight: 400;
  text-align: left;
}

.product_list_row .item .bottom {
  width: 180px;
  flex: 1;
  display: flex;
  justify-content: flex-end; 
  padding: 20px;
}

.product_list_row .item .bottom a.btn {
  padding: 13px 35px;
  
}

.product_list_row .item .bottom form {
  display: inline-block;
  vertical-align: middle;
}

.product_list_row .item .bottom form .btn {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  padding: 13px 35px;
}

.product_list_row .item:nth-child(-n + 4) {
    margin-top: 0;
} 

.product_list_row .item:nth-child(4n - 2) {
    margin-top: 0;
}

.product_list_row .item:nth-child(4n - 1) {
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .product_list_row .item h2 a{text-align: left;}
    .product_list_row .item .bottom {width: initial;}
    .product_list_row .item .bottom form{display: none;}
}

@media screen and (max-width: 800px) {
    .product_list_row .item h2 a{font-size: 14px;}
    .product_list_row .item .bottom {width: initial;}
    .product_list_row .item .bottom form{display: none;}
    .product_list_row .item .price .box .centering .main{font-size: 14px;}
    .product_list_row .item .bottom a.btn{padding: 30px 20px;}
    .product_list_row .item .anotation a{font-size: 12px;}
}

@media screen and (max-width: 550px) {
    .product_list_row .item .anotation a{text-align: center;}
}

@media screen and (max-width: 375px) {
    .product_list_row .item h2{padding: 0;}
    .product_list_row .item h2 a{padding: 0; font-size: 13px;}
    .product_list_row .item .anotation a{font-size: 12px; padding: 0;}
    
    .product_list_row .item .price .box .centering .cena_a_sklad{font-size: 12px;}
    .product_list_row .item .price .box .centering .cena_a_sklad label{font-size: 12px;}
    
    .product_list_row .item .bottom {padding: 0;}
    .product_list_row .item .bottom a.btn{padding: 27px 15px;}
                                                               
    
    
    .product_list_row .warehouse {margin: 0 0 5px; font-size: 12px;}                                                            
}






.detail{width: 100%; margin: 0 auto; position: relative;}
.detail h1{margin: 0;}


.detail .img{position: relative; float: left; width: 45%; margin: 25px 0 0;}

.detail > .img .main{position: relative; display: block; margin: 0 0 6px; padding-top: 40px; border: 1px solid #f2f3f3; z-index: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
.detail > .img .main .cover{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #ffffff; z-index: 1;}
.detail > .img .main img{margin: 0 auto; display: block; max-width: 100%; max-height: 600px; position: relative; z-index: 100;}
.detail > .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #03675f; 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: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 54px 54px; 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.90; left: 0; top: 0; right: 0; bottom: 0;}
.notouch .detail > .img a.main:hover::after{opacity: 1;}

.detail > .img div{display: block; clear: both;}
.detail > .img div a.swipebox{height: 0; padding: 0 0 24%; margin: 6px 0 0; position: relative; display: block; float: left; width: calc(25% - 18px / 4 - 2px ); border: 1px solid #f2f3f3; background-attachment: local;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: contain; transition-property: background-position;}
.detail > .img div a.swipebox:nth-child(4n - 1){margin: 6px 6px 0}
.detail > .img div a.swipebox:nth-child(4n - 2){margin: 6px 0 0 6px}
.detail > .img div a.swipebox:nth-child(-n + 4){margin-top: 0}
.detail > .img div a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #03675f; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.detail > .img div a.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 40px 40px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .detail > .img div a.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;}
.notouch .detail > .img div a.swipebox:hover::after{opacity: 1;}


.detail .text{float: right; position: relative; width: calc(100% - 45% - 50px); padding: 0 0 0 50px; margin: 25px 0 0;}
.detail .text > img{max-width: 300px; width: 100%; margin: 0;}

.detail .text h2.main{font-size: 16px; line-height: 22px; color: #4D555B; font-weight: 600; text-align: left; margin: 25px 0 10px; padding: 15px 0 0; border-top: 1px solid #f2f3f3; text-transform: uppercase;}
.detail .text p.main{font-size: 16px; line-height: 22px; color: #4D555B; font-weight: 600; text-align: left; margin: 0px 0 10px; padding: 15px 0 0; border-top: 1px solid #f2f3f3; text-transform: uppercase;}
.detail .text h2.main.margin{margin: 0; padding: 0; border: 0;}
.detail .text article{padding: 0 0 10px;}
.detail .text article p{font-size: 14px; line-height: 20px;}


.detail .text .parameters{display: block; position: relative;}
.detail .text .parameters .sbHolder{position: relative; background: #fff; width: 210px; margin: 0; height: 29px; border: 1px solid #f2f3f3; }
.detail .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 #f2f3f3;}
.detail .text .parameters .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px; }
.detail .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 .text .parameters .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;}
.detail .text .parameters .sbOptions a{text-decoration: none; border: 1px solid #f2f3f3; 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 .text .parameters .sbOptions li:nth-child(1){display: none;}
.detail .text .parameters .sbOptions li:nth-child(2) a{border-top: 1px solid #f2f3f3;}
.notouch .detail .text .parameters .sbOptions a:hover{background: #f0f0f0 !important;} 

.detail .text .parameters table{border-collapse: collapse; border-spacing: 0;}
.detail .text .parameters table th{font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; text-align: right; padding: 0 15px 0 0;}
.detail .text .parameters table td{padding: 0;}
.detail .text .parameters table td label{border: 1px solid #f2f3f3; cursor: pointer; position: relative; display: inline-block; margin: 5px 6px 5px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .detail .text .parameters table td label:hover{border: 1px solid #53ac36;}
.detail .text .parameters table td label.active{border: 1px solid #53ac36; background: #53ac36}
.detail .text .parameters table td label .checker, .detail .text .parameters table td label .radio, .detail .text .parameters table td label input{position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0;}
.detail .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 .text .parameters table td label.active span.text{color: #ffffff;}



.detail > .text .warehouse{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; color: #666666; font-weight: 600; margin: 8px 0 13px;}
.detail > .text .warehouse strong{font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; text-align: left;}
.detail > .text .warehouse.green{color: #2e947c;}
.detail > .text .warehouse.red{color: #ea1c24;}

.detail .text .when{position: relative; margin: 6px 0 15px 10px; padding: 0 0 0 12px;}
.detail .text .when::before{position:absolute;left:0;height:16px;margin-top:-8px;top:50%;width:1px;background:#c9c9c9;content:"";display:block}

.detail .text .complaint{border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%;}
.detail .text .complaint th{vertical-align: top; white-space: nowrap; border: 1px solid #e5e5e5; border: 1px solid #e6e7e8; padding: 6px 15px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right;}
.detail .text .complaint td{vertical-align: top; width: 100%; border: 1px solid #e5e5e5; border: 1px solid #e6e7e8; padding: 6px 15px; font-size: 13px; line-height: 18px; font-weight: 400;}
.detail .text .complaint tr:nth-child(odd) td, .detail .text .complaint tr:nth-child(odd) th{ background: #fbfbfb}

.detail .text .anotation{margin: 20px 0 5px; padding: 0; font-size: 13px; line-height: 20px; color: #000000; font-weight: 600;}

.detail .text .status{margin: 15px 0 0; padding: 6px 20px; font-size: 12px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: 700; display: inline-block; vertical-align: middle;}
.detail .text .status.green{background: #00b100}
.detail .text .status.orange{background: #f98d4b}
.detail .text .status.red{background: #da0a0a}

.detail .text .rema{padding: 0; display: inline-block; color: #d20c0c; font-weight: 400; font-size: 12px; line-height: 20px; margin: 10px 0 0; }
.detail .text .rema strong{color: #d20c0c; font-weight: 700; font-size: 12px; line-height: 20px; }
    
.detail .text table.para{border-collapse: collapse; border-spacing: 0; width: 100%; margin: 5px 0 0;}
.detail .text table.para th{border: 1px solid #e6e7e8; font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; padding: 8px 15px; text-align: left; white-space: nowrap; width: 100px; background: #f9f9f9;}
.detail .text table.para td{border: 1px solid #e6e7e8; font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; padding: 8px 15px; text-align: left; width: calc(50% - 160px);}


.detail .text form{display: block; width: 100%;}
.detail .text form table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.detail .text form table th{font-size: 13px; line-height: 17px; color: #000000; font-weight: 500; padding: 8px 10px 17px 0; text-align: right; white-space: nowrap; vertical-align: top;}
.detail .text form table th:nth-child(3){padding-left: 20px;}
.detail .text form table td{padding: 0 0 10px;}
.detail .text form table tr:last-of-type td{padding: 0;}
.detail .text form table td input[type=text]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.detail .text form table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.detail .text form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.detail .text form table td input[type=text]:focus, .detail .text form table td textarea:focus{border: 1px solid #c93333;}

.detail .text form table td p{display: block; margin: 0; padding: 0; font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; text-align: right;}
.detail .text form table td a{font-size: 12px; line-height: 18px; color: #000000; font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .detail .text form table td a:hover{color: #c93333}



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

}


@media screen and (max-width: 500px){
.detail h1{font-size: 18px; line-height: 28px}
.detail .img{width: 80%;}
}







footer{padding: 60px 0; background: #f0f5f9; display: block; position: relative; background: url(/../img/footer.png) no-repeat center center/cover;}
footer .item{padding: 0; width: 15%; margin: 0; margin-right: 160px; display: block; float: left; position: relative; z-index: 10;}
footer .item .line{display: block; height: 2px; width: 80px; background: #00d3f8; margin: 15px 0;}
footer .item p.title{padding: 0; font-size: 18px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0; margin-bottom: 15px;}
footer .item p{display: block; margin: 0 0 20px; padding: 0; font-size: 14px; line-height: 22px; color: #fff; font-weight: 400;}
footer .item p strong{font-size: 14px; line-height: 22px; color: #fff; font-weight: 600;}
footer .item p a{font-size: 14px; line-height: 22px; color: #fff; font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch footer .item p a:hover{text-decoration: none; color: #2e947c}
footer .item img{display: block; margin: 0; width: 100%; max-width: 300px;}

footer .item p.gdpr{text-align: right; margin: 10px 0 0; font-size: 11px; line-height: 16px;}
footer .item p.gdpr a{font-size: 11px; line-height: 16px;}

footer .item ul{margin: 0; padding: 0;}
footer .item ul li{display: block; list-style: none; margin: 0 0 3px; padding: 0;}
footer .item ul li.margin{margin: 15px 0 0;}
footer .item ul li a{display: block; font-size: 14px; line-height: 22px; text-decoration: underline; color: #fff; font-weight: 600; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch footer .item ul li a:hover, footer .item ul li.active a{text-decoration: none; color: #2e947c}


footer .item form{margin: 32px 0 0; display: block; position: relative;}
footer .item form label{font-size: 0; height: 0; width: 0; line-height: 0;}
footer .item form input[type=text]{width: calc(100% - 32px - 70px); background: #f0f5f9; font-size: 14px; line-height: 22px; border: 1px solid #00d3f8; color: #2e947c; padding: 10px 15px; text-align: left; display: block; position: relative; -webkit-border-radius: 20px; border-radius: 20px;}
footer .item form input[type=text]::-webkit-input-placeholder{color: #c5c5c5;}    
footer .item form input[type=text]::-moz-placeholder{color: #c5c5c5;}  
footer .item form input[type=text]::-ms-input-placeholder{color: #c5c5c5;}
footer .item form .btn{position: absolute; right: 0; top: 0;}


footer .contact_box{width: 132px; height: 132px; background: #2e947c;display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%); box-shadow: 0px 2px 8px 4px rgba(0,0,0,0.2);  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer .contact_box img{width: 38px; height: 38px;}
footer .contact_box span{color: #fff; margin-top: 10px; font-size: 13px; line-height: 20px; text-transform: uppercase;}


footer .contact_box:hover{background: #03675f;}

@media screen and (max-width: 1024px){
footer .contact_box{display: none;}
footer .inside_middle{display: flex; flex-wrap: wrap; justify-content: space-evenly;}
footer .inside_middle .item{width: 25%; text-align: center; margin-right: 70px;}

}

@media screen and (max-width: 700px){
foooter{padding: 40px 0 60px;}
footer .inside_middle{display: flex; flex-direction: column; align-items: center;}
footer .inside_middle .item{margin-right: 0; width: 100%;}
footer .inside_middle .item.social{margin-top: 15px;}
footer .inside_middle .item.social ul.social{text-align: center;}

}






footer ul.social{display: block; margin: 0; text-align: left; padding: 0; height: 30px; position: relative; top: 15px;}
footer ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;}
footer ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-border-radius: 20px; border-radius: 20px; -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: 28px 28px; -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: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
footer ul.social li a.in::before{background-image: url(../../img/social_in_icon.svg) ;}
footer ul.social li a.fb::before{background-image: url(../../img/social_fb_icon.svg) ;}
footer ul.social li a.yt::before{background-image: url(../../img/social_yt_icon.svg) ;}
footer ul.social li a.li::before{background-image: url(../../img/social_li_icon.svg) ;}
footer ul.social li a.tw::before{background-image: url(../../img/social_tw_icon.svg) ;}
footer ul.social li a.in::after{background-image: url(../../img/social_in_icon_hover.svg) ;}
footer ul.social li a.fb::after{background-image: url(../../img/social_fb_icon_hover.svg) ;}
footer ul.social li a.yt::after{background-image: url(../../img/social_yt_icon_hover.svg) ;}
footer ul.social li a.li::after{background-image: url(../../img/social_li_icon_hover.svg) ;}
footer ul.social li a.tw::after{background-image: url(../../img/social_tw_icon_hover.svg) ;}
.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: 1024px) {
footer{padding: 40px 0;}
footer .item{width: 33.33%;}
footer .item:nth-child(3){display: none;}


footer .item p.title{font-size: 16px; line-height: 22px;}
footer .item p{font-size: 13px; line-height: 20px;}
footer .item p strong{font-size: 13px; line-height: 20px;}
footer .item p a{font-size: 13px; line-height: 20px;}

footer .item ul li a{font-size: 13px; line-height: 20px;}


footer .item form{margin: 32px 0 0; display: block; position: relative;}
footer .item form input[type=text]{font-size: 13px; line-height: 22px;}
}


@media screen and (max-width: 700px) {
footer{text-align: center;}
footer .item{width: 100%; float: none; margin: 40px 0 0;}
footer .item:nth-child(1){margin: 0;}
footer .item .line{margin: 15px auto;} 
footer .item form{max-width: 400px; margin: 15px auto 0; display: block; text-align: left;}
footer .item p.gdpr{text-align: center;}
}



@media screen and (max-width: 600px) {
footer{padding: 30px 0;}
footer .item{margin: 30px 0 0;}
} 


@media screen and (max-width: 500px) {
footer .item form input[type=text]{width: calc(100% - 32px - 60px); font-size: 12px; line-height: 20px; padding: 4px 15px; }
} 





.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; padding: 25px 0 40px;}
.drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; 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 ); content: ""; display: block;}
.drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;}
.drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; text-decoration: underline; border-left: 1px solid #e4e5e6;}
.drobky ul li.first{border: 0;}
.drobky ul li.first a{padding-left: 0;}
.drobky ul li.last{text-decoration: none}
.drobky ul li a{white-space: nowrap; position: relative; display: block; color: #808080; font-size: 11px; line-height: 17px; font-weight: 400; padding: 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .drobky ul li a:hover{text-decoration: none; color: #2e947c;}
.drobky ul li span{white-space: nowrap; display: block; color: #808080; font-size: 13px; line-height: 17px; font-weight: 400; padding: 0 0 0 15px; text-transform: uppercase;} 

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


@media screen and (max-width: 500px) {
.drobky{padding: 15px 0;}
.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;} 
}







.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: 13px; line-height: 20px; font-weight: 400;}
.contact_page .item .box .centering p:last-of-type{margin: 0;}
.contact_page .item .box .centering p strong{font-size: 13px; line-height: 20px; font-weight: 700;}
.contact_page .item .box .centering p a{font-size: 13px; line-height: 20px; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .contact_page .item .box .centering p a:hover{color: #2e947c}

.contact_page .mapa { position: absolute; left: 310px; right: 0; top: 0; bottom: 0; display: block; background: #f2f2f2;}
.contact_page .mapa #MyGmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;}
.contact_page .mapa a.btn { -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 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 { height: 260px;}
}






.contact_list{text-align: left; width: 100%; position: relative; margin: 0 auto 50px !important;}
.contact_list h2, .contact_list h3{text-align: left; margin: 30px 0 0; padding: 40px 0 10px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700; 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; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(25% - 3px); margin: 30px 0 0;}
.contact_list .item:nth-child(-n + 4){margin-top: 0;}
.contact_list .item .box{height: 96px; display: table; width: 100%;}
.contact_list .item .box .centering{display: table-cell; width: 100%; vertical-align: top; text-align: left;}
.contact_list .item.last .box .centering{vertical-align: middle;}
.contact_list .item .name{font-size: 16px; line-height: 20px; font-weight: 600; margin: 0; padding: 0;}
.contact_list .item .post{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0 0 6px; font-style: italic; color: #808080}
.contact_list .item p{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000;}
.contact_list .item p strong{font-size: 13px; line-height: 20px; font-weight: 700; color: #000000;}
.contact_list .item p a{font-size: 13px; line-height: 20px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .contact_list .item p a:hover{color: #2e947c;}

@media screen and (max-width: 1300px) {
.contact_list .item{width: calc(33.33% - 3px); 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% - 3px); 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: 650px) {
.contact_list .item{width: calc(100% - 3px);  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: 20px;}
.contact_list .item:nth-child(-n + 1){margin-top: 0;}
}





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


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

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


@media screen and (max-width: 650px) {
.contact_list2 .item{width: 100%;  margin: 20px 0 0; padding: 0;}
.contact_list2 .item:nth-child(-n + 4){margin-top: 20px;}
.contact_list2 .item:nth-child(-n + 3){margin-top: 20px;}
.contact_list2 .item:nth-child(-n + 2){margin-top: 20px;}
.contact_list2 .item:nth-child(-n + 1){margin-top: 0;}
.contact_list2 .item{display: flex; flex-direction: column; align-items: center;}

}  


@media screen and (max-width: 500px) {
.contact_list2 .item .name{font-size: 14px; line-height: 20px;}
.contact_list2 .item .post{font-size: 13px; line-height: 20px;}
.contact_list2 .item p{font-size: 13px; line-height: 20px;}
}             









.file_list{width: 100%; position: relative; margin: 0 auto;}
.file_list table{border-collapse:collapse;}
.file_list table tbody th{border: 1px solid lightgrey; padding: 10px 5px;}
.file_list table tbody tr td{border: 1px solid lightgrey;}
.detail .file_list{margin: 20px auto 0;}   
.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; -webkit-background-size: cover; 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: #000000; color: #ffffff; font-weight: 400; font-size: 14px; line-height: 20px;}


.file_list .clas_item{text-align: left; background: #ffffff; float: left; position: relative; border: 1px solid #f2f3f3; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a{text-decoration: none; font-size: 13px; color: #535353; 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{font-size: 13px; color: #000000; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .clas_item:hover{border: 1px solid #2e947c; background: #2e947c;}
.notouch .file_list .clas_item:hover a{color: #ffffff;}
.notouch .file_list .clas_item:hover a span{text-decoration: none; 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;}
.file_list .clas_item a span{font-size: 12px; line-height: 16px;  letter-spacing: 0;}
}





.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 60%; 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: #2e947c; -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;}
}









.search_box{position: relative; width: 320px; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.search_box input[type=text]{position: relative; z-index: 1; display: block; width: calc(100% - 66px); padding: 10px 51px 10px 15px; border: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: #252732; border: 1px solid #f4f3ee; background: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.search_box input[type=text]::-webkit-input-placeholder {color: #252732;}    
.search_box input[type=text]::-moz-placeholder {color: #252732;}  
.search_box input[type=text]::-ms-input-placeholder {color: #252732;}
.search_box input[type=text]:focus{border: 1px solid #00957e;}

.search_box button[type=submit].search_field{position: absolute; right: -2px; top: 0; width: 42px; height: 42px; background: none; z-index: 10; border: 1px solid #252732; background: #252732; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.search_box button[type=submit].search_field::before{opacity: 1; background: url(../img/search_white.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .search_box button[type=submit].search_field:hover{border: 1px solid #00957e; background: #00957e;}

.search_box form p.load{border: 1px solid #ffffff; top: calc(100% + 10px); opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 400; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left; 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);}
.search_box form p.load.active{opacity: 1; visibility: visible;}
.search_box form p.load::before{position: absolute; left: 15px; 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);}}

.search_box form p.error{border: 1px solid #ffffff; top: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 400; z-index: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left;}
.search_box form p.error.active{opacity: 1; visibility: visible;}
.search_box form p.error::before{position: absolute; left: 15px; 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;}

.search_box form ul{overflow: hidden; opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: calc(100% + 10px); left: 0; 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);}
.search_box form ul.hide{opacity: 0; visibility: hidden;}
.search_box form ul:empty{display: none;}
.search_box form ul li{list-style: none; display: block;}
.search_box form ul li a, .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: #515154; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .search_box form ul li:hover a, .search_box form ul li.active a{background: #f0f0f0; color: #515154;}
.notouch .search_box form ul li.special:hover a, .search_box form ul li.active.special a{background: #00957e; color: #ffffff;}
.search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%;  }
.search_box form ul li.special a, .search_box form ul li.special button{font-weight: 500; background: #252732; font-size: 12px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;}
.search_box form ul li a span{font-weight: 500; font-size: 12px; line-height: 22px; color: #515154; padding: 0;}
.notouch .search_box form ul li:not(.special):hover a, .search_box form ul li.active a, .notouch .search_box form ul li:not(.special):hover button, .search_box form ul li.active button{background: #f0f0f0; color: #000;}
.notouch .search_box form ul li.special:hover a, .search_box form ul li.active.special a, .notouch .search_box form ul li.special:hover button, .search_box form ul li.active.special button{text-decoration: none;}
.search_box form ul li > span{-webkit-border-radius: 0; border-radius: 0; background: #252732; 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;}




@media screen and (max-width: 600px) {
.search_box{width: 280px;}
}








#basket{margin: 0 auto; position: relative;}
#basket h1{padding-top: 50px;}
#basket .basket_navigation{width: 100%; position: relative; margin: 0 0 50px;}
#basket .basket_navigation h1{display: none; border: 0; margin: 0;}
#basket .basket_navigation ul{margin: 0; padding-top: 30px; 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: #ea1c24;	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: #ea1c24;	border-width: 9px; margin-left: -9px;}
#basket .basket_navigation ul li.active strong, #basket .basket_navigation ul li.active a{background: #ea1c24; border: 1px solid #ea1c24; 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:#ea1c24; border: 1px solid #ea1c24; color: #ffffff;}
.notouch #basket .basket_navigation ul li:hover a span{color: #ffffff;}



#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: #f2f2f2; 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:#2e947c;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: 500; text-align: left; padding: 0 15px 10px; border-bottom: 1px solid #efefef;}
#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 #efefef;}
#basket table.product_souhrn .celkem td{line-height: 18px !important; border-bottom: 2px solid #efefef;}
#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; background-size: cover; width: 80px; height: 80px; padding: 4px; position: relative; border: 1px solid #e0e6ea; 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 #2e947c;}
#basket table.product_souhrn td.one a .in, #basket table.product_souhrn td.one label .in{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 span.box{display: table; width: 100%; height: 60px;}
#basket table.product_souhrn td.two .main_link{font-weight: 500; letter-spacing: 0.5px; display: table-cell; vertical-align: middle; padding: 0 0 0 15px; font-size: 13px; line-height: 20px; text-decoration: none; text-align: left; color: #000000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
#basket table.product_souhrn td.two .main_link span{font-style: italic; font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;}
#basket table.product_souhrn td.two .main_link span strong{display: block; font-style: italic; font-weight: 500; color: #2e947c; font-size: 11px; line-height: 15px; letter-spacing: 0.5px;}
.notouch #basket table.product_souhrn tr.hover_efekt td.two a.main_link{color: #2e947c}
#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.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 #666666; background: #666666;  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: #2e947c; border: 1px solid #2e947c;}





#basket table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #000000; font-size: 14px; line-height: 28px; font-weight: 400; width: 110px;}
#basket table.product_souhrn td.four strong{color: #000000; font-size: 14px; line-height: 28px; font-weight: 600;}
#basket table.product_souhrn td.four strong.total{white-space: nowrap; color: #666666; font-size: 14px; line-height: 28px; font-weight: 700;}
#basket table.product_souhrn td.four strong.total.red{color: #000000; font-size: 18px;}
#basket table.product_souhrn td.four strong.total span{color: #000000; font-size: 12px; line-height: 28px; font-weight: 300; display: none;}
#basket table.product_souhrn td.four span{color: #000000; 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 #666666; background: #666666; -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: #2e947c; border: 1px solid #2e947c;}


#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 .gifts_list_basket{text-align: center; display: block; max-width: 450px; width: 100%; margin: 0 auto 20px;}
#basket .gifts_list_basket .item{cursor: pointer; margin: 10px 9px 20px; display: inline-block; vertical-align: top; padding: 12px; width: 100px; box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .gifts_list_basket.stop .item{margin: 0 9px 20px;}
.notouch #basket .gifts_list_basket .item:hover{box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6);}
#basket .gifts_list_basket .item .img{display: block; margin: 0 0 10px; width: 100%; height: 100px; background-attachment: local;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
#basket .gifts_list_basket .item .text{display: block; width: 100%; padding: 0; margin: 0;}
#basket .gifts_list_basket .item .text .title{display: block; font-size: 12px; line-height: 16px; color: #000000; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .gifts_list_basket .item .text .link{margin: 5px 0 0; display: block; font-size: 12px; line-height: 16px; color: #000000; font-weight: 400; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch #basket .gifts_list_basket .item:hover .text .link{color: #2e947c;}

#basket .gifts_list_baske.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; }
#basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; }
#basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 30px; height: 50px; left: -30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 30px; height: 50px; right: -30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
#basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch #basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before,
.notouch #basket .gifts_list_baske.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #2e947c;}


#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: #f2f2f2; border: 1px solid #dbdbdb !important;}
#basket textarea.order_text:focus{border: 1px solid #2e947c;}


#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; color: #000000}

#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: 0 0 15px 0; float: none; border: 1px solid #bcbec0; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
#basket .doprava_platba .item .box label{cursor: pointer; position: relative; padding: 15px 15px; display: block; font-size: 14px; 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{display: block; width: 80%; max-width: calc(100% - 160px); float: left; font-size: 13px; line-height: 18px; padding: 0; font-weight: 700; color: #3a3a3a; text-align: left; }
#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; color: #3a3a3a; 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; max-width: auto; 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; max-width: auto; 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: #2e947c;}
#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{display: none;}
#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 #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;  line-height: 34px; text-align: left;}
#basket.my_order .item p.title span{white-space: nowrap; position: relative; display: inline-block; vertical-align: middle; margin-right: 20px;}
#basket.my_order .item p.title span.number{color: #666666; font-size: 14px; line-height: 34px; font-weight: 400; text-align: left; }
#basket.my_order .item p.title span.number strong{color: #000000; font-size: 14px; line-height: 34px; font-weight: 700; text-align: left; }
#basket.my_order .item p.title span.date{color: #666666; font-size: 14px; line-height: 34px; font-weight: 400; text-align: left; }
#basket.my_order .item p.title span.date strong{color: #000000; font-size: 14px; line-height: 34px; font-weight: 700; text-align: left; }
#basket.my_order .item p.title span.price{color: #666666; font-size: 14px; line-height: 34px; font-weight: 400; text-align: left; }
#basket.my_order .item p.title span.price strong{color: #000000; font-size: 14px; line-height: 34px; font-weight: 700; text-align: left; }
#basket.my_order .item p.title span.status{color: #666666; font-size: 14px; line-height: 34px; font-weight: 400; text-align: left; }
#basket.my_order .item p.title span.status strong{color: #000000; font-size: 14px; line-height: 34px; font-weight: 700; 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: 768px) {
#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: inline-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 #e3e3e3 !important; padding-top: 15px;}
#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;}
#basket table.product_souhrn td.two .main_link span{text-align: center;}
#basket table.product_souhrn td.three{width: 100%; padding: 5px 0; font-size: 12px;}
#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;}
#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{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: #2e947c}
#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 p.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{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;}

}










.default_form{text-align: center; position: relative; margin: 0; display: block;}
.default_form form{padding: 30px 45px;  background: #ffffff; border: 1px solid #efefef; display: block; }
.default_form form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; 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: 17px; font-weight: 500; text-align: right; padding: 0 20px 0 0; margin: 0;}
.default_form form table th:nth-child(3){padding-left: 20px;}
.default_form form table td{padding: 0;}
.default_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: 14px; 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: 14px; 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 #2e947c;}

.default_form form table td.gdpr{text-align: right; margin: 10px 0 10px; font-size: 11px; line-height: 16px;}
.default_form form table td.gdpr a{font-weight: 600; text-decoration: underline; font-size: 11px; line-height: 16px;}
.notouch .default_form form table td.gdpr a:hover{color: #2e947c;}


.default_form .price .left_side{text-align: left; margin-top: 25px; padding-bottom: 15px;}
.default_form .price .left_side .main{color: #ea1c24; font-weight: 700; font-size: 27px; line-height: 34px;}
.default_form .price .left_side .main .bez_dph{color: #ea1c24; font-weight: 700; font-size: 20px; line-height: 26px;}
.default_form .price .left_side .sub{margin-left: 7px;}

.default_form .price .right_side .basket{text-align: left;}
.default_form .price .right_side .basket .first{margin-bottom: 15px;}

.default_form .price .right_side .basket .add_basket:hover{}


.default_form .price .right_side .basket .first input{text-align: center; padding: 10px 0px; border: 1px solid lightgrey; font-size: 14px; line-height: 22px; color: #4D555B; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;}


@media screen and (max-width: 768px) {
.default_form{margin: 0 0 30px;}
.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;}

.default_form .price .left_side{margin-top: 10px;}

.default_form .price .left_side .main{font-size: 20px; line-height: 26px}
}


 
.detail .hor_tabs .show form{padding: 30px 45px;  background: #ffffff; border: 1px solid #efefef; display: block; text-align: center; margin: 0;}
.detail .hor_tabs .show form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; margin: 0 0 15px;}
.detail .hor_tabs .show form .main{font-size: 16px; line-height: 22px; color: #4D555B; font-weight: 600; text-align: left;  margin: 0px 0 10px; padding: 25px 0 0; padding-left: 50px; border-top: 1px solid #f2f3f3; text-transform: uppercase;}
.detail .hor_tabs .show form table{width: 55%; border-collapse: separate; border-spacing: 0 8px; padding-left: 50px; margin-top: 65px; position: relative;}
.detail .hor_tabs .show form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 17px; font-weight: 500; text-align: left; padding: 0 20px 0 0; margin: 0;}
.detail .hor_tabs .show form table th:nth-child(3){padding-left: 20px;}
.detail .hor_tabs .show form table td{padding: 0;}
.detail .hor_tabs .show 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: 14px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.detail .hor_tabs .show form table td textarea{resize: none; overflow: hidden; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.detail .hor_tabs .show form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.detail .hor_tabs .show form table td input[type=text]:focus, .default_form form table td textarea:focus{border: 1px solid #2e947c;}

.detail .hor_tabs .show form table td.gdpr{text-align: right; margin: 10px 0 10px; font-size: 11px; line-height: 16px;}
.detail .hor_tabs .show form table td.gdpr a{font-weight: 600; text-decoration: underline; font-size: 11px; line-height: 16px;}
.notouch .detail .hor_tabs .show form table td.gdpr a:hover{color: #2e947c;}

.detail .hor_tabs .show .price .left_side{text-align: left;}
.detail .hor_tabs .show .price .left_side .main{color: #ea1c24; font-weight: 700; font-size: 27px; line-height: 34px;}

.detail .hor_tabs .show .price .right_side .basket{text-align: left;}
.detail .hor_tabs .show .price .right_side .basket .first{margin-bottom: 15px;}
.detail .hor_tabs .show .price .right_side .basket .first input{text-align: center; padding: 10px 15px; border: 1px solid lightgrey; color:#000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

.detail .hor_tabs .item .show form table tbody tr td .gdpr{text-align: right;}
.detail .hor_tabs .item .show form table tbody tr td .gdpr a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.detail .hor_tabs .item .show form table tbody tr td .gdpr a:hover{color: #2e947c}


@media screen and (max-width: 1400px) {
.detail .hor_tabs .show form table{float: right; margin-top: 20px;}
}

@media screen and (max-width: 1024px) {                
.detail{display: flex; flex-direction: column; align-items: center;}
.detail .text{width: 90%;}
.detail .hor_tabs{width: 90%;}
.detail .hor_tabs .show form{display: flex; justify-content: center; border: none; padding: 5px 0; width: 100%; }
.detail .hor_tabs .show form table{width: 100%; margin-top: 0; padding-left: 0;}
}


@media screen and (max-width: 900px) {
.show form table tr{display: flex; flex-direction: column;}
.detail .hor_tabs .show form table th{width: initial; text-align: center; margin: 10px 0 5px; padding-right: 0;}
.detail .hor_tabs .show form table th:nth-child(3){padding-left: 0;}


}



@media screen and (max-width: 768px) {
.detail .hor_tabs .show form{margin: 0 0 30px; border: none;}
.detail .hor_tabs .show form{display: block; padding: 25px 35px;}
.detail .hor_tabs .show form .title{font-size: 16px; line-height: 24px; margin: 0 0 10px;}
.detail .hor_tabs .show 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;}
.detail .hor_tabs .show form table tr:nth-child(1) th:nth-child(1){padding: 0 0 5px !important;}
.detail .hor_tabs .show form table th{text-align: center; padding: 15px 0 5px !important;}
.detail .hor_tabs .show form table td input[type=text], .default_form form table td input[type=password]{text-align: center;}
}

@media screen and (max-width: 500px) {
.detail .hor_tabs .show form table{padding-left: 0;}
.detail .hor_tabs .show form table tr{margin-top: 0;}
.detail .hor_tabs .show form{padding: 15px; width: initial;}
.detail .hor_tabs .show form .title{font-size: 14px; line-height: 20px;}
.detail .hor_tabs .show form table th{font-size: 12px; line-height: 16px;} 
}









.finall_order{text-align: left;}
.finall_order .text_box p{margin: 0 0 10px;}
.finall_order .text_box p:last-of-type{margin: 0 0 20px;}
.finall_order.center, .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;  background: #f2f2f2; 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: #f2f2f2;}
.normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;}


@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-bottom: 20px !important;}
.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{z-index: 999; 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: #f2f2f2; 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: 20px; font-weight: 600; line-height: 26px; margin: 0;}
.reg_form .box p.title .checker{margin: 0 0 0 4px;}
.reg_form .box p.anotation{text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; margin: 15px 0 20px;}
.reg_form .box p.anotation label{display: block; font-size: 14px; font-weight: 400; line-height: 21px; }
.reg_form .box p.anotation .checker{margin-right: 8px;}
.reg_form .box p.anotation span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #000000; font-size: 13px; line-height: 18px; text-align: left;}
.reg_form .box p.anotation span.text strong{color: #000000; font-size: 13px; line-height: 18px; text-align: left;}
.reg_form .box p.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 p{clear: both; display: block; font-size: 14px; font-weight: 400; color: #000000; line-height: 19px; text-align: left; margin: 0;}
.reg_form .box p strong{font-size: 14px; font-weight: 600; color: #000000; line-height: 19px;}
.reg_form .box p a{font-size: 14px; font-weight: 400; color: #000000; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .reg_form .box p a:hover{color: #666666;}
.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: 17px; color: #000000; font-weight: 500; text-align: right; padding: 0 20px 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; color: #666666; 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-size: 13px; font-weight: 600; line-height: 18px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .reg_form .box table td a:hover{color: #2e947c;}
.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% - 30px); 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: 14px; 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: #f2f2f2;}
.reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 14px; 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 #2e947c;}

.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 .box{width: 90%; padding: 0 5%; margin: 0; text-align: center;}
.reg_form .box.second{width: 90%; padding: 0 5%;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box .top_title{padding-top: 0;}
.reg_form .box.second .top_title{padding-top: 30px;}
.reg_form .box.long p.anotation{margin: 10px 0 30px;}
.reg_form .box p.anotation{margin: 5px 0 30px;}
.reg_form .box p.anotation.margin{margin: 0;}
.reg_form .box p.anotation.empty{display: none;}
.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;}
.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.margin{margin-top: 20px;}
.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box.second{width: 100%; padding: 0;}
.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 p.anotation{margin: 5px 0 20px; text-align: left; font-size: 12px;}
.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.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; font-size: 12px; margin: 0 auto;}
.reg_form .box table td a, .reg_form .box table td span.text, .reg_form .box p.anotation strong, .reg_form .box p.anotation span.text{font-size: 12px; line-height: 16px;}
.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:firs-of-type th:firs-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: #2e947c}
.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;}
form.max p.gdpr, div.form_max p.gdpr, form.max p.gdpr a, div.form_max p.gdpr a{font-size: 12px; line-height: 18px;}
#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 auto 10px;}
.c_column:not(.full) .login_form.margin{margin: 0 auto 10px;}
.login_form.pass{max-width: 100%;}
#basket .login_form{margin: 10px 0 0 !important;}
.login_form.hide, .login_form.hide2{display: none; opacity: 0; margin: 0 0 20px;}
.login_form p.overtitle{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 #efefef;}
.login_form .box.first.padding_bottom{padding: 0 4% 32px 0;}
.login_form .box p.title{font-size: 15px; font-weight: 600; line-height: 22px; margin: 0 0 10px;}
.login_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #000000; line-height: 19px; text-align: left; margin: 0;}
.login_form .box p:last-of-type{margin: 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 p.margin{margin-top: 10px;}
.login_form .box p strong{font-size: 13px; font-weight: 700; color: #000000; line-height: 19px;}
.login_form .box p a:not(.btn){font-size: 13px; font-weight: 700; color: #000000; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .login_form .box p a:not(.btn):hover{color: 18px;}
.login_form .box ul{margin: 0; padding: 0 0 20px;}
.login_form .box ul.reg_form_help{padding: 0;}
.login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #000000; line-height: 23px; text-align: left; margin: 0; 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: 17px; color: #000000; font-weight: 500; text-align: right; padding: 0 20px 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; color: #000000; 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: #f2f2f2;}
.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 #2e947c;}
.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 .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{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{border-top: 1px solid #e6e7e8;}
.notouch .login_form .box table td .sbOptions a:hover{background: #f0f0f0 !important; color: #000000 !important;} 

.login_form .box table td.gdpr{font-size: 12px; font-weight: 400; line-height: 18px; padding: 0;}
.login_form .box table td.gdpr a:not(.btn){font-size: 12px; line-height: 18px; 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: #2e947c;}

.login_form .box a.fb{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; margin: 5px 16px 0 0; position: relative; font-size: 12px; line-height: 40px; color: #ffffff; font-weight: 400; background: #21409a; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.login_form .box a.fb::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/fb_icon.png) no-repeat scroll center center #163076;}
.notouch .login_form .box a.fb:hover{background: #163076}
.login_form .box a.g{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; position: relative; font-size: 12px; line-height: 40px; color: #ffffff; font-weight: 400; background: #ed1c24; margin: 5px 0 20px; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.login_form .box a.g::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/g_icon.png) no-repeat scroll center center #b4161a;}
.notouch .login_form .box a.g:hover{background: #b4161a}
.login_form.login_page .box a.g{margin: 5px 0 0;}





@media screen and (max-width: 900px) {
.login_form{padding: 30px; max-height: initial !important;}
.login_form p.overtitle{margin: -5px 0 10px; text-align: left; text-transform: uppercase; font-weight: 700;}
.login_form p.center{text-align: left; line-height: 16px; 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{display: none;}    
.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:first-child th:first-child {padding: 0 0 3px;}
.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: 3px 0 15px;}
.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 p.title{display: block;}
.login_form .box a.fb, .login_form .box a.g{margin: 0 auto 10px !important; display: inline-block; zoom: 1; float: none;}
.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;}
.login_form .box table td a.forgotten{text-align: center; margin: 0 0 0 10px}
.login_form .box p{text-align: left; margin: 0 0 10px;}
.login_form .box ul{display: inline-block; vertical-align: middle;}
}

@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: #f2f2f2; 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: #2e947c; border: 1px solid #2e947c;}
.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;line-height: 20px !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;}




.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 p{margin: 0;}

.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: #2e947c;}
.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 a, .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; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
.buy_popup table.product_souhrn td.one span.centering{width: 100%; position: relative; display: table-cell; vertical-align: middle;}
.buy_popup table.product_souhrn td.one img{max-width: 68px; max-height: 68px; display: block; margin: 0 auto;}
.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-style: italic; 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-style: italic; font-weight: 500; color: #2e947c; 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;}
}






.tarif_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;}
.tarif_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; }
.tarif_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.tarif_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;}
.tarif_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; }
.tarif_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;}
.tarif_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;}
.tarif_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{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 #666;}

.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: #f2f2f2;}

.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: #f2f2f2; 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;}



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


#regform .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; border: 1px solid #e6e7e8; }
#regform .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;}
#regform .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;}
#regform .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;}
#regform .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #fff; padding: 0; left: -1px; right: -1px;}
#regform .sbOptions a{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: #000 !important; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
#regform .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;}
.notouch #regform .sbOptions a:hover{background: #f0f0f0 !important; color: #000000 !important;} 






/*SWIPEBOX*/
html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;max-width:100%;z-index:99999!important;overflow:hidden;-webkit-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{background: #ffffff; display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:0;min-height:0;width:100%}#swipebox-bottom-bar{bottom:50%}#swipebox-top-bar{bottom:0;height: initial; height: auto; text-align:center;color:#fff!important;font-size:15px;line-height:19px;}#swipebox-title{display:inline-block; max-width: 90%;text-align:center;background:#000000;margin:0 auto;padding:10px 25px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;-webkit-transition: background 400ms ease; transition: background 400ms ease;}.notouch #swipebox-close:not(.disabled):hover,.notouch #swipebox-next:not(.disabled):hover,.notouch #swipebox-prev:not(.disabled):hover{background-color: #2e947c; }#swipebox-arrows{display:block;margin:0 auto;width:100%;height:0;min-height:0}#swipebox-prev{background-position:-32px 13px;float:left;margin:-25px 0 0}#swipebox-next{background-position:-78px 13px;float:right;margin:-25px 0 0}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-bottom-bar,#swipebox-top-bar{opacity:.95}@media screen and (max-width:500px){#swipebox-close,#swipebox-next,#swipebox-prev{background-size:100px 20px;width:40px;height:40px}#swipebox-prev{background-position:-28px 11px}#swipebox-next{background-position:-65px 11px}#swipebox-close{background-position:11px 12px; background-size: 120px 22px; width: 50px; height: 50px;}}


/*OWLCAROUSEL*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;border-radius:20px;background:#869791;-webkit-transition:all .4s ease;transition:all .4s ease}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#ffffff;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}

/*UNIFORM*/
div.checker span,div.radio span{background-size:21px 21px;background-repeat:no-repeat;background-position:center center;-webkit-font-smoothing:antialiased}div.radio span{background-image:url(../img/sprite_radio.svg);background-size:48px 48px}div.checker,div.radio{display:inline-block;vertical-align:middle}div.checker:focus,div.radio:focus{outline:0}div.checker,div.checker *,div.radio,div.radio *{margin:0;padding:0}div.checker input{-webkit-appearance:none}div.checker{position:relative}div.checker,div.checker input,div.checker span{width:21px;height:21px;display:inline-block;zoom:1;vertical-align:middle}div.checker span{display:inline-block;vertical-align:top;text-align:center}div.checker input{opacity:0;border:none;background:0 0;display:inline-block}div.checker span.checked,div.checker.active span.checked,div.checker.disabled span.checked,div.checker.disabled.active span.checked,div.checker.focus span.checked,div.checker.focus.active span.checked,div.checker.hover span.checked,div.checker.hover.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker span,div.checker.active span,div.checker.disabled,div.checker.disabled.active,div.checker.focus span,div.checker.focus.active span,div.checker.hover span,div.checker.hover.active span{background-image:url(../img/sprite.svg)}div.radio{position:relative}div.radio input,div.radio span{width:16px;padding:0!important;margin:0;height:16px}div.radio span{display:inline-block;vertical-align:top;margin:0!important;text-align:center;background-position:left center}div.radio span.checked{background-position:right center}div.radio input{opacity:0;border:none;background:0 0;display:inline-block;text-align:center}div.radio.active span{background-position:left center}div.radio.active span.checked{background-position:right center}div.radio.focus span,div.radio.hover span{background-position:left center}div.radio.focus span.checked,div.radio.hover span.checked{background-position:right center}div.radio.focus.active span,div.radio.hover.active span{background-position:left center}div.radio.focus.active span.checked,div.radio.hover.active span.checked{background-position:right center}div.radio.disabled span,div.radio.disabled.active span{background-position:left center}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:right center}div.checker{margin:0}div.radio{height:16px;width:16px;display:inline-block;vertical-align:middle;margin:0}.platba_doprava div.radio{margin:10px;float:left}

/*TOOLTIP*/
.tooltip{display:inline-block;cursor:pointer;position:relative;z-index:999}.tooltip-item{cursor:pointer;display:inline-block;padding:0;margin:0;position:relative;font-weight:400;font-size:12px;line-height:16px;color:gray;text-decoration:underline}.tooltip-item::after{content:'';-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-content{visibility: hidden;position:absolute;z-index:9999;width:160px;left:50%;margin:0 0 -10px;bottom:36px;padding:10px 15px;text-align:left;background:#000000;opacity:0;cursor:default;}.tooltip-effect-2 .tooltip-content{-webkit-transform-origin:50% calc(100% + 30px);transform-origin:50% calc(100% + 30px);-webkit-transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);-webkit-transition:opacity 0.2s,-webkit-transform .2s;transition:opacity 0.2s,transform .2s}.notouch .tooltip.tooltip-effect-2:hover .tooltip-content,.tooltip.tooltip-effect-2.active_efekt .tooltip-content{visibility: visible; opacity:1;-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%)}.tooltip-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;border-color:transparent;border-top-color:#000000;border-width:6px;margin-left:-6px}.tooltip-text{display:block;text-align:center;font-size:11px;line-height:15px;color:#fff}.tooltip-text *{font-size:11px;line-height:15px;text-align:center;color:#fff}
.tooltip.pay{width: 12px; height: 12px; margin: -2px 0 0 8px !important;}
.tooltip.pay strong{display: block; width: 12px; height: 12px; padding: 0; margin: 0;  -webkit-border-radius: 8px; border-radius: 8px;}
.tooltip.pay.red strong{background: #e81b39;}
.tooltip.pay.green strong{background: #1aab1a;}
.tooltip.pay.grey strong{background: #b4bdb4;}
.tooltip.pay strong::before, .tooltip.pay strong::after{display: none;}
.tooltip.pay .tooltip-content, .tooltip.pay .tooltip-content span{line-height: 18px; margin: 0 !important;}
.tooltip.pay .tooltip-content{bottom: 100%; position: absolute !important; width: initial; width: auto; padding: 6px 10px; margin: 0 !important;}
.tooltip.pay .tooltip-content .tooltip-text{white-space: normal !important; font-size: 12px; line-height: 18px; color: #ffffff; text-align: center; width: 90px;}
.tooltip.pay .tooltip-content{-webkit-transform-origin: 50% calc(100% + 30px) translateX(-50%);transform-origin:50% calc(100% + 30px);-webkit-transform:perspective(1000px) rotate3d(1,0,0,45deg);transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);}
.notouch .tooltip.tooltip-effect-2:hover .tooltip-content,.tooltip.tooltip-effect-2.active_efekt .tooltip-content{-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%)}



/*SELECT*/
.sbHolder{position:relative;display:inline-block;zoom:1;*display:inline}a.sbSelector{outline:medium none;position:relative;text-decoration:none}.sbToggle{display:block;outline:none;position:absolute}.sbToggle.sbToggleOpen{background:url(../img/select_arrow.png) no-repeat scroll center bottom}.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151}.sbOptions{list-style:none;left:0;margin:0;padding:0;position:absolute;top:27px!important;text-align:center;overflow-y:auto}.sbOptions li{margin:0;padding:0;text-align:left}.sbOptions a{display:block;text-decoration:none;outline:none}.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px}

/*HISTORIE*/
#cd-timeline,#cd-timeline2,#cd-timeline3{opacity: 0; position:relative;padding:2em 0;width:100%;margin:2em auto!important; -webkit-transition: all 400ms ease; transition: all 400ms ease;}#cd-timeline::before, #cd-timeline2::before, #cd-timeline3::before{content:'';position:absolute;top:0;left:18px;height:100%;width:1px;background:#cccccc}.cd-timeline-block:after,.cd-timeline-content:after{content:"";clear:both}.cd-timeline-content .text_box{padding: 0;}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}.cd-timeline-img{display: block; text-align: center; border: 5px solid #fff; box-shadow: 0 0 0 1px #ccc; background: #00aff0; position:absolute;top:0;left:8px;width:10px;height:10px;border-radius:50%}.cd-timeline-content{position:relative;margin-left:60px;/*background:url(../img/main_bg.jpg) no-repeat scroll center center;*/ -webkit-background-size: cover; background-size: cover;;padding:0}.cd-timeline-content:after{display:table}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{display:inline-block}.cd-timeline-content .in_img{display: inline-block; vertical-align: top; width: 140px; margin: 0 15px 0px 0; position: relative}.cd-timeline-content .in_text{display: inline-block; vertical-align: top; width: 100%; margin: 0;}.cd-timeline-content .in_text .title{font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 0 4px; color: #005ca2; text-transform: uppercase;}.cd-timeline-content .in_text .line{width: 80px; margin: 8px 0; height: 2px; display: block; background: #005ca2;}.cd-timeline-content .in_text p{font-size: 13px; line-height: 22px; font-weight: 500; margin: 0;}.cd-timeline-content .cd-date{float:left;padding:0;font-weight:700}.cd-timeline-content .cd-date img{display: block;max-width: 100%; margin: 0}

@media only screen and (max-width:1200px) {.cd-timeline-block{height: initial !important; height: auto !important}.cd-timeline-content .cd-date{float: none; margin: 10px 0 0;}}
@media only screen and (min-width:1201px) {#cd-timeline,#cd-timeline2,#cd-timeline3{margin-top:3em;margin-bottom:3em}#cd-timeline::before,#cd-timeline2::before,#cd-timeline3::before{left:50%;margin-left:-1px}.cd-timeline-block{margin:4em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}.cd-timeline-img{left:50%;margin-left:-10px;}.cd-timeline-img.is-hidden{visibility:hidden}.cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}.cd-timeline-content{margin-left:0;padding:1.2em;width:43%}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-content .cd-date{position:absolute;width:100%;left:121%;top:0;font-size:18px}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:121%;text-align:right}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date img{float: right;}.cd-timeline-content.is-hidden{visibility:hidden}.cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}
@media only screen and (max-width:770px) {.cd-timeline-content .in_img{display: none;}.cd-timeline-content .in_text{width: 100%}}
@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}} @-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}

.cd-timeline-content .cd-date .in{max-width: 280px; display: inline-block; position: relative; overflow: hidden; border-radius: 62% 38% 52% 48% / 63% 47% 53% 37%; margin: 0 0 40px;}
.cd-timeline-content .text_box{padding: 0 0 40px;}