/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.img_hide{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}
.align-right{text-align: right !important}
.align-center{text-align: center !important}
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;}
 
 
.need{color: #cc0000;}
.color_orange{color: #e62226 !important;} 
 
.message_centering{z-index: 999999; min-height: 0; position: fixed; top: -92px;  width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; transition: all 750ms ease;}
.message_centering.active{top: 0;}

.flash{max-width: 700px; margin: 0 auto; min-height: 0; font-size: 13px; line-height: 40px; font-weight: 500; padding: 0 54px; clear: both; position: relative; letter-spacing: 0.5px;}
.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 #e62226;}
.alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009e08;}
.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: #171416; font-weight: 700; font-size: 30px; line-height: 36px; margin: 10px 0 40px; padding: 0; text-align: center;}        
h2{text-transform: uppercase; color: #171416;  font-weight: 700; font-size: 26px; line-height: 32px; margin: 30px 0 10px; padding: 0;}
h3{text-transform: uppercase; color: #171416;  font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 10px; padding: 0;}  
h4, h5, h6{text-transform: uppercase; color: #171416;  font-weight: 500; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;}   


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


sup{color: inherit; font-size: 12px;}

article a, article a strong, article strong a{font-weight: 700; text-decoration: underline;  transition: all  400ms ease;}
.notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{text-decoration: none;}


 
 
article{margin: 0 auto; text-align: left; line-height: 22px;}
.main_text article, .category_text article{padding: 0;}
article p, article div{margin:0 0 15px; text-align: left; line-height: 22px;}
article .text_p{margin: 0; }



article ul{margin: 15px 0; padding: 0;}
article ul li{padding: 0 0 0 28px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 11px 7px; background-size: 6px 9px;}
article ul ul{margin: 0; padding: 0; }

article ol{margin: 15px 0; padding: 0; counter-reset: item;}
article ol li{padding: 0 0 0 33px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;}
article ol li:before{position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; font-weight: 600; text-align: right; content: counter(item) ".";}
article ol ol{margin: 0; padding: 0;}
article ol ul{margin: 0; padding: 0;}
article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 11px 7px; background-size: 19px auto; padding: 0 0 0 33px;}
article 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: #171416; font-size: 20px; line-height: 24px; font-weight: 700; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}                                                                                                      
article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: left; font-size: 13px; font-weight: 700; line-height: 20px; padding: 8px 10px; background: #171416; color: #fff; border: 1px solid #666; border-right: 0;}
article table tr td{text-align: left; font-size: 14px; line-height: 20px; padding: 8px 10px; font-weight: 400; border: 1px solid #cacaca;}
article table tr td div{margin: 0;}
article table tr td{background: #fff;}


article img{max-width: 100%; margin: 0 auto 15px; display: block; }
article img.fr-fil{float: left; margin: 10px 30px 10px 0;}
article img.fr-fir{float: right; margin: 10px 0 10px 30px;}




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



html{margin: 0 auto; padding: 0; background: #f1f1f1 ;}                                                                                                        
body{min-height: 100vh; color: #666666; background: url(../img/main_bg.jpg) no-repeat scroll center 0 #fff; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: "sofia-pro-soft",sans-serif, Arial; padding: 0; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}



.inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1480px; margin: 0 auto;}
.inside_small{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 860px; margin: 0 auto;}
.inside_middle{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1000px; margin: 0 auto;}
.inside_max{position: relative; z-index: 100; width: 90%; padding: 0; margin: 0 auto;}



.btn{white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; padding: 8px 30px; font-weight: 400; font-size: 12px; line-height: 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all 400ms ease;}
.btn.line_height{line-height: 30px;}
.btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.btn.radius{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn.left{float: left;}
.btn.right{float: right;}
.btn.cursor{cursor: pointer;}
.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.bg_green{background: #85bf3f;}
.btn.bg_red{background: #e62226;}
.btn.bg_grey{background: #666666;}

.btn.border_green{border: 1px solid #85bf3f;}
.btn.border_red{border: 1px solid #e62226;}
.btn.border_grey{border: 1px solid #666666;}

.btn.color_green{color: #85bf3f;}
.btn.color_red{color: #e62226;}
.btn.color_grey{color: #666666;}
.btn.color_white{color: #ffffff;}



.notouch .btn.border_green.color_white.bg_green:hover, .notouch a.item:hover .btn.border_green.color_white.bg_green, .notouch .welcome_slider .inbox:hover .text .btn{border: 1px solid #85bf3f; background: #ffffff; color: #85bf3f;}
.notouch .btn.border_red.color_white.bg_red:hover{border: 1px solid #e62226; background: #ffffff; color: #e62226;}

.notouch .btn.border_green.color_white:hover, .notouch a.item:hover .btn.border_green.color_white{border: 1px solid #85bf3f; background: #85bf3f; color: #ffffff;}

.btn.big{padding-left: 45px; padding-right: 45px; }
.btn.xbig{padding-left: 45px; padding-right: 45px; padding-top: 15px; padding-bottom: 15px; }






.info_line{width: 100%; max-width: 1920px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; background: #fff; padding: 10px 0;}
.info_line p{margin: 0; font-size: 14px; color: #000; line-height: 22px; text-align: left;}




header{z-index: 999; padding: 34px 0; position: absolute; width: 100%; left: 0; right: 0; top: 0; max-width: 1920px; margin: 0 auto; -webkit-transition: all 400ms ease, top 0ms ease; transition: all 400ms ease, top 0ms ease;}
header.active{top: 0; position: fixed; background: rgba(20,14,18,0.85); padding: 14px 0; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); }

header a.logo{float: left; margin: 0 0 0 5%; width: 150px; height: 81px;  transition: all 400ms ease;}
header a.logo img{max-width: 150px; height: 81px; display: block;  transition: all 400ms ease;}
header.active a.logo{height: 51px;}
header.active a.logo img{height: 51px;}




header .box{display: flex; align-items: center; justify-content: flex-end; gap: 30px;}
header .box ul.socials{display: flex; gap: 18px; margin: 0; padding: 0;}
header .box ul.socials li{list-style: none; display: inline-block;}
header .box ul.socials li a{display: flex; gap: 18px; padding: 0; width: 28px; height: 28px; border-radius: 50%; background-color: #85bf3f; position: relative; font-size: 0; line-height: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box ul.socials li a:hover{background-color: #fff;}
header .box ul.socials li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box ul.socials li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .box ul.socials li a.fb::before{background: url(../img/social_fb_icon_white.svg);}
header .box ul.socials li a.fb::after{background: url(../img/social_fb_icon_green.svg);}
header .box ul.socials li a.in::before{background: url(../img/social_in_icon_white.svg);}
header .box ul.socials li a.in::after{background: url(../img/social_in_icon_green.svg);}
header .box ul.socials li a:hover::before{opacity: 0;}
header .box ul.socials li a:hover::after{opacity: 1;}




header nav{float: left; padding: 25px 0 24px 3%;  transition: all 400ms ease;}
header.active nav{padding: 10px 0 9px 3%; }
header nav ul{font-size: 0; margin: 0; padding: 0;}
header nav ul li{margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; list-style: none; position: relative;}
header nav ul li a{display: block; color: #fff; font-weight: 700; text-transform: uppercase; border: 1px solid transparent; font-size: 14px; line-height: 30px; padding: 0 13px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all 400ms ease;} 
.notouch header nav ul li a:hover, header nav ul li.active a{border: 1px solid #e62226;}

header ul.icons{float: right; padding: 25px 5% 24px 0; margin: 0; position: relative;  transition: all 400ms ease;}
header.active ul.icons{padding: 10px 5% 9px 0;}
header ul.icons li{vertical-align: middle; list-style: none; position: relative; display: inline-block; zoom: 1; *display: inline;}
header ul.icons li a.basket{border-bottom: 1px solid transparent; display: block; color: #fff; font-weight: 700; text-transform: uppercase; border: 1px solid transparent; font-size: 15px; line-height: 20px; padding: 5px 0; margin-right: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;  transition: all 400ms ease;}
.notouch header ul.icons li:hover a.basket{color: #e62226; border-bottom: 1px solid #e62226; }
header ul.icons li a.basket span{color: #e62226; font-weight: 700; text-transform: uppercase; font-size: 15px; line-height: 20px;}

header ul.icons li span.user{cursor: pointer; width: 38px; height: 38px; display: block; position: relative;}
header ul.icons li span.user::before{content: ""; width: 38px; height: 38px;  position: absolute; top: 0; left: 0; background: url(../img/user_icon.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 1;  transition: all 400ms ease;}
header ul.icons li span.user::after{content: ""; width: 38px; height: 38px; position: absolute; top: 0; left: 0; background: url(../img/user_icon_hover.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 0;  transition: all 400ms ease;}
.notouch header ul.icons li:hover span.user::before{opacity: 0;}
.notouch header ul.icons li:hover span.user::after{opacity: 1;}

header ul.icons li span.open_close_user{cursor: pointer; width: 38px; height: 38px; display: none; position: relative;}
header ul.icons li span.open_close_user::before{content: ""; width: 38px; height: 38px;  position: absolute; top: 0; left: 0; background: url(../img/user_icon.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 1;  transition: all 400ms ease;}
header ul.icons li span.open_close_user::after{content: ""; width: 38px; height: 38px; position: absolute; top: 0; left: 0; background: url(../img/user_icon_hover.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 0;  transition: all 400ms ease;}
.notouch header ul.icons li:hover span.open_close_user::before{opacity: 0;}
.notouch header ul.icons li:hover span.open_close_user::after{opacity: 1;}



header ul.icons li ul{z-index: 999; height: initial; height: auto; margin: 0; padding: 4px; background: #ffffff; border: 1px solid #f2f2f2; position: absolute; top: calc(100% - 8px); right: 0; visibility: hidden; opacity: 0;  transition: all 400ms ease; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header ul.icons li ul::before{display: block; bottom: 100%; right: 6px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; border-width: 12px; margin-left: -12px; }
header ul.icons li ul::after{display: block; bottom: 100%; right: 6px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
.notouch header ul.icons li:hover ul{visibility: visible; opacity: 1; top: calc(100% + 3px);}
header ul.icons li ul li{display: block; padding: 0; margin: 0 !important; width: auto !important; width: initial !important; height: initial !important; height: auto !important;}
header ul.icons li ul li a{line-height: 32px; font-weight: 400; white-space: nowrap; display: block; padding: 0 35px !important; font-size: 15px; color: #171416; text-align: center;  transition: all 400ms ease;}
.notouch header ul.icons li ul li a:hover, header ul.icons li ul li.active a{color: #e62226}

@media screen and (max-width: 1620px) {
    header .box{gap: 18px !important;}
    header .box ul.socials{gap: 10px !important;}
}

@media screen and (max-width: 1580px) {
    header .box ul.socials{position: relative; top: unset; right: unset; order: 1;}
    .open_close_navigation{order: 2; padding: 0 !important;}

    header ul.icons{padding: 6px 3% 7px 0 !important; order: 3;}
}

@media screen and (max-width: 1540px) {
    header nav ul li a{padding: 0 10px !important;}
}

@media screen and (max-width: 1440px) {
    header a.logo{width: 120px;}
}

@media screen and (max-width: 1340px) {
    header ul.icons{padding: 0 !important;}
    header .box ul.socials{right: 20px;}
}

@media screen and (max-width: 1100px) {
    header .box ul.socials{right: 0 !important;}
}

@media screen and (max-width: 500px) {
    header .box ul.socials{gap: 8px;}
}






.open_close_navigation{text-align: center; display: none; position: relative; float: left; height: 51px; width: 51px; z-index: 9999999; padding: 0 0 0 3%;  transition: all 400ms ease;}
.open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;}
.open_close_navigation .lines-button {font-size: 0; padding: 24px 11px;  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: #fff; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #fff; 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: #fff;}
.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 .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #85bf3f;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #85bf3f;} 
.notouch .open_close_navigation:hover .lines{background: #85bf3f;}  


.ipad_menu{display: none; position: absolute; max-width: 1920px; top: -700px; right: 0; left: 0; background: #140e12; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); padding: 109px 0 0; z-index: 997;  transition: all 400ms ease;}
.ipad_menu.move{top: 0 !important;}
.ipad_menu.active{display: block !important;}
.ipad_menu ul{overflow-y: auto; max-height: calc(100vh - 109px); display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.ipad_menu ul li{list-style: none; display: block;}
.ipad_menu ul li a{border-top: 1px solid #171416;  position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #fff;   transition: all 400ms ease;}
.notouch .ipad_menu ul li:hover a, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #e62226;}

.ipad_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; background: #009bc4}
.ipad_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;}
.notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #3a3d3e;}


.user_menu{display: none; position: absolute; max-width: 1920px; top: -700px; right: 0; left: 0; background: #140e12; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); padding: 109px 0 0; z-index: 997;  transition: all 400ms ease;}
.user_menu.move{top: 0 !important;}
.user_menu.active{display: block !important;}
.user_menu ul{overflow-y: auto; max-height: calc(100vh - 109px); display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.user_menu ul li{list-style: none; display: block;}
.user_menu ul li a{border-top: 1px solid #171416;  position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #fff;   transition: all 400ms ease;}
.notouch .user_menu ul li:hover a, .user_menu ul li.active a, .user_menu ul li a.active{background: #e62226;}

.user_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; background: #009bc4}
.user_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;}
.notouch .user_menu ul li:hover .icon, .user_menu ul li.active .icon{background: #3a3d3e;}






.main_top{z-index: 10; max-width: 920px; padding: 0 0 0 calc(10% + 150px); display: inline-block; position: relative;}
.main_top .box{padding: 0 0 50px; height: 506px; display: table; width: 100%}
.main_top .box .centering{display: table-cell; vertical-align: middle; width: 100%}
.main_top .box .centering h1{max-width: 760px; text-align: left; font-size: 40px; line-height: 46px; color: #fff; font-weight: 700; margin: 0; padding: 0;}
.main_top .box .centering p{max-width: 760px; font-size: 17px; line-height: 23px; color: #9f8f9b; font-weight: 400; margin: 0; padding: 32px 0 35px;}
.main_top .box .centering p a{font-size: 17px; line-height: 23px; color: #85bf3f; font-weight: 600;  text-decoration: underline; margin: 0;}
.notouch .main_top .box .centering p a:hover{text-decoration: none;}



.main_top .category_hp_list{display: block; width: 100%; text-align: left; font-size: 0; margin: 40px 0 0; }
.main_top .category_hp_list .item{display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-size: 0;}
.main_top .category_hp_list .item:nth-child(3n - 1){padding: 0 30px; margin: 0 30px; border-left: 1px solid #5a5a5a; border-right: 1px solid #5a5a5a;}
.main_top .category_hp_list .item .icon{display: inline-block; vertical-align: middle; width: 64px; height: 55px; background: no-repeat scroll center center; background-size: 64px 55px; margin: 0 15px 20px 0;}
.main_top .category_hp_list .item .icon.icon_2{background-image: url(../img/janus_icon1_white.svg); }
.main_top .category_hp_list .item .icon.icon_3{background-image: url(../img/janus_icon2_white.svg); }
.main_top .category_hp_list .item .icon.icon_4{background-image: url(../img/janus_icon3_white.svg); }
.main_top .category_hp_list .item .title{text-align: left; max-width: 160px; display: inline-block; vertical-align: middle; font-size: 18px; line-height: 30px; color: #fff; font-weight: 400; padding: 0; margin: 0 0 20px;}




.welcome_0{display: flex;}
.welcome_0 .recommend_box{display: inline-block; z-index: 9; width: 21.1%; background-color: #dcdddf; position: absolute; left: 68%; box-shadow: 10px 20px 30px rgba(0,0,0,0.42);}
.welcome_0 .recommend_box::after{content: '';position: absolute;top: -8px;right: -8px;bottom: 20%;left: -8px;background-image: url(../img/grid.svg);background-repeat: no-repeat;background-size: cover;}
.welcome_0 .recommend_box .top_box{padding: 30px; box-sizing: border-box; position: relative; z-index: 999; background-color: #dcdddf;}
.welcome_0 .recommend_box .top_box::after{content: ''; margin: 0 auto; width: 90%; height: 1px; border-top: 1px dashed #231f20; position: absolute; bottom: 0; left: 0; right: 0;}
.welcome_0 .recommend_box .top_box h2{color: #231f20;font-weight: 500;font-size: 21px;line-height: 32px;max-width: 180px;margin: 0 auto; text-align: center; position: relative; z-index: 9;}
.welcome_0 .recommend_box .top_box .left_knife{width: 70px; height: 70px; background-size: 70px 70px; background-image: url(../img/knife_left.svg); display: inline-block; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
.welcome_0 .recommend_box .top_box .right_knife{width: 70px; height: 70px; background-size: 70px 70px; background-image: url(../img/knife_right.svg); display: inline-block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.welcome_0 .recommend_box .recommend_slider{display: none; opacity: 0; background-color: #dcdddf; z-index: 9;}
.welcome_0 .recommend_box .recommend_slider .item{display: flex; flex-direction: column;}
.welcome_0 .recommend_box .recommend_slider .item .img{width: 75%; padding: 0 0 66%; margin: 10px auto; display: block; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;}
.welcome_0 .recommend_box .recommend_slider .item .img::before{content: ''; z-index: -1; background-image: url(../img/dots_bg.svg); background-size: cover; background-position: center; background-repeat: no-repeat; display: block; width: 90%; height: 90%; position: absolute;}
.welcome_0 .recommend_box .recommend_slider .item .text{text-align: center; display: flex; flex-direction: column; align-items: center; padding: 25px 28px 40px; box-sizing: border-box; position: relative;}
.welcome_0 .recommend_box .recommend_slider .item .text::after{content: ''; margin: 0 auto; width: 90%; height: 1px; border-top: 1px dashed #231f20; position: absolute; top: 0; left: 0; right: 0;}
.welcome_0 .recommend_box .recommend_slider .item .text p{margin: 0;}
.welcome_0 .recommend_box .recommend_slider .item .text .title{font-size: 30px; line-height: 40px; font-weight: 700; color: #231f20;}
.welcome_0 .recommend_box .recommend_slider .item .text .text_box{font-size: 15px; line-height: 22px; color: #231f20; margin-top: 8px;}
.welcome_0 .recommend_box .recommend_slider .item .text .price{color: #d36354; font-size: 44px; line-height: 50px; margin: 7px 0 5px;}
.welcome_0 .recommend_box .recommend_slider .item .text .price .unit{font-size: 30px; line-height: 36px;}
.welcome_0 .recommend_box .recommend_slider .item .text .red_but{padding: 16px 40px; color: #fff; background-color: #d36354; display: inline-block; margin-top: 20px; border-radius: 40px; transition: all 400ms ease;}
.welcome_0 .recommend_box .recommend_slider .item .text .red_but:hover{color: #d36354; background-color: #fff;}

.welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev{position: absolute; top: 50%; right: 100%; width: 60px; height: 60px; background-color: rgba(255,255,255,0.12); transition: all 400ms ease;}
.welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev::before{content: ''; transform: rotate(180deg); background-image: url(../img/arrow_right_white.svg); background-size: 26px 26px; background-position: center; background-repeat: no-repeat; display: block; width: 60px; height: 60px; position: absolute;}
.welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next{position: absolute; top: 50%; left: 100%; width: 60px; height: 60px; background-color: rgba(255,255,255,0.12); transition: all 400ms ease;}
.welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next::before{content: ''; background-image: url(../img/arrow_right_white.svg); background-size: 26px 26px; background-position: center; background-repeat: no-repeat; display: block; width: 60px; height: 60px; position: absolute;}

.welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev:hover, .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next:hover{background-color: rgba(0,0,0,0.99);}


.welcome_0 .no_slider_box{position: absolute; right: 8%;}
.welcome_0 .no_slider_box .img{display: block; max-width: 500px;}
.welcome_0 .no_slider_box .img img{display: block; width: 100%; height: auto;}

@media screen and (max-width: 1920px) {
    .welcome_0 .no_slider_box .img{max-width: 450px;}
}

@media screen and (max-width: 1780px) {
    .main_top{padding: 0 0 0 10% !important;}

    .welcome_0 .recommend_box .recommend_slider .item .text .title{font-size: 26px; line-height: 36px;}
    .welcome_0 .recommend_box .recommend_slider .item .text .price{font-size: 38px; line-height: 44px;}
    .welcome_0 .recommend_box .recommend_slider .item .text .price .unit{font-size: 27px; line-height: 34px;}
}

@media screen and (max-width: 1550px) {
    .welcome_0 .no_slider_box{right: 4%;}
    .welcome_0 .no_slider_box .img{max-width: 420px;}
}

@media screen and (max-width: 1500px) {
    .welcome_0 .recommend_box{left: 72%;}
    .welcome_0 .recommend_box .recommend_slider .item .text .red_but{padding: 14px 26px;}
    .welcome_0 .recommend_box .recommend_slider .item .text .price{font-size: 34px; line-height: 40px;}
    .welcome_0 .recommend_box .recommend_slider .item .text .price .unit{font-size: 24px; line-height: 30px;}

    .welcome_0 .no_slider_box{right: 6%;}
    .welcome_0 .no_slider_box .img{max-width: 370px;}
}

@media screen and (max-width: 1400px) {
    .main_top .category_hp_list{display: flex; flex-wrap: wrap; gap: 30px; justify-content: flex-start;}
    .main_top .category_hp_list .item{width: 35%;}
    .main_top .category_hp_list .item:nth-child(3n - 1){border: 0 !important; padding: 0 !important; margin: 0 !important;}
    .main_top .category_hp_list .item .title{min-height: 60px;}
    .welcome_0 .recommend_box{width: 24.1%; left: 66%;}
}

@media screen and (max-width: 1280px) {
    .main_top{padding: 80px 0 !important;width: unset !important;margin: unset !important;}
    .main_top .box .centering h1{text-align: left !important;}
    .main_top .box .centering p{text-align: left !important;}
    .main_top .category_hp_list .item .clear{display: none;}

    .welcome_0 .recommend_box .top_box{padding: 16px !important;}
    .welcome_0 .recommend_box .recommend_slider .item .text{padding: 12px 28px 28px !important;}
    .welcome_0 .recommend_box .recommend_slider .item .text .title{font-size: 24px; line-height: 36px;}
    .welcome_0 .recommend_box .recommend_slider .item .img{padding: 0 0 55%;}
}

@media screen and (max-width: 1100px) {
    .welcome_0{flex-direction: column;}

    .main_top{padding: 0 5% !important; width: 90% !important; margin: 0 auto !important;}
    .main_top .box .centering h1{text-align: center !important;}
    .main_top .box .centering p{text-align: center !important;}
    .main_top .category_hp_list{display: block; flex-wrap: unset; gap: unset; justify-content: unset;}
    .main_top .category_hp_list .item{width: initial;}
    .main_top .category_hp_list .item .title{min-height: unset; text-align: left !important;}
    .main_top .category_hp_list .item:nth-child(3n - 1){padding: 0 30px !important;margin: 0 30px !important;border-left: 1px solid #5a5a5a !important;border-right: 1px solid #5a5a5a !important;}
    .main_top .category_hp_list .item .clear{display: block;}

    .welcome_0 .recommend_box{width: 100%; position: relative; left: unset; box-shadow: unset;}
    .welcome_0 .recommend_box .top_box h2{max-width: unset; padding: 20px;}
    .welcome_0 .recommend_box .recommend_slider .item{flex-direction: row-reverse; width: 90%; margin: 0 auto; justify-content: center; gap: 55px;}
    .welcome_0 .recommend_box .recommend_slider .item .text{width: unset; justify-content: center; align-items: flex-start; padding: 30px 0 !important;}
    .welcome_0 .recommend_box .recommend_slider .item .text::after{opacity: 0;}
    .welcome_0 .recommend_box .recommend_slider .item .img{width: 34%; padding: 0 0 23%; margin: 10px 0;}

    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev{right: unset; left: 15px; top: 40%; width: 40px; background-color: rgba(0,0,0,0.41);}
    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev::before{width: 40px;}
    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next{left: unset; right: 15px; top: 40%; width: 40px; background-color: rgba(0,0,0,0.41);}
    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next::before{width: 40px;}

    .welcome_0 .no_slider_box{display: none;}
}

@media screen and (max-width: 768px) {
    .main_top{padding: 20px 5% 45px !important;}
    .main_top .category_hp_list .item:nth-child(2){padding: 20px 0 !important;margin: 20px 0 !important;border: 0 !important;border-top: 1px solid #5a5a5a !important;border-bottom: 1px solid #5a5a5a !important;}

    .welcome_0 .recommend_box .recommend_slider .item{flex-direction: column; align-items: center; gap: 0;}
    .welcome_0 .recommend_box .recommend_slider .item .text{flex-direction: column; align-items: center; width: 90%; padding: 8px 0 30px !important;}
    .welcome_0 .recommend_box .recommend_slider .item .img{width: 38%; padding: 0 0 27%;}
}

@media screen and (max-width: 550px) {
    .welcome_0 .recommend_box .recommend_slider .item .img{width: 50%; padding: 0 0 45%;}
    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-prev{left: 0;}
    .welcome_0 .recommend_box .recommend_slider .owl-controls .owl-buttons .owl-next{right: 0;}
}



    .info_panel{padding: 66px 0; display: block; width: 100%; background: url(../img/main_bg2.jpg) no-repeat scroll center top #eaeaea; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;}
    .info_panel .box{z-index: 10; padding: 0 0 0 calc(10% + 150px - 92px); display: block; position: relative;}
    .info_panel .box .item{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 275px; margin: 0 -4px 0 0;}
    .info_panel .box .item:nth-child(2){border-left: 1px dashed #a5a5a5; border-right: 1px dashed #a5a5a5;}
    .info_panel .box .item .icon_1{display: block; width: 90px; height: 90px; margin: 0 auto; background: url(../img/main_icon1.svg) no-repeat scroll center center; background-size: 90px 90px;}
    .info_panel .box .item .icon_2{display: block; width: 90px; height: 90px; margin: 0 auto; background: url(../img/main_icon2.svg) no-repeat scroll center center; background-size: 90px 90px;}
    .info_panel .box .item .icon_3{display: block; width: 90px; height: 90px; margin: 0 auto; background: url(../img/main_icon3.svg) no-repeat scroll center center; background-size: 90px 90px;}
    .info_panel .box .item .number{text-transform: uppercase; display: block; font-size: 45px; line-height: 50px; color: #85bf3f; font-weight: 700; margin: 0; padding: 0; text-align: center;}
    .info_panel .box .item .anotation{text-transform: uppercase; display: block; font-size: 15px; line-height: 20px; color: #171416; font-weight: 400; margin: 0; padding: 0; text-align: center;  transition: all 400ms ease;}
    .notouch .info_panel .box .item:hover .anotation{text-decoration: underline; color: #85bf3f}

    @media screen and (max-width: 1500px) {
        .info_panel{padding: 90px 0 66px;}
    }




    .container{padding: 124px 0 350px; background: #fff; position: relative; display: block;}
    .sub .container{padding: 60px 0;}
    .container .bg1{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/content_bg.jpg) no-repeat scroll center top; z-index: 0; }
    .container .bg2{position: absolute; top: 172px; bottom: 0; left: 0; right: 0; background: url(../img/content_bg.svg) no-repeat scroll center top; z-index: 0; background-size: 1920px 2164px}
    .container .bg3{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../img/sub_content_bg.jpg) no-repeat scroll center top; z-index: 0;}
    .container .box{width: 100%; position: relative; z-index: 10;}
    .container .box.spec{padding: 150px 0 163px}
    .container .box.spec2{padding: 150px 0 0}
    .container .box .img{text-align: center; width: 50%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px;}
    .container .box .img img{max-width: 100%; display: block;}
    .container .box .img .slider{margin: 0 auto; width: 439px; padding: 80px 29px 80px 28px; height: 538px; display: block; background: url(../img/tablet.svg) no-repeat scroll center center; background-size: 496px 698px; }
    .container .box .img .slider .item{display: block; text-align: center;}
    .container .box .img .slider .item a{margin: 1px 0 0 0; display: block; text-align: center;}
    .container .box .img .slider .item a .img{height: 405px; width: 100%; display: block; text-align: center; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .container .box .img .slider .item a .text{padding: 0; height: 130px; width: 100%; display: block; text-align: center; background-image: url(../img/text_bg.jpg); background-attachment: local; background-repeat: no-repeat; background-position: left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;  transition: none;}
    .container .box .img .slider .item a .text .boxes{display: table; height: 130px; width: 100%;}
    .container .box .img .slider .item a .text .boxes .centering{display: table-cell; vertical-align: middle; width: 100%;}
    .container .box .img .slider .item a .text .title{display: block; text-align: center; font-size: 20px; line-height: 24px; font-weight: 400; text-transform: uppercase; color: #000; padding: 0 0 5px;}
    .container .box .img .slider .item a .text .anotation{display: block; text-align: center; font-size: 15px; line-height: 19px; font-weight: 400; text-transform: uppercase; color: #000; padding: 5px 0 0;}

    .container .box .img .slider .owl-carousel .owl-wrapper-outer{z-index: 999;}

    .container .box .img .slider .owl-controls{z-index: 10; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: 0;}
    .container .box .img .slider .owl-controls .owl-pagination{position: absolute; left: 0; right: 0; bottom: -57px; display: block; text-align: center;}
    .container .box .img .slider .owl-controls .owl-pagination .owl-page{counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0 3px 0;}
    .container .box .img .slider .owl-controls .owl-pagination .owl-page span{position: relative; width: 8px; height: 8px; margin: 0; display: block; background: #171416; border: 1px solid #171416; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all 400ms ease;}
    .container .box .img .slider .owl-controls .owl-pagination .owl-page.active span, .notouch .container .box .img .slider .owl-controls .owl-pagination .owl-page:hover span{background: #fff}

    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev{top: 50%; margin-top: -20px; background: transparent; cursor: pointer; position:absolute; width: 40px; height: 40px; left: -100px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;  transition: all 400ms ease;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next{top: 50%; margin-top: -20px; background: transparent; cursor: pointer; position:absolute; width: 40px; height: 40px; right: -100px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;  transition: all 400ms ease;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev::before,
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 1; position: absolute; left: 0; top: 0; content: ""; display: block; width: 40px; height: 40px;  transition: all 400ms ease;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev::after,
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 0; position: absolute; left: 0; top: 0; content: ""; display: block; width: 40px; height: 40px;  transition: all 400ms ease;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev::before{background: url(../img/slider_arrow_left.svg) no-repeat scroll center center; background-size: 20px 20px;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev::after{background: url(../img/slider_arrow_left_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next::before{background: url(../img/slider_arrow_right.svg) no-repeat scroll center center; background-size: 20px 20px;}
    .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next::after{background: url(../img/slider_arrow_right_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
    .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before,
    .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 0;}
    .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after,
    .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 1;}
    .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .container .box .img .slider .owl-carousel .owl-controls .owl-buttons .owl-next:hover{background: #171416;}


    .container .box .text{text-align: center; width: calc(50% - 60px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; padding: 0 30px;}
    .container .box .text .icon_1{display: block; width: 120px; height: 90px; margin: 0 auto; background: url(../img/sub_icon1.svg) no-repeat scroll center center; background-size: 120px 90px;}
    .container .box .text .icon_2{display: block; width: 120px; height: 90px; margin: 0 auto; background: url(../img/sub_icon2.svg) no-repeat scroll center center; background-size: 120px 90px;}
    .container .box .text .icon_3{display: block; width: 120px; height: 90px; margin: 0 auto; background: url(../img/sub_icon3.svg) no-repeat scroll center center; background-size: 120px 90px;}
    .container .box .text .icon_4{display: block; width: 120px; height: 90px; margin: 0 auto; background: url(../img/sub_icon4.svg) no-repeat scroll center center; background-size: 120px 90px;}
    .container .box .text h2{display: inline-block; zoom: 1; *display: inline; width: 100%; max-width: 480px; text-align: center; font-size: 30px; line-height: 36px; color: #171416; font-weight: 700; margin: 0; padding: 0;}
    .container .box .text p{display: inline-block; zoom: 1; *display: inline; width: 100%; max-width: 480px; text-align: center; font-size: 15px; line-height: 22px; color: #171416; font-weight: 400; margin: 0; padding: 24px 0 30px;}




    .category_list{margin: 0 auto; display: block; width: 100%; position: relative; text-align: left; font-size: 0; padding: 0 0 60px;}
    .category_list .item{width: calc(33.33% - 40px / 3 - 2px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 20px 0 0; border: 1px solid #e6e6e6;}
    .category_list .item:nth-child(3n - 1){margin: 20px 20px 0;}
    .category_list .item:nth-child(-n + 3){margin-top: 0;}


    .category_list .item .img{height: 0; padding: 0 0 68%; width: 100%; display: block; text-align: center; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .category_list .item .box{text-align: center; display: table; height: 180px; width: 100%;  background-image: url(../img/product_text_bg.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .category_list .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
    .category_list .item .box .centering .title{display: block; text-align: center; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: #171416; padding: 0 0 5px;}
    .category_list .item .box .centering .anotation{display: block; text-align: center; font-size: 14px; line-height: 20px; font-weight: 300; color: #171416; padding: 5px 0 0;}




    .category_list .link_to_category{border: 1px solid #85bf3f; position: relative;}
    .category_list .link_to_category .in{display: block; position: relative; padding: 0 0 calc(68% + 180px); }
    .category_list .link_to_category .box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; margin: 0; background: #85bf3f;  transition: all 400ms ease;}
    .category_list .link_to_category .box .centering{font-size: 52px; line-height: 60px; color: #fff; padding: 0 40px; text-align: center;  transition: all 400ms ease;}
    .category_list .link_to_category .box .centering span{font-size: 26px; line-height: 30px; color: #fff; text-align: center;  transition: all 400ms ease; display: block;}
    .notouch .category_list .link_to_category:hover .box{background: #fff}
    .notouch .category_list .link_to_category:hover .box .centering, .notouch .category_list .link_to_category:hover .box .centering span{color: #85bf3f;}


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

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




.welcome_slider .inbox{min-height: 540px; position: relative;}

.welcome_slider .inbox #scene{z-index: 10; position: absolute; width: 260px; height: 251px; left: -5%; top: -130px;}
.welcome_slider .inbox #scene span{background: no-repeat scroll center center; background-size: contain; position: absolute; width: 100%; height: 100%; inset: 0;}
.welcome_slider .inbox #scene span.leaf1{background-image: url(../../img/leaf_1.png);}

.welcome_slider .inbox #scene1{z-index: 10; position: absolute; width: 420px; height: 407px; left: 96%; top: 0;}
.welcome_slider .inbox #scene1 span{background: no-repeat scroll center center; background-size: contain; position: absolute; width: 100%; height: 100%; inset: 0;}
.welcome_slider .inbox #scene1 span.leaf1{background-image: url(../../img/leaf_2.png);}

.welcome_slider .inbox .logo{width: 150px; height: 109px; position: absolute; right: 50px; top: 50px; z-index: 9;}
.welcome_slider .inbox .logo img{width: 100%; height: 100%; object-fit: contain; display: block;}
.welcome_slider .inbox .img{position: absolute; inset: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
.welcome_slider .inbox .img::before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.45);}
.welcome_slider .inbox .text{z-index: 9; padding: 60px; box-sizing: border-box; height: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%;}
.welcome_slider .inbox .text .top_text{display: flex; flex-direction: column;}
.welcome_slider .inbox .text .top_text h2{color: #fff; margin: 0; font-size: 50px; line-height: 62px; max-width: 700px; font-weight: 500; text-transform: unset;}
.welcome_slider .inbox .text .top_text p{color: #fff; margin: 24px 0 0; font-size: 16px; line-height: 24px; max-width: 600px; font-weight: 300;}
.welcome_slider .inbox .text .btn{padding: 16px 30px; font-size: 16px; line-height: 24px; font-weight: 300; margin: 48px 0 0; text-transform: none;}
.welcome_slider .inbox .link{position: absolute; bottom: 60px; right: 50px; font-size: 35px; line-height: 42px; font-weight: 300; color: #fff; margin: 0;}

@media screen and (max-width: 1700px) {
    .welcome_slider .inbox #scene{left: -4%;}
    .welcome_slider .inbox #scene1{left: 93%;}
}

@media screen and (max-width: 1600px) {
    .welcome_slider .inbox .logo{width: 130px; height: 99px;}
    .welcome_slider .inbox .text .top_text h2{font-size: 45px; line-height: 57px;}
    .welcome_slider .inbox .link{font-size: 32px; line-height: 40px;}
}

@media screen and (max-width: 1360px) {
    .welcome_slider .inbox .logo{right: 40px; top: 40px; width: 120px; height: 89px;}
    .welcome_slider .inbox .text{padding: 40px;}
    .welcome_slider .inbox .link{bottom: 50px; right: 40px;}
    .welcome_slider .inbox #scene{left: -6%;}
}

@media screen and (max-width: 1300px) {
    .welcome_slider .inbox{min-height: 440px;}
    .welcome_slider .inbox .text .top_text h2{font-size: 38px; line-height: 46px; max-width: 500px;}
    .welcome_slider .inbox .text .top_text p{max-width: 510px;}
}

@media screen and (max-width: 1100px) {
    .welcome_slider .inbox #scene,
    .welcome_slider .inbox #scene1{display: none;}
}

@media screen and (max-width: 1024px) {
    .welcome_slider .inbox .link{bottom: 40px; font-size: 29px; line-height: 36px;}
}

@media screen and (max-width: 820px) {
    .welcome_slider .inbox{min-height: 350px;}
    .welcome_slider .inbox .logo{right: 30px; top: 30px; width: 80px; height: 69px;}
    .welcome_slider .inbox .text{padding: 30px;}
    .welcome_slider .inbox .text .btn{padding: 13px 28px; margin: 40px 0 0;}
    .welcome_slider .inbox .link{bottom: 30px; font-size: 25px; line-height: 33px; right: 30px;}
}

@media screen and (max-width: 750px) {
    .welcome_slider .inbox .text .top_text h2{font-size: 30px; line-height: 38px; max-width: 400px;}
    .welcome_slider .inbox .text .top_text p{max-width: 400px;}
}

@media screen and (max-width: 600px) {
    .welcome_slider .inbox .logo{display: none;}
    .welcome_slider .inbox .text .top_text p{font-size: 16px; line-height: 22px;}
    .welcome_slider .inbox .link{padding: 0 0 35px 30px; position: relative; bottom: unset; right: unset; font-size: 19px; line-height: 28px;}
}




.drobky{max-width: 1920px; left: 0; right: 0; text-align: center; width: 100%; margin: 0 auto; padding: 21px 0; background: url(../img/text_bg.jpg) no-repeat scroll center center; }
.drobky ul{margin: 0; padding: 0 0 0 5%; text-align: left; position: relative; z-index: 20;}
.drobky ul li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: url(../img/drobky_arrow2.svg) no-repeat scroll left 8px; background-size: 6px auto; padding-left: 6px;}
.drobky ul li.first{background: none; margin: 2px -4px 2px 0; }
.drobky ul li.first a{padding: 0 20px 0 0; width: 55px; height: 9px;}
.drobky ul li.first a::before{position: absolute; left: 0; top: 0; content: ""; width: 55px; height: 9px; background: url(../img/drobky_home.svg) no-repeat scroll center center; background-size: 55px 9px; opacity: 1;  transition: all 400ms ease;}
.drobky ul li.first a::after{position: absolute; left: 0; top: 0; content: ""; width: 55px; height: 9px; background: url(../img/drobky_home_hover.svg) no-repeat scroll center center; background-size: 55px 9px; opacity: 0;  transition: all 400ms ease;}
.notouch .drobky ul li.first a:hover::before{opacity: 0;}
.notouch .drobky ul li.first a:hover::after{opacity: 1;}
.drobky ul li a{white-space: nowrap; text-transform: uppercase; position: relative; display: block; color: #333333; font-size: 12px; line-height: 30px; font-weight: 300; padding: 0 22px;  transition: all 400ms ease;}
.notouch .drobky ul li a:hover{text-decoration: none; color: #e62226;}
.drobky ul li span{white-space: nowrap; text-transform: uppercase; display: block; color: #333333; font-size: 14px; line-height: 30px; font-weight: 600; padding: 0 0 0 22px;}











.main_text{padding: 66px 0 36px; display: block; width: 100%; background-image: url(../img/text_bg.jpg); background-attachment: local; background-repeat: repeat; background-position: center top; /*-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ transition-property: background-position;}
.main_text.center{text-align: center;}
.main_text.center img.end_order{max-width: 100px; margin: 0 0 20px; display: block;}
.main_text.center img.end_order.center{margin: 0 auto 20px;}

.category_text{padding: 60px 0 36px; display: block; width: 100%;}
.category_text h1{text-align: left; margin: 0 0 30px;}

#content{position: relative; padding: 153px 0 0;}
/*
#content::before{z-index: 1; display: block; position: absolute; right: 5%; top: 0; background: url(../img/meat.png) no-repeat scroll center center; content: ""; display: block; width: 632px; height: 1066px;}
*/
.sub #content::before{display: none;}
.sub #content.axe::before{display: none !important; right: 0; top: 110px; background: url(../img/axe2.png) no-repeat scroll center center; width: 488px; height: 501px;}
.content{position: relative; z-index: 20;}


.box_list{padding: 66px 0; position: relative; display: block; background: #fff;}
.box_list .item{text-align: center; width: calc(33.33% - 40px); padding: 0 20px; margin-right: -4px; position: relative; z-index: 10; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.box_list .item.spec{border-left: 1px dashed #a5a5a5; border-right: 1px dashed #a5a5a5;}
.box_list .item .icon_1{display: block; width: 90px; height: 68px; margin: 0 auto; background: url(../img/sub_icon1.svg) no-repeat scroll center center; background-size: 90px 68px;}
.box_list .item .icon_2{display: block; width: 90px; height: 68px; margin: 0 auto; background: url(../img/sub_icon2.svg) no-repeat scroll center center; background-size: 90px 68px;}
.box_list .item .icon_3{display: block; width: 90px; height: 68px; margin: 0 auto; background: url(../img/sub_icon3.svg) no-repeat scroll center center; background-size: 90px 68px;}
.box_list .item .icon_4{display: block; width: 90px; height: 68px; margin: 0 auto; background: url(../img/sub_icon4.svg) no-repeat scroll center center; background-size: 90px 68px;}
.box_list .item h3{display: inline-block; zoom: 1; *display: inline; width: 100%; max-width: 480px; text-align: center; font-size: 26px; line-height: 30px; color: #171416; font-weight: 700; margin: 0; padding: 0;}
.box_list .item p{min-height: 80px; display: inline-block; zoom: 1; *display: inline; width: 100%; max-width: 480px; text-align: center; font-size: 14px; line-height: 20px; color: #171416; font-weight: 400; margin: 0; padding: 14px 0 20px;}








.detail{padding: 0; position: relative; z-index: 20; margin: 0 auto; }
.detail h1{text-align: left; margin: 0 0 30px;}

.detail .img{width: 43%; margin: 0; padding: 0; position: relative; display: block; float: left;}
.detail .img a.main{position: relative; width: 100%; height: 0; padding: 0 0 68%; display: block; margin: 0 0 10px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.detail .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 45px auto;  transition: all 400ms ease; }
.notouch .detail .img a.main:hover::before{opacity: 1;}

.detail .img .swipe_list a{height: 160px; margin: 0 0 10px; position: relative; display: block; float: left; width: calc(50% - 5px); background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.detail .img .swipe_list a:nth-child(2n){margin: 0 0 10px 10px;}
.detail .img .swipe_list a::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 45px auto;  transition: all 400ms ease; }
.notouch .detail .img .swipe_list a:hover::before{opacity: 1;}



.detail .text{text-align: center; width: calc(57% - 50px); margin: 0; padding: 0; position: relative; display: block; float: right;}
.detail .text .title{text-transform: uppercase; display: block; text-align: left; font-size: 16px; line-height: 22px; color: #171416; margin: 25px 0 5px 0; padding: 0; font-weight: 700;}
.detail .text article{width: 100%; float: none; text-align: left; display: block; text-align: left; font-size: 14px; line-height: 18px; color: #333333; margin: 0 0 30px 0; padding: 0; font-weight: 300;}




.detail .text .add_product{display: block; position: relative; width: 100%; padding: 29px 0 0; border-top: 1px dashed #a5a5a5; margin-bottom: 30px;}
.detail .text .add_product table{position: relative; width: 100%; border-collapse: collapse; border-spacing: 0;}
.detail .text .add_product table tr{border-top: 1px solid #f2f2f2;}
.detail .text .add_product table tr:first-of-type{border-top: 0;}
.detail .text .add_product table tr th{padding: 8px 12px; text-transform: uppercase; text-align: left; color: #acacac; font-weight: 300; font-size: 12px; line-height: 20px;}
.detail .text .add_product table tr td{padding: 8px 12px; text-align: left; color: #171416; font-weight: 400; font-size: 14px; line-height: 20px;}
.detail .text .add_product table tr th:nth-child(2), .detail .text .add_product table tr td:nth-child(2){text-align: center;}
.detail .text .add_product table tr th:nth-child(3), .detail .text .add_product table tr td:nth-child(3){white-space: nowrap; text-align: right;}
.detail .text .add_product table tr td input{padding: 0; width: 40px; background: #fff; font-size: 14px; line-height: 22px; border: 1px solid #dbdbdb; text-align: center; padding: 4px 0; margin: 0 auto;}

.detail .text .avaibility{background: url(../img/detail_icon1.svg) no-repeat scroll left top; background-size: 30px 30px;; padding: 0 0 12px 40px; margin: 0 0 12px; text-align: left; border-bottom: 1px dashed #a5a5a5;}
.detail .text .avaibility strong{text-align: left; font-size: 14px; line-height: 30px; color: #171416; padding: 0; font-weight: 600; text-transform: uppercase; display: block;}
.detail .text .avaibility strong span{text-align: left; font-size: 14px; line-height: 30px; color: #85bf3f; padding: 0; font-weight: 600;}

.detail .text .odber{background: url(../img/detail_icon2.svg) no-repeat scroll left top; background-size: 30px 30px;; padding: 0 0 12px 40px; margin: 0 0 12px; text-align: left; border-bottom: 1px dashed #a5a5a5;}
.detail .text .odber strong{text-align: left; font-size: 14px; line-height: 30px; color: #171416; padding: 0; font-weight: 600; text-transform: uppercase; display: block;}



.detail .text .info{padding: 15px 0 0 0; margin: 0; text-align: left; color: #000; font-size: 13px; line-height: 18px;}
.detail .text .info strong{text-align: left;  font-size: 13px; line-height: 18px; font-weight: 600;}
.detail .text .info strong.red{color: #e62226;}






.detail .text .price{padding: 29px 0 0; text-align: left; border-top: 1px dashed #a5a5a5}
.detail .text .price .left_side{width: calc(100% - 270px); margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.detail .text .price .left_side p.discount{font-size: 15px; line-height: 22px; color: #e62226; font-weight: 700; margin: 0;}
.detail .text .price .left_side p.discount span{font-size: 15px; line-height: 22px; color: #171416; font-weight: 600; margin: 0 15px 0 0; text-decoration: line-through}
.detail .text .price .left_side p.main{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 40px; line-height: 44px; color: #e62226; font-weight: 700; margin: 0;}
.detail .text .price .left_side p.main label{font-size: 40px; line-height: 44px; color: #e62226; font-weight: 700; margin: 0;}
.detail .text .price .left_side p.main span{font-size: 13px; line-height: 17px; color: #171416; font-weight: 600; margin: 0;}
.detail .text .price .left_side .warehouse{display: block; font-size: 15px; line-height: 22px; color: #171416; font-weight: 400; padding: 0; margin: 0;}
.detail .text .price .left_side .warehouse > strong{text-transform: uppercase;  font-size: 15px; line-height: 22px; color: #171416; font-weight: 700; }
.detail .text .price .left_side .warehouse > strong.green{color: #008f45}
.detail .text .price .left_side .warehouse > strong.orange{color: #ff901e}
.detail .text .price .left_side .warehouse > strong.red{color: #e62226}
.detail .text .price .left_side .warehouse > strong span{text-transform: none; font-size: 15px; line-height: 22px; color: #171416; font-weight: 700; }


.detail .text .price .right_side{text-align: right; width: 270px; margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.detail .text .price .right_side .basket{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; max-width: 200px; margin: 0 auto;  text-align: center; padding: 0; } 
.detail .text .price .right_side .basket input[type=text]{width: 0; font-size: 0; border: 0; padding: 0; visibility: hidden; opacity: 0;}
.detail .text .price .right_side .basket button{background: url(../img/add_basket.svg) no-repeat scroll 84% center #85bf3f; background-size: 18px auto; border: 1px solid #85bf3f; padding: 12px 60px 12px 50px; margin: 0; position: relative; font-size: 13px; line-height: 20px; color: #fff; font-weight: 800; text-transform: uppercase; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: none;  transition: all  400ms ease; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.notouch .detail .text .price .right_side .basket button:hover{text-decoration: underline;}





.detail .text .price .right_side_second{text-align: right; width: 270px; margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.detail .text .price .right_side_second .basket{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #85bf3f; max-width: 270px; margin: 0 auto;  border: 1px solid #85bf3f; text-align: center; padding: 0; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;} 
.detail .text .price .right_side_second .basket a.decrement{width: 26px; height: 26px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 3px 0 9px; color: #85bf3f; background: url(../img/decrement.svg) no-repeat scroll center center; background-size: 12px 1px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;   transition: all 400ms ease;}
.detail .text .price .right_side_second .basket a.increment{width: 26px; height: 26px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 9px 0 3px; color: #85bf3f; background: url(../img/increment.svg) no-repeat scroll center center; background-size: 13px auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;   transition: all 400ms ease;}
.notouch .detail .text .price .right_side_second .basket a.decrement:hover{background: url(../img/decrement_hover.svg) no-repeat scroll center center #fff; background-size: 12px 1px;}
.notouch .detail .text .price .right_side_second .basket a.increment:hover{background: url(../img/increment_hover.svg) no-repeat scroll center center #fff; background-size: 13px auto;}                                                                            
.detail .text .price .right_side_second .basket input[type=text]{position: relative; font-size: 13px; line-height: 20px; color: #171416; padding: 10px 0; width: 54px; font-weight: 400; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #fff; border: none; color: #535353; font-weight: 400;  transition: all  400ms ease;}
.detail .text .price .right_side_second .basket button{background: url(../img/add_basket.svg) no-repeat scroll right center; background-size: 18px auto; padding: 0 30px 0 0; margin-right: 9px; position: relative; font-size: 13px; line-height: 20px; color: #fff; font-weight: 800; text-transform: uppercase; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: none;  transition: all  400ms ease;}
.notouch .detail .text .price .right_side_second .basket button:hover{text-decoration: underline;}








/*
footer{z-index: 10; float: left; width: 100%; position: relative; background-image: url(../img/text_bg.jpg); background-attachment: local; background-repeat: no-repeat; background-position: left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;  transition: none;}
footer::before{width: 644px; height: 665px; display: block; content: ""; background: url(../img/axe.png) no-repeat scroll center center; position: absolute; right: 0; bottom: calc(100% - 350px);}
.sub footer::before{width: 385px; height: 650px; background: url(../img/meat2.png) no-repeat scroll center center; bottom: initial; bottom: auto; top: 0; right: 7%; z-index: 0;}
footer .mapa{height: 650px; position: relative; float: left; display: block; background: #fff; width: 50%; background-image: url(../img/google_map.jpg); background-attachment: local; background-repeat: no-repeat; background-position: left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;  transition: none;}
footer .mapa #MyGmaps{z-index: 0; position: relative; width: 100%; height: 650px; display: block; background: #fff;}
footer .mapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;}
footer .text{position: relative; float: right; display: block; width: 36%; padding: 0 7%; z-index: 10;}
footer .text .box{max-width: 360px; position: relative; display: table; height: 650px; width: 100%;}
footer .text .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
footer .text .box .centering p{font-size: 15px; line-height: 24px; font-weight: 400; color: #333333; margin: 0; padding: 0;}
footer .text .box .centering p strong{font-size: 20px; line-height: 24px; font-weight: 700; color: #333333;}
footer .text .box .centering p a{font-size: 15px; line-height: 24px; font-weight: 700; text-decoration: underline; color: #333333;}
.notouch footer .text .box .centering p a:hover{text-decoration: none;}
*/


footer{z-index: 10; float: none; width: 100%; position: relative;}
footer .mapa{height: 300px; position: relative; float: none; display: block; background: #fff; width: 100%; background-image: url(../img/mapa_new.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;  transition: none;}
footer .mapa #MyGmaps{z-index: 0; position: relative; width: 100%; height: 650px; display: block; background: #fff;}
footer .mapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;}




.sign{display: block; clear: both; background: #333333; padding: 0; text-align: center;}
.sign a{padding: 20px 5%; color: #a0a4a8; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; display: block;  transition: all 400ms ease;}
.notouch .sign a:hover{color: #fff;}









.container_white{background: #fff;}

aside{overflow: hidden; width: 280px; position: relative; float: left; display: block; padding: 50px 0 0 5%;; margin: 0;}


aside ul.first{display: block; margin: 0; padding: 0;}
aside.diff ul.first{margin: 60px 0;}
aside ul.first > li{list-style: none; display: block; margin: 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; border-top: 1px dashed #a5a5a5; }
aside ul.first > li:first-child{border-top: 0;}
aside ul.first > li > a{font-size: 0; position: relative; padding: 12px 20px; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first > li > a .icon{display: inline-block; vertical-align: middle; width: 50px; height: 43px; background: no-repeat scroll center center; background-size: 50px 43px; margin: 0 15px 0 0;}
aside ul.first > li > a .icon.icon_2{background-image: url(../img/janus_icon1_black.svg); }
aside ul.first > li > a .icon.icon_3{background-image: url(../img/janus_icon2_black.svg); }
aside ul.first > li > a .icon.icon_4{background-image: url(../img/janus_icon3_black.svg); }
aside ul.first > li > a .text{max-width: calc(100% - 67px); display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; color: #171416; font-weight: 600; padding: 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch aside ul.first > li a:hover .text{color: #85bf3f;}

aside ul.first > li.active > a .text{color: #85bf3f;}
aside ul.first > li.active > a .icon.icon_2{background-image: url(../img/janus_icon1_green.svg); }
aside ul.first > li.active > a .icon.icon_3{background-image: url(../img/janus_icon2_green.svg); }
aside ul.first > li.active > a .icon.icon_4{background-image: url(../img/janus_icon3_green.svg); }



aside ul.first > li > ul{display: none; margin: 0; padding: 8px 0; border-top: 1px dashed #a5a5a5; }
aside ul.first > li.active > ul{display: block;}
aside ul.first > li > ul > li{border-top: 1px solid #fff; list-style: none; display: block; margin: 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first > li > ul > li > a{position: relative; padding: 6px 20px 6px 85px; font-size: 14px; line-height: 20px; color: #171416; font-weight: 600; text-align: left; text-transform: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first > li > ul > li > a::before{content: ""; position: absolute; left: 70px; top: calc(50% - 4px); -webkit-border-radius: 20px; border-radius: 20px; width: 8px; height: 8px; background: #85bf3f; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch aside ul.first > li > ul > li > a:hover, aside ul.first > li > ul > li.active > a{color: #85bf3f}
.notouch aside ul.first > li > ul > li > a:hover::before, aside ul.first > li > ul > li.active > a::before{opacity: 1;}



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







.c_column{width: calc(90% - 280px - 50px); padding: 60px 5% 40px 50px; position: relative; float: right; display: block;}
.c_column.diff{width: calc(95% - 280px); padding: 60px 0;}
.c_column.full{width: 100%; float: none; padding: 60px 0;}
.hp .c_column.full{padding: 0;}



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

}




















#basket{width: 90%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 20;}
#basket .basket_navigation{width: 100%; position: relative; margin: 20px 0 50px;}
#basket .basket_navigation ul{margin: 0; padding: 0;}
#basket .basket_navigation ul li{position: relative; padding: 11px 0; display: inline-block; zoom: 1; *display: inline; margin-right: -5px; margin-left: calc(2% + (2% / 3)) ; width: calc(23% - 2px); border: 1px solid #e6e7e8; font-size: 14px; line-height: 20px; font-weight: 400; color: #171416; text-align: center; background: #f9f9f9;}
#basket .basket_navigation ul li span{display: block; font-size: 20px; line-height: 25px; font-weight: 500; color: #171416; text-align: center; }
#basket .basket_navigation ul li:first-child{margin-left: 0;}
#basket .basket_navigation ul li::after{display: none; top: 100%; 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: #e62226;	border-width: 10px; margin-left: -10px;}
#basket .basket_navigation ul li.active{background: #e62226; border: 1px solid #e62226; color: #fff;}
#basket .basket_navigation ul li.active span{color: #fff;}
#basket .basket_navigation ul li.active::after{display: block;}





#basket .inline_box{display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 50px 30px 0}
#basket table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin-bottom: 65px;}
#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: 400; text-align: left; padding: 0 15px 10px; border-bottom: 1px solid #e3e3e3;}
#basket table.product_souhrn th.one{padding: 0;}
#basket table.product_souhrn th.three{padding: 0 47px 10px 10px; text-align: left;}
#basket table.product_souhrn th.three.normal{padding: 0 15px 10px;} 
#basket table.product_souhrn th.five{text-align: center;}
#basket table.product_souhrn th.four{text-align: right;}

#basket table.product_souhrn td{height: 70px; padding: 8px 15px; border-bottom: 1px solid #e3e3e3;}
#basket table.product_souhrn .celkem td{border-bottom: 2px solid #e3e3e3;}
#basket table.product_souhrn td.no_border{border-bottom: 2px solid #fff;}
#basket table.product_souhrn td.no_border.small{display: none;}
#basket table.product_souhrn td.one{padding: 8px 0; width: 70px; 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{width: 68px; height: 68px; border: 1px solid #cbcbcb; position: relative; display: table; text-align: center;  transition: all  400ms ease; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#basket table.product_souhrn td.one span.centering{width: 100%; position: relative; display: table-cell; vertical-align: middle;}
#basket table.product_souhrn td.one img{max-width: 68px; max-height: 68px; display: block; margin: 0 auto;}

#basket table.product_souhrn td.two{padding: 8px 0; text-align: left;}
#basket table.product_souhrn td.two span.box{display: table; width: 100%; height: 70px;}
#basket table.product_souhrn td.two a.main_link, #basket table.product_souhrn td.two label.main_link, #basket table.product_souhrn td.two span.main_link{font-weight: 500; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 20px; text-decoration: none; text-align: left; color: #171416;  transition: all  400ms ease;}
#basket table.product_souhrn td.two a.main_link i, #basket table.product_souhrn td.two label.main_link i, #basket table.product_souhrn td.two span.main_link i{font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;}
.notouch #basket table.product_souhrn tr.hover_efekt td.one a{border: 1px solid #e62226; }
.notouch #basket table.product_souhrn tr.hover_efekt td.two a.main_link{color: #e62226; }

#basket table.product_souhrn td.three{text-align: center; padding: 0 10px; width: 130px; color: #171416; 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], #basket table.product_souhrn td.three input[type=number]{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 40px; font-size: 14px; line-height: 25px; color: #171416; font-weight: 400; padding: 6px 0; text-align: center; border: 0; border-bottom: 1px solid #d1d3d4; background: #fff;  transition: all  400ms ease;}
/*#basket table.product_souhrn td.three input[type=text]:focus{border-bottom: 1px solid #e62226}*/
#basket table.product_souhrn td.three .increment, #basket table.product_souhrn td.three .decrement{cursor: pointer; border: 1px solid #171416; width: 19px; height: 19px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;  -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; position: relative;  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: 21px; height: 21px; position: absolute; top: 0; left: 0;  transition: all  400ms ease;}
#basket table.product_souhrn td.three .increment::before{opacity: 1; background: url(../img/basket_recount_icon.png) no-repeat scroll 5px 5px;}
#basket table.product_souhrn td.three .decrement::before{opacity: 1; background: url(../img/basket_recount_icon.png) no-repeat scroll -15px 5px;}
#basket table.product_souhrn td.three .increment::after{opacity: 0; background: url(../img/basket_recount_icon.png) no-repeat scroll 5px -15px;}
#basket table.product_souhrn td.three .decrement::after{opacity: 0; background: url(../img/basket_recount_icon.png) no-repeat scroll -15px -15px;}
.notouch #basket table.product_souhrn td.three .increment:hover, .notouch #basket table.product_souhrn td.three .decrement:hover{background: #171416;}
.notouch #basket table.product_souhrn td.three .increment:hover::before{opacity: 0;}
.notouch #basket table.product_souhrn td.three .decrement:hover::before{opacity: 0;}
.notouch #basket table.product_souhrn td.three .increment:hover::after{opacity: 1;}
.notouch #basket table.product_souhrn td.three .decrement:hover::after{opacity: 1;}
#basket table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 22px; height: 19px; background: url(../img/recount_image.png) no-repeat scroll center -59px;  transition: all  400ms ease;}
#basket table.product_souhrn td.three input[type=image].error{opacity: 1; cursor: pointer; }



#basket table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #171416; font-size: 14px; line-height: 28px; font-weight: 400; width: 130px;}
#basket table.product_souhrn td.four strong{color: #171416; font-size: 14px; line-height: 28px; font-weight: 600;}
#basket table.product_souhrn td.four strong.total{white-space: nowrap; color: #171416; font-size: 18px; line-height: 28px; font-weight: 600;}
#basket table.product_souhrn td.four strong.total.red{color: #e62226;}
#basket table.product_souhrn td.four strong.total span{color: #171416; font-size: 12px; line-height: 28px; font-weight: 300; display: none;}
#basket table.product_souhrn td.four span{color: #171416; 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; zoom: 1; *display: inline; width: 18px; height: 18px; border: 1px solid #e62226; background: #e62226; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;  position: relative;  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;  transition: all  400ms ease;}
#basket table.product_souhrn td.five a::before{opacity: 0; background: url(../img/basket_recount_icon.png) no-repeat scroll -33px 5px;}
#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: #fff;}
.notouch #basket table.product_souhrn td.five a:hover::before{opacity: 1;}
.notouch #basket table.product_souhrn td.five a:hover::after{opacity: 0;}




#basket .doprava_platba {width: 100%; display: block; margin: 0 auto 70px;}
#basket .doprava_platba .item{float: left; width: 45%; margin: 0 2.5%;}
#basket .doprava_platba .item p.title{text-align: center; font-size: 19px; line-height: 25px; font-weight: 400; margin: 0; padding: 30px 0 20px;}
#basket .doprava_platba .item p.title strong{font-size: 19px; line-height: 25px; font-weight: 600; margin: 0; padding: 0 0 10px; color: #e62226}

#basket .doprava_platba .item.platba .box{display: block;}
#basket .doprava_platba .item .box{ width: calc(100% - 2px); margin: 0 0 15px 0; float: none; border: 1px solid #bcbec0;  transition: all  400ms ease;}
#basket .doprava_platba .item .box label{cursor: pointer; position: relative; padding: 10px 15px; display: block; font-size: 14px; line-height: 28px; font-weight: 400; color: #3a3a3a; text-align: left; }
#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: 5px 0; font-weight: 600; color: #3a3a3a; text-align: left; }
#basket .doprava_platba .item .box label span.text{display: block; max-width: calc(100% - 160px); padding: 0; position: relative; top: -4px; float: none; margin: 0 0 0 30px; font-size: 12px; line-height: 16px; font-weight: 400; color: #3a3a3a; text-align: left; }
#basket .doprava_platba .item .box label span.text a{text-decoration: none; font-size: 12px; line-height: 16px; font-weight: 400; color: #3a3a3a; }
#basket .doprava_platba .item .box label span.price{position: absolute; top: 14px; right: 15px; font-size: 13px; line-height: 20px; font-weight: 600; color: #3a3a3a; text-align: right;  transition: all  400ms ease;}
#basket .doprava_platba .item .box label .radio{width: 21px; height: 21px; float: left; margin: 4px 10px 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;  transition: all  400ms ease;}
/*#basket .doprava_platba .item .box.active label span.price, #basket .doprava_platba .item .box:hover label span.price{color: #e62226;}*/
#basket .doprava_platba .item .box.active, #basket .doprava_platba .item .box:hover{border: 1px solid #171416;}


#basket .doprava_platba  .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0; top: -16px; border: 1px solid #171416; }
#basket .doprava_platba  .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.png) no-repeat scroll center center; right: 0; top: 0; bottom: 0; width: 30px;}
#basket .doprava_platba  .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_hover.png) no-repeat scroll center center;}
#basket .doprava_platba  .sbHolder a.sbSelector{width: calc(100% - 60px); margin: 0; display: block; color: #171416 !important; font-size: 13px; 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: #fff; padding: 0; left: -1px; right: -1px;}
#basket .doprava_platba  .sbOptions a{text-decoration: none; border: 1px solid #171416; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 400; color: #171416 !important;   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 #171416;}
.notouch #basket .doprava_platba  .sbOptions a:hover{background: #f0f0f0 !important;} 


#basket p.celkem{text-align: center; margin: 20px 0 0;}
#basket p.celkem.margin{margin: 0;}
#basket p.celkem strong{display: block; font-size: 40px; line-height: 44px; color: #e62226; font-weight: 700; margin: 0;}
#basket p.celkem a{ font-size: 15px; color: #e62226; font-weight: 700; margin: 0; text-decoration: underline;}
.notouch #basket p.celkem a:hover{ text-decoration: none;}

#basket .next_step{float: right;}
#basket .prev_step{float: left;}

#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: #fff;}
#basket.my_order .item{position: relative; margin-bottom: 20px; padding: 20px 3%; border: 1px solid #e3e3e3; width: calc(94% - 2px);  transition: all  400ms ease;}
#basket.my_order .item p.title{font-size: 0; margin: 0; padding: 0;  line-height: 34px; text-align: left;}
#basket.my_order .item p.title span{position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 25px;}
#basket.my_order .item p.title span.number{margin: 0; background: #fff; position: absolute; left: calc(3% - 8px); top: -17px; padding: 0 8px; color: #231f20; font-size: 16px; line-height: 34px; font-weight: 600; text-align: left; }
#basket.my_order .item p.title span.date{width: 140px; text-align: left; color: #231f20; font-weight: 400; font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.date strong{font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.price{white-space: nowrap; width: calc(100% - 760px); text-align: left; color: #171416; font-weight: 400; font-size: 13px; line-height: 20px;}
#basket.my_order .item p.title span.price strong{font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.status{width: 110px; text-align: left; color: #171416; font-weight: 400; font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.status strong{font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.pref{width: 220px; text-align: left; color: #171416; font-weight: 400; font-size: 13px; line-height: 34px;}
#basket.my_order .item p.title span.pref strong{font-size: 13px; line-height: 34px;}

#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; font-size: 14px; text-transform: none;}
#basket.my_order .box{display: none; clear: both; padding: 40px 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; zoom: 1; *display: inline; vertical-align: middle; line-height: 38px; margin-top: 20px;}
#basket.my_order .box .control_package a{display: inline-block; text-align: right; color: #231f20; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px; text-decoration: underline;  transition: all  400ms ease;}
.notouch #basket.my_order .box .control_package a:hover{color: #e62226}





.finall_order{text-align: center;}
.finall_order p{font-size: 14px; line-height: 20px; color: #171416; text-align: center;}
.finall_order p strong{font-size: 14px; line-height: 20px; color: #171416; text-align: center; font-weight: 700;}
.finall_order p a{text-decoration: underline;; font-size: 14px; line-height: 20px; color: #e62226; font-weight: 700; text-align: center;  transition: all 400ms ease;}
.notouch .finall_order p a:hover{text-decoration: none;}


.reg_form_text{display: inline-block; vertical-align: middle; }


.reg_form{display: block; position: relative; margin: 40px 0 0;}
.reg_form.margin{margin-top: 40px;}
.reg_form.center{text-align: center; font-size: 0;}
.reg_form .box{position: relative; width: 52%; padding: 20px 3% 20px 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.reg_form .box h2{margin-top: 0;}
.reg_form .box.second{width: 42%; padding: 20px 0 20px 3%;}
.reg_form .box.full{display: none; width: calc(100% - 60px); margin: 30px 0 0; background: #f9f9f9; border: 1px solid #e6e7e8; padding: 25px 30px 10px;}
.reg_form .box.full.show{display: block;}
.reg_form .box:not(.second)::before{content: ""; display: block; position: absolute; right: 0; top: 5px; bottom: 0; width: 1px; background: #d1d3d4;}
.reg_form .box.second::before{content: ""; display: block; position: absolute; left: -1px; top: 5px; bottom: 0; width: 1px; background: #d1d3d4;}
.reg_form .box .top_title{width: 100%; text-align: center; display: block;}
.reg_form .box p.title{display: inline-block; zoom: 1; *display: inline; text-align: center; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;}
.reg_form .box p.anotation{text-align: center; font-size: 14px; font-weight: 300; line-height: 21px; margin: 25px 0 30px;}
.reg_form .box p.anotation strong{ font-size: 14px; font-weight: 600; line-height: 21px; }
.reg_form .box p.anotation label, .reg_form .box p.anotation span{display: block; font-size: 14px; font-weight: 300; line-height: 21px; }
.reg_form .box p.anotation label .checker, .reg_form .box p.anotation span .checker{vertical-align: top; margin-right: 8px;}

.reg_form .box p.anotation.red{font-weight: 600; line-height: 21px; margin: 10px 0 15px; color: #e62226;}

.reg_form .box .change_buy{cursor: pointer; margin: 0 50px 0 75px; width: 30px; height: 18px; background: #e62226; position: relative;  display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all  400ms ease;}
.reg_form .box .change_buy.hover_efekt{background: #4d4d4d;}     
.reg_form .box .change_buy .change_1{display: block; font-size: 14px; line-height: 18px; text-align: center; position: absolute; color: #4d4d4d; font-weight: 300; top: 50%; margin-top: -9px; left: -47px;  transition: all  400ms ease;}
.reg_form .box .change_buy .change_2{display: block; font-size: 14px; line-height: 18px; text-align: center; position: absolute; color: #4d4d4d; font-weight: 300; top: 50%; margin-top: -9px; right: -43px;  transition: all  400ms ease;}
.reg_form .box .change_buy .change_1.non{color: #e62226;}
.reg_form .box .change_buy .change_2.non{color: #e62226;}
.reg_form .box .change_buy .change_1, .reg_form .box .change_buy .change_2{cursor: pointer;}
.reg_form .box .change_buy span.circle{background: #fff; position: absolute; left: 1px; top: 1px; display: block; width: 16px; height: 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all  400ms ease;}
.reg_form .box .change_buy.active span.circle{left: 13px;}
.notouch .reg_form .box .change_buy.hover_efekt .change_1.non:hover, .notouch .reg_form .box .change_buy.hover_efekt .change_2.non:hover{color: #e62226}
.reg_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-align: left; margin: 0;}
.reg_form .box p strong{font-size: 13px; font-weight: 600; color: #231f20; line-height: 19px;}
.reg_form .box p a{font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-decoration: underline;  transition: all  400ms ease;}
.notouch .reg_form .box p a:hover{color: #e62226;}
.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: #231f20; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0;  transition: opacity  400ms ease;}
.reg_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #e62226; 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: 13px; font-weight: 300; line-height: 25px;  transition: opacity  400ms ease;}
.reg_form .box table td.padding{text-align: right; padding: 3px 0 10px;  transition: padding  400ms ease;}
.reg_form .box table td.padding.centering{text-align: center;}
.reg_form .box table td span{margin-right: 0; position: relative;; top: -5px; right: 0; color: #e62226; font-size: 14px; line-height: 20px;}
.reg_form .box table td a{ font-size: 13px; font-weight: 600; line-height: 25px; text-decoration: underline;  transition: all  400ms ease;}
.notouch .reg_form .box table td a:hover{color: #e62226;}
.reg_form .box table td .checker{vertical-align: middle; margin: 5px 8px 0 0;}
.reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam{opacity: 0;}
.reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{opacity: 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{cursor: text; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #171416;  transition: all  400ms ease;}
.reg_form .box table td input[type=text].datepick{background: url(../img/form_calendar.svg) no-repeat scroll right center; background-size: 31px 30px;}
.reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #171416;  transition: all  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 #e62226;}


.reg_form .box table td .gdpr{display: block; font-size: 0; margin: 8px 0 0; }
.reg_form .box table td .gdpr .checker{margin: 0 8px 0 0; vertical-align: middle;}
.reg_form .box table td .gdpr .checker *{top: 0;}
.reg_form .box table td .gdpr .in_text{top: 0; color: #000; font-size: 13px; line-height: 18px; text-align: left; display: inline-block; vertical-align: middle; width: calc(100% - 30px);}
.reg_form .box table td .gdpr .in_text a{font-size: 13px; line-height: 18px;}

.reg_form .box table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0; top: 0; border: 1px solid #e6e7e8; }
.reg_form .box table td .sbHolder .sbToggle{margin: 0; background: url(../img/form_clock.svg) no-repeat scroll center center; background-size: 31px 30px; right: 0; top: 0; bottom: 0; width: 31px;}
.reg_form .box table td .sbHolder a.sbSelector{width: calc(100% - 60px); margin: 0; display: block; color: #171416 !important; font-size: 13px; line-height: 20px; padding: 5px 15px; font-weight: 400; text-align: left; text-decoration: none;}
.reg_form .box table td .sbOptions{max-height: 300px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;}
.reg_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: 5px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 400; color: #171416 !important;  transition: all  400ms ease;}
.reg_form .box table td .sbOptions li:first-child{display: none;}
.reg_form .box table td .sbOptions li:nth-child(2) a{border-top: 1px solid #e6e7e8;}
.notouch .reg_form .box table td .sbOptions a:hover{background: #f9f9f9 !important;}




   
   
.info_list{display: block; position: relative;}
.info_list .line{border-top: 1px solid #d1d3d4; display: block; margin: 15px 0 0; padding: 10px 0 0;}
.info_list .item{padding: 5px 0; margin: 5px 0; text-align: left; font-size: 0;}
.info_list .item .icon{display: inline-block; vertical-align: middle; width: 35px; margin: 0 10px 0 0;}
.info_list .item .icon img{display: block; width: 100%;}
.info_list .item article{margin: 0; display: inline-block; vertical-align: middle; width: calc(100% - 45px); color: #000;}
.info_list .item.red article, .info_list .item.red article *{color: #e62226;}


.info_list .item.top .icon{vertical-align: top;}
.info_list .item.top article{vertical-align: top;}   
   
.detail .info_list .item{margin: 20px 0 0;}   
.detail .info_list .item .icon{vertical-align: top;}
.detail .info_list .item article{vertical-align: top;}






.cascade_omni{display: flex; flex-direction: column; padding: 60px 0;}
.cascade_omni .box{display: flex; margin-top: 90px; flex-direction: row-reverse;}
.cascade_omni .box:nth-child(1){margin-top: 0;}
.cascade_omni .box:nth-child(2n){flex-direction: row;}
.cascade_omni .box .left{width: 50%;}
.cascade_omni .box .left .img{width: 100%;height: 100%;display: block;background-position: center;background-size: cover;background-repeat: no-repeat;}
.cascade_omni .box .right{width: 50%; padding: 80px 60px; box-sizing: border-box; text-align: center;}
.cascade_omni .box .right h2{margin: 0;}
.cascade_omni .box .right .text_box{color: #171416;}

@media screen and (max-width: 1280px) {
    .cascade_omni .box .right{padding: 40px;}
}

@media screen and (max-width: 600px) {
    .cascade_omni{padding: 0 0 20px;}
    .cascade_omni .box{flex-direction: column-reverse; margin-top: 60px;}
    .cascade_omni .box:nth-child(2n){flex-direction: column-reverse;}
    .cascade_omni .box .left{width: 100%;}
    .cascade_omni .box .left .img{padding: 0 0 50%;}
    .cascade_omni .box .right{width: 100%; box-sizing: border-box; padding: 16px 24px;}
    .cascade_omni .box .right .title{font-size: 26px; line-height: 32px;}
}



                          
.spec_box{border: 1px solid #e3e3e3;}
.spec_box p.open_login{cursor: pointer; font-size: 300; font-size: 17px; line-height: 25px; color: #231f20; text-align: center; position: relative; padding: 18px 0; margin: 0;  transition: all  400ms ease;}
.notouch .spec_box p.open_login:hover{color: #e62226}
.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;   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;   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{max-width: 1000px; margin: 0 auto; width: 90%;}

#basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; max-width: auto; background: none; padding-top: 0; }     
.login_form{margin: 0 auto; position: relative; margin-bottom: 20px !important; border: 1px solid #e3e3e3; padding: 45px 45px 45px;}
.login_form{margin-top: 20px;}
#basket .login_form{margin: 20px 0 0 !important;}
.login_form.hide, .login_form.hide2{display: none; opacity: 0;}
.login_form p.overtitle{font-weight: 600; text-align: center; margin: -10px 0 30px; padding: 0; font-size: 18px; line-height: 26px; color: #231f20;}
.login_form p.center{font-weight: 400; text-align: center; margin: -30px 0 30px; padding: 0; font-size: 13px; line-height: 20px; color: #231f20;}
.login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; zoom: 1; *display: inline; 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 #e3e3e3;}
.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: #231f20; line-height: 19px; text-align: left; margin: 0;}
.login_form .box p.margin{margin-top: 10px;}
.login_form .box p strong{font-size: 13px; font-weight: 600; color: #231f20; line-height: 19px;}
.login_form .box p a:not(.btn){font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-decoration: underline;  transition: all  400ms ease;}
.notouch .login_form .box p a:not(.btn):hover{color: #e62226;}
.login_form .box ul{margin: 0; padding: 0 0 20px;}
.login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #231f20; 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: #231f20; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0;}
.login_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #e62226; 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: #e62226}
.login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: initial;; font-size: 15px; font-weight: 700; color: #231f20;  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: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #171416;  transition: all  400ms ease;}
.login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus{border: 1px solid #e62226;}
.login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #231f20; font-weight: 400;  margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.login_form .box table td label .checker{margin: -3px 5px 0 0;}


.login_form .box table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; height: 30px; z-index: 10; border: 1px solid #e6e7e8; }
.login_form .box table td .sbHolder .sbToggle{margin: 0; z-index: 999; background: url(../img/select_arrow_black.png) no-repeat scroll 7px center; right: 0; top: 0; height: 30px; width: 30px;}
.login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_black.png) no-repeat scroll -52px center;}
.login_form .box table td .sbHolder a.sbSelector{margin: 0; z-index: 998; display: block; color: #171416 !important; font-size: 13px; line-height: 30px; padding: 0 15px; font-weight: 300; width: 200px; text-align: left; text-decoration: none;}
.login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #fff; 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: 0 15px; font-size: 13px; line-height: 30px; margin: 0; font-weight: 300; color: #171416 !important;   transition: all 300ms ease;}
.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;} 



.login_form .box table td a:not(.btn){margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 13px; font-weight: 400; line-height: 40px; color: #231f20;  transition: all  400ms ease;}
 
.reg_submit[type=submit]{float: right; background: #e62226; border: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 15px; font-size: 13px; font-weight: 500; line-height: 40px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  transition: all  400ms ease;}
.notouch .reg_submit[type=submit]:hover{background: #939598;}





    
                                                                      

.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;  transition: all 250ms ease-out;}
.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{text-align: center; position: relative; max-width: 330px; width: calc(100% - 60px); padding: 40px 20px; left: 0 !important;  display: inline-block; zoom: 1; *display: inline; background: #fff;  transition: all 250ms ease-out;}
.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: #171416;}
.control_popup .box .text{z-index: 100; position: relative; color: #171416; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;}
.control_popup .box .text p{margin: 5px 0; line-height: 16px;}
.control_popup .box .text strong{color: #171416; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;}
.control_popup .box .btn{z-index: 100; position: relative;}



.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: 99998;  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% - 100px); max-width: 420px; border: 10px solid #aeaeae; padding: 20px; left: 0; display: inline-block; zoom: 1; *display: inline; background: #fff;  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: 21px; line-height: 26px; font-weight: 600; color: #19212b;}
.popup_popup .box .text{z-index: 100; position: relative; color: #19212b; font-size: 14px; font-weight: 400; margin: 0 0 10px; text-align: center; overflow-y: auto; max-height: calc(100vh - 160px); }
.popup_popup .box .text p{margin: 0; line-height: 16px;}
.popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;}

.popup_popup span.close{cursor: pointer; width: 50px; height: 50px; display: block; position: absolute; top: -40px; right: -40px; margin: 0;}
.popup_popup span.close::before{content: ""; width: 48px; height: 48px; border: 1px solid #fff; display: block; position: absolute; top: 0; left: 0; background: url(../img/video_close.png) no-repeat scroll center center #000; opacity: 1;  transition: all 400ms ease;}
.popup_popup span.close::after{content: ""; width: 48px; height: 48px; border: 1px solid #000; display: block; position: absolute; top: 0; left: 0; background: url(../img/video_close_hover.png) no-repeat scroll center center #fff; opacity: 0;  transition: all 400ms ease;}
.notouch .popup_popup span.close:hover::before{opacity: 0;}
.notouch .popup_popup span.close:hover::after{opacity: 1;}







.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: 99999;  transition: all 250ms ease-out;}
.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; zoom: 1; *display: inline; background: #fff; overflow-y: auto; max-height: calc(100vh - 130px);  transition: all 250ms ease-out;}
.buy_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: #e62226;}
.buy_popup .box .btn{z-index: 100; position: relative;}

.buy_popup .box p.anotation{font-size: 13px; line-height: 17px; color: #000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e3e3e3; border-top: 1px dashed #e3e3e3; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.buy_popup .box p.anotation strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #e62226;}

.buy_popup .box p{font-size: 13px; line-height: 17px; color: #000; margin: 25px 0 10px; padding: 14px 0; background: #e3e3e3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.buy_popup .box p img{max-width: 43px; margin-right: 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.buy_popup .box p strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #e62226;}
.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: #000;  transition: all  400ms ease;}
.notouch .buy_popup .box p a:hover{color: #e62226;}



.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 #cbcbcb; position: relative; display: table; text-align: center;  transition: all  400ms ease; background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.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 a.main_link, .buy_popup table.product_souhrn td.two label.main_link, .buy_popup table.product_souhrn td.two span.main_link{font-weight: 500; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 20px; text-decoration: none; text-align: left; color: #000000;  transition: all  400ms ease;}
.buy_popup table.product_souhrn td.two a.main_link i, .buy_popup table.product_souhrn td.two label.main_link i, .buy_popup table.product_souhrn td.two span.main_link i{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 a.main_link i strong, .buy_popup table.product_souhrn td.two label.main_link i strong, .buy_popup table.product_souhrn td.two span.main_link i strong{font-weight: 700; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a;}
.notouch .buy_popup table.product_souhrn tr.hover_efekt td.one a{border: 1px solid #e62226; }
.notouch .buy_popup table.product_souhrn tr.hover_efekt td.two a.main_link{color: #e62226; }
.buy_popup table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 22px; height: 19px; background: url(../img/recount_image.png) no-repeat scroll center -59px;  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: 28px; 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: 28px; font-weight: 600;}
.buy_popup table.product_souhrn td.four strong.total.red{color: #e62226;}
.buy_popup table.product_souhrn td.four strong.total span{color: #000000; font-size: 12px; line-height: 28px; font-weight: 300; display: none;}
.buy_popup table.product_souhrn td.four span{color: #000000; font-size: 12px; line-height: 28px; font-weight: 300; display: none;}












.file_list{width: 100%; margin: 10px 0;}
.file_list h3{margin-bottom: 20px;}
.file_list .item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #171416; margin: 0 10px 14px 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;  transition: all 400ms ease; }
.file_list .item a{text-decoration: none; font-size: 13px; color: #171416; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline;  transition: all 400ms ease; }
.file_list .item a span{font-size: 13px; color: #171416; font-weight: 700; line-height: 18px;  transition: all 400ms ease; }
.notouch .file_list .item:hover{border: 1px solid #133e67; background: #133e67;}
.notouch .file_list .item:hover a{color: #fff;}
.notouch .file_list .item:hover a span{text-decoration: none; color: #fff;}



.fotogalerie{max-width: 1024px; width: 100%; position: relative; padding: 0 0 30px;}
.fotogalerie a.swipebox{width: 20%; margin: 0; float: left; display: block; position: relative;}
.fotogalerie a.swipebox::after{z-index: 10; opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 45px auto;  transition: all 400ms ease; }
.fotogalerie a.swipebox .in{z-index: 0; min-height: 0; overflow: hidden; margin: 4px; display: block; padding: 0 0 calc(100% - 8px); position: relative;}
.fotogalerie a.swipebox img{width: 100%; height: 100%; box-sizing: border-box;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; border: 1px solid #a5a5a5; display: block; margin: 0;}
.notouch .fotogalerie a:hover::after{opacity: 1;}

.prodejna_sub .fotogalerie{max-width: unset;}




#hide_tr{display: none;}




.landing_list{max-width: 860px; margin: 30px auto 0; text-align: left; width: 90%; position: relative; font-size: 0;}
.landing_list h2, .landing_list h3{margin: 0 0 20px;}
.landing_list .item{overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; position: relative; display: inline-block; vertical-align: top; width: calc(33.33% - 30px / 3); margin: 15px 0 0;}
.landing_list .item:nth-child(3n - 1){margin: 15px 15px 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 0;}

.landing_list .item picture{z-index: 0; display: block; width: 100%; position: relative; padding: 0 0 60%; background: no-repeat scroll center center; background-size: contain;}
.landing_list .item picture::before{z-index: 1; opacity: 0.8; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); content: ""; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .landing_list .item:hover picture::before{opacity: 1;}
.landing_list .item h2{text-align: center; z-index: 2; color: #fff; opacity: 0.8; position: absolute; left: 10px; right: 10px; top: 50%; font-size: 16px; line-height: 22px; font-weight: 700; margin: 0; padding: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .landing_list .item:hover h2{opacity: 1;}
.landing_list .item h2 span{display: block; margin: 12px 0 0; padding: 12px 0 0; position: relative;}
.landing_list .item h2 span::before{z-index: 1; width: 60px; height: 1px; position: absolute; top: 0; left: 0; right: 0; background: #fff; content: ""; display: block; margin: 0 auto;}


@media screen and (max-width: 1280px) {
.landing_list .item{width: calc(33.33% - 40px / 3); margin: 20px 0 0;}
.landing_list .item:nth-child(3n - 1){margin: 20px 20px 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 0;}

.landing_list .item h2{font-size: 16px; line-height: 22px;}
}


@media screen and (max-width: 900px) {
.landing_list .item{width: calc(33.33% - 20px / 3); margin: 10px 0 0;}
.landing_list .item:nth-child(3n - 1){margin: 10px 10px 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 0;}
}

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

.landing_list .item h2{font-size: 14px; line-height: 20px;}
}


@media screen and (max-width: 500px) {
.landing_list .item{width: 100%; margin: 10px 0 0;}
.landing_list .item:nth-child(3n - 1){margin: 10px 0 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 10px;}
.landing_list .item:nth-child(2n){margin: 10px 0 0 0;}
.landing_list .item:nth-child(-n + 2){margin-top: 10px;}
.landing_list .item:nth-child(-n + 1){margin-top: 0;}
} 





a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #333333; background-size: 19px auto;  -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;   transition: all 400ms ease; }
a.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;  transition: all 400ms ease; }
.notouch a.scroll_top:hover{background: #85bf3f;}
a.scroll_top.active{opacity: 1; bottom: 30px;}




.cc_banner-wrapper {z-index: 999999 !important; }
.cc_banner-wrapper{min-height: 0px}
.cc_container{color: #666666 !important; padding: 10px 20px !important;}
.cc_container .cc_message{margin: 14px 0 13px !important; font-size: 12px !important; font-family: "sofia-pro-soft",sans-serif, Arial !important; color: #666666 !important;}
.cc_container .cc_message a{font-size: 12px !important; font-weight: 700 !important; color: #666666 !important; text-decoration: underline !important;}
.notouch .cc_container .cc_message a:hover{text-decoration: none !important;}
.cc_container .cc_btn{width: initial !important; width: auto !important; text-transform: uppercase !important; line-height: 36px !important; font-size: 12px !important; border: 1px solid #85bf3f !important; padding: 0 25px !important; font-family: "sofia-pro-soft",sans-serif, Arial !important; background: #85bf3f !important; color: #fff !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; }
.notouch .cc_container .cc_btn:hover{background: #fff !important; border: 1px solid #85bf3f !important; color: #85bf3f !important}          
.cc_container *::-moz-selection {background: #3399FF !important;}
.cc_container *::selection {background: #3399FF !important;}

.sbOptions .sbDisabled {
    border-bottom: dotted 1px #ffffff !important;
    color: #999 !important;
    display: block;
    padding: 7px 0px 7px 16px !important;
    font-size: 12px !important;
    top: 0px !important;
    border-bottom: 1px solid #e6e7e8 !important;
    border-left: 1px solid #e6e7e8 !important;
    border-right: 1px solid #e6e7e8 !important;
    line-height: 18px !important;
}