<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*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: block !important; width: 0; height: 1px; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;}
.mail_hide, .hide_mail{display: none !important;}
.clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.clear.hide{display: none !important;}
.relative{position: relative;}
.clear.not_desktop{display: none;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
.align-left{text-align: left !important; margin: 0;}
.align-center{text-align: center !important;}
.align-right{text-align: right !important; margin: 0;}
button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; }
input[type="submit"]:focus {outline:none;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input[type="submit"]::-moz-focus-inner {border:0;}
label{cursor: text;}
input[type=checkbox], input[type=radio]{cursor: pointer;}
input:focus{outline:0; }
input[type="text"], input[type="password"], textarea, select {outline: none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30}
input:-webkit-autofill {-moz-box-shadow: 0 0 0px 1000px white inset; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset;}
 
/*
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;}    
input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;}  
input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;}
*/



@media screen and (max-width: 1024px) {
.clear.hide{display: block !important;}
}
 
.need{color: #009de2;}
.color_orange{color: #dc5721 !important;} 
 
.message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px;  width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important;  -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-transition: all 750ms ease; transition: all 750ms ease;}
.message_centering.active{top: 100%;}

.flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 600; padding: 12px 54px; clear: both; position: relative;}
.flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;}
                                                                                                                  
.alert-error  {color: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;}
.alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009fe3; border: 1px solid #009fe3;}
.alert-error span{background: url(../global/error_close.png) no-repeat;}                               
.alert-success span{background: url(../global/success_close.png) no-repeat;}

h1.rot {opacity: 0; bottom: 0; color: #000; display: block; font-size: 22px; font-weight: normal; height: 15px; margin: 0 auto;position: absolute; left: -30px; top: 25px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap; width: 15px; z-index: 4;}

h1, .main_title{text-transform: uppercase; color: #000000; font-weight: 700; font-size: 26px; line-height: 30px; margin: 50px 0 0; padding: 0;}
h1 strong ,.head_title strong{text-transform: uppercase; color: #009fe3; font-weight: 700; font-size: 26px; line-height: 30px; margin: 0; padding: 0;}
h1.red, p.red{color: #ff5921;}
h2{color: #000000; font-weight: 700; font-size: 20px; line-height: 24px; margin: 30px 0 10px; padding: 0;}
h3{color: #000000; font-weight: 700; font-size: 18px; line-height: 22px; margin: 30px 0 10px; padding: 0;}  
h4, h5, h6{color: #000000; font-weight: 700; font-size: 16px; line-height: 20px; margin: 30px 0 10px; padding: 0;}   

@media screen and (max-width: 959px) {
h1{font-size: 22px; line-height: 30px;}
h2{font-size: 20px; line-height: 24px;}
h3{font-size: 18px; line-height: 22px;}  
h4, h5, h6{font-size: 16px; line-height: 20px;}  
}


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


sup{line-height: 0;}

article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; color: #009de2; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch article a:not(.btn):hover, .notouch article a:not(.btn):hover strong, .notouch article strong a:not(.btn):hover, .notouch .text_box a:not(.btn):hover, .notouch .text_box a:not(.btn):hover strong, .notouch .text_box strong a:not(.btn):hover{text-decoration: none;}
 
.text_page{ margin: 0 auto;}
.text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;}
.text_page .img img{max-width: 100%; display: block; margin: 0;}
.text_page .text{display: block;}

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

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



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


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


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

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



article table.over{min-width: 100%; display: block; overflow-x: scroll;}
article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;}   
article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}                                                                                                      
article table thead tr th{text-align: left; font-weight: 700;  padding: 6px 8px; background: #4d4d4d; color: #fff; border: 1px solid #000; border-right: 0;}
article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;}
article table tr:nth-child(even) td{background: #fff;}
article table tr:nth-child(odd) td{background: #f9f9f9;}

article table.size_table.first_line tbody tr:first-child td{text-align: center; font-weight: 600; padding: 6px 8px; background: #dcdcde; color: #000000; border: 1px solid #dcdcde; border-right: 0;}
article table.size_table.first_line tbody tr:first-child td:first-child{text-align: left;}
article table.size_table tr td{text-align: center;}
article table.size_table tr td:first-child{text-align: left;}
article table.size_table tr:nth-child(even) td{background: #fff;}
article table.size_table tr:nth-child(odd) td{background: #fff;}

article table.size_table.first_line.center tbody tr:first-child td:first-child{text-align: center;}
article table.size_table.center tr td:first-child{text-align: center;}



article table.half{float: left; margin: 0 20px 0 0; width: calc(50% - 20px)}
article table.half th{white-space: nowrap;}

@media screen and (max-width: 850px) {
article table.half{float: none; margin: 0 0 20px 0; width: 100%}
}



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

article img{max-width: 100%; margin: 0 0 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;}


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

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

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



input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'futura-pt', 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 ;}     
html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;}                                                                                                   
body{color: #373d42; background:  #ffffff !important; padding: 0 !important;  overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'futura-pt', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}



.inside{position: relative; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;}
.inside_small{position: relative; width: 90%; padding: 0 5%; max-width: 1024px; margin: 0 auto;}
.inside_max{position: relative; width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;}
.inside_middle{position: relative; width: 90%; padding: 0 5%; max-width: 1340px; margin: 0 auto;}

@media screen and (max-width: 550px) {
.inside.sub_mobile_hide{display: none;}
}


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

.btn.special{white-space: normal; max-width: 260px; width: calc(50% - 12px); text-align: center; padding-left: 0; padding-right: 0;}




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



.btn.typ_1{background: #009de2; border: 1px solid #009de2; color: #fff;}
.notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #ffffff; border: 1px solid #009de2; color: #009de2;}
.btn.typ_2{background: #009fe3; border: 1px solid #009fe3; color: #fff;}
.notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #ffffff; border: 1px solid #009fe3; color: #009fe3;}
   
.btn.typ_3{background: #ff5921; border: 1px solid #ff5921; color: #fff;}
.notouch .btn.typ_3:hover, .notouch a.item:hover .btn.typ_3, .notouch a.termin:hover .btn.typ_3{background: transparent; border: 1px solid #ff5921; color: #ff5921;}
   
.btn.typ_4{background: #adadad; border: 1px solid #adadad; color: #fff;}

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



@media screen and (max-width: 1024px) {
.btn .item{display: none;}
}
@media screen and (max-width: 768px) {
.btn i{display: block;}
}







ul.social{display: block; margin: 0; text-align: left; padding: 0;}
ul.social li{list-style: none; display: inline-block;  margin: 0 0 0 3px;}
ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.notouch ul.social li a:hover{background: #666666;}




.top_line{background: #009fe3; position: relative; z-index: 999;}

.top_line .left_side{float: left}
.top_line .left_side ul.social{position: relative; display: inline-block;  vertical-align: middle;  margin: 0; text-align: left; padding: 5px 0; height: 30px;}
.top_line .left_side ul.social li{list-style: none; display: inline-block;  margin: 0 3px 0 0;}
.top_line .left_side ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .left_side ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .left_side ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .left_side ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 20px 22px;}
.top_line .left_side ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;}
.notouch .top_line .left_side ul.social li a:hover{background: rgba(0,78,116,.5);}

.top_line .left_side ul:not(.social){display: inline-block;  vertical-align: middle; margin: 0 0 0 15px; padding: 0 0 0 15px; position: relative;}
.top_line .left_side ul:not(.social)::before{position: absolute; left: 0; top: 50%; margin-top: -10px; height: 20px; width: 1px; background: #ffffff; content: "";}

.top_line .left_side ul:not(.social) li{position: relative; display: inline-block;  vertical-align: middle; list-style: none; margin: 0 -5px 0 0; padding: 5px 0;}
.top_line .left_side ul:not(.social) li span{width: 30px; height: 30px; position: relative; padding: 0; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .left_side ul:not(.social) li span.phone{background: url(../img/phone_icon_white.svg) no-repeat scroll center center; background-size: 20px 20px;}
.top_line .left_side ul:not(.social) li span.mail{background: url(../img/mail_icon_white.svg) no-repeat scroll center center; background-size: 20px 20px;}
.notouch .top_line .left_side ul:not(.social) li:hover span{background-color: rgba(0,78,116,.5);}
                                                                    


.top_line .left_side ul:not(.social) li ul{position: absolute; margin: 0; left: -22px; top: calc(100% + 3px); min-width: 160px; display: block; visibility: hidden; opacity: 0; padding: 0; -webkit-box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5);  -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch .top_line .left_side ul:not(.social) li:hover ul, .top_line .left_side ul:not(.social) li ul.active, .top_line .left_side ul:not(.social) li.active ul{visibility: visible; opacity: 1;}
.top_line .left_side ul:not(.social) li ul:after { bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f0f0f0;  border-width: 8px;}
.top_line .left_side ul:not(.social) li ul:before{display: none;}
.top_line .left_side ul:not(.social) li ul li{padding: 0; margin: 0; display: block;}
.top_line .left_side ul:not(.social) li ul li span{width: initial; width: auto; height: initial; height: auto; background: #f0f0f0 !important; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; font-weight: 600; text-align: left;}
.top_line .left_side ul:not(.social) li ul li a{display: block; width: initial; width: auto; height: initial; height: auto; background: #f0f0f0 !important; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .top_line .left_side ul:not(.social) li ul li a:hover{color: #009de2}
.top_line .left_side ul:not(.social) li ul li span a{padding: 0;}







.top_line .right_side{float: right}




.top_line .right_side ul.small{display: none; vertical-align: middle; margin: 0; padding: 0;}
.top_line .right_side ul.big{display: inline-block; vertical-align: middle; margin: 0; padding: 0;}
.top_line .right_side ul li{position: relative; display: inline-block;  vertical-align: middle; list-style: none; margin: 0 -5px 0 0;}
.top_line .right_side ul li a, .top_line .right_side ul li span{cursor: pointer; position: relative; padding: 7px 15px; display: block; font-size: 12px; line-height: 26px; font-weight: 600; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .right_side ul li a::after{z-index: 999; position: absolute; left: 15px; right: 15px; background: #009de2; height: 4px; content: ""; display: block; bottom: -4px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.top_line .right_side ul li a::before, .top_line .right_side ul li span::before{position: absolute; right: 0; top: 50%; margin-top: -10px; height: 20px; width: 1px; background: #ffffff; content: "";}
.top_line .right_side ul li:last-of-type a::before, .top_line .right_side ul li:last-of-type span::before{display: none}
.notouch .top_line .right_side ul li:hover &gt; a::after, .top_line .right_side ul li.active &gt; a::after{opacity: 1;}
.notouch .top_line .right_side ul li:hover &gt; span,  .top_line .right_side ul li.active &gt; span{color: #4cba7f; background: #ffffff;}


.top_line .right_side ul.small li ul{position: absolute; right: 0; top: calc(100% + 3px); min-width: 200px; display: block; visibility: hidden; opacity: 0; padding: 0; -webkit-box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5);  -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch .top_line .right_side ul.small li:hover ul, .top_line .right_side ul.small li ul.active{visibility: visible; opacity: 1;}
.top_line .right_side ul.small li ul:before { bottom: 100%; right: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f0f0f0;  border-width: 8px;}
.top_line .right_side ul.small li ul li{display: block !important;}
.top_line .right_side ul.small li ul li::before{display: none;}
.top_line .right_side ul.small li ul li a{border-bottom: 1px solid #e5e5e5; background: #f0f0f0; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; text-align: right;}
.top_line .right_side ul.small li ul li:last-of-type a{border-bottom: 0;}
.top_line .right_side ul.small li ul li a::before, .top_line .right_side ul.small li ul li a::after{display: none !important;}
.notouch .top_line .right_side ul.small li ul li a:hover, .top_line .right_side ul.small li ul li.active a{color: #009de2}


@media screen and (max-width: 1024px) {
.top_line .right_side ul.small{display: inline-block;}
.top_line .right_side ul.big{display: none;}
}
@media screen and (max-width: 670px) {
.top_line .left_side ul:not(.social) li:nth-child(2) ul{left: -102px;}
.top_line .left_side ul:not(.social) li:nth-child(2) ul:after { left: 110px;}

.top_line .right_side ul li.spec_link{display: none;}
}









header{background: #f4f5f5; padding: 26px 0 0; position: relative; z-index: 998;}
.hp header{background: #ffffff}
header a.logo1{display: inline-block;  vertical-align: middle;}
header a.logo1 img{display: block;}
header a.logo1, header a.logo1 img{width: 344px; height: 90px;}


header .box{display: inline-block;  vertical-align: middle; padding: 15px 0 15px 65px; margin: 25px 0 25px 65px; border-left: 1px solid #adb5ba; width: calc(100% - 344px - 130px - 11px); position: relative;}
header .box::before{position: absolute; bottom: -102px; right: 0; width: 397px; height: 223px; display: block; content: ""; background: url(../img/zvp_logo.png) no-repeat scroll bottom right;}
header .box .title{font-size: 30px; line-height: 36px; color: #000000; margin: 0; padding: 0; text-align: left; font-weight: 700; text-transform: uppercase;}
header .box .anotation{font-size: 16px; line-height: 20px; color: #000000; margin: 5px 0 0; padding: 0; text-align: left; font-weight: 400;}

   
@media screen and (max-width: 1450px) {
header a.logo1, header a.logo1 img{width: 300px; height: 78px;}

header .box{padding-left: 40px; margin-left: 40px; width: calc(100% - 300px - 80px - 11px)}
header .box .title{font-size: 26px; line-height: 32px;}
header .box .anotation{font-size: 14px; line-height: 18px;}
}

@media screen and (max-width: 1280px) {
header .box{padding: 10px 0 10px 40px; margin: 10px 0 10px 40px;}
header .box::before{bottom: -82px; width: 300px; height: 169px; background-size: 100% auto;}
}   

@media screen and (max-width: 1180px) {
header a.logo1, header a.logo1 img{width: 200px; height: 52px;}

header .box{padding-left: 30px; margin-left: 30px; width: calc(100% - 200px - 60px - 11px)}
header .box .title{font-size: 22px; line-height: 28px;}
header .box::before{bottom: -87px;}
}


@media screen and (max-width: 1024px) {
header .box{padding: 10px 0 10px 25px; margin: 0 0 0 25px; width: calc(100% - 200px - 50px - 11px)}
header .box::before{bottom: -77px; width: 200px; height: 113px;}
header .box .title{font-size: 22px; line-height: 28px;}
}

@media screen and (max-width: 940px) {
header .box::before{display: none;}
}
   
   
@media screen and (max-width: 680px) {
header{text-align: center;}
header .box{border: 0; padding: 10px 0 0 0; margin: 0; width: 100%}
header .box .title{text-align: center; font-size: 20px; line-height: 32px;}
header .box .anotation{margin: 0; text-align: center;;}


header a.logo1, header a.logo1 img{width: 200px; height: 52px;}

}

@media screen and (max-width: 480px) {
header .box .title{font-size: 18px; line-height: 28px;}
header .box .anotation{font-size: 12px;}
}






header nav{position: relative; z-index: 997; display: block; margin: 15px 0 0;}
header nav ul{margin: 0; padding: 0; display: inline-block;  vertical-align: middle; text-align: left; width: calc(100% - 360px)}
header nav ul li{padding: 0; position: relative; list-style: none; display: inline-block;  vertical-align: middle; margin: 14px 8px 14px 0;}
header nav ul li a{border: 1px solid transparent; text-transform: uppercase; display: block; line-height: 24px; font-size: 14px; font-weight: 700; padding: 4px 10px; color: #231f20; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch header nav ul li:hover a, header nav ul li.active a{color: #009de2;}




.open_close_navigation{cursor: pointer; text-align: left; display: none; position: relative; left: 0; z-index: 20; padding: 15px 0 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.open_close_navigation::after{margin: 0 0 0 8px; content: "Menu"; font-size: 14px; line-height: 18px; height: 18px; color: #231f20; font-weight: 600; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;  cursor: pointer; user-select: none;}
.open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;}
.open_close_navigation .lines-button {font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;  cursor: pointer; user-select: none;}
.open_close_navigation .lines-button:active {transition: 0;}
.open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #231f20; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #231f20; 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: #231f20;}
.open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}
.notouch .open_close_navigation:hover::after{color: #009de2;}
.notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #009de2;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #009de2;} 
.notouch .open_close_navigation:hover .lines{background: #009de2;}  

.ipad_menu{display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 234px 0 0; z-index: 996; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu.active{display: block;}
.ipad_menu.move{top: 0 !important;}
.ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.ipad_menu ul li{position: relative; list-style: none; display: block;}
.ipad_menu ul li a{border-top: 1px solid #e0dfdf;  position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #231f20;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #009de2; color: #ffffff; border-top: 1px solid #2bb369} 

.ipad_menu ul ul{display: none;}
.ipad_menu ul ul li{}
.ipad_menu ul ul li a{background: #f0f0f0 !important; border: 0 !important; border-top: 1px solid #dbdbdb !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #1b1b1a !important;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul ul li:first-child a{border: 0 !important;}
.notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;}

.ipad_menu ul li .icon{cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #194b5e; border: 1px solid #194b5e; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul li .icon::before{display: block; width: 36px; height: 36px; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/ipad_menu_arrow.png) no-repeat scroll center center;}
.ipad_menu ul li .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)}

@media screen and (max-width: 1350px) {
header nav ul li a{text-transform: none; font-size: 13px;}
}

@media screen and (max-width: 1170px) {
header nav ul{display: none;}
.open_close_navigation{display: inline-block;  vertical-align: middle;}
.ipad_menu{display: block;}
}

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


@media screen and (max-width: 680px) {
.ipad_menu{padding: 255px 0 0;}
}

@media screen and (max-width: 480px) {
.ipad_menu{padding: 251px 0 0;}
}



/*
@media screen and (max-width: 1420px) {
header nav ul{vertical-align: top;}
header nav ul li{margin: 4px 5px 14px 0;}
header nav ul li a{padding: 4px 8px;}
header nav .search_box{vertical-align: top;}
header nav .search_box form input[type=text]{width: 260px;}
}
@media screen and (max-width: 1300px) and (min-width: 880px) {
header nav .search_box form{opacity: 0; visibility: hidden;}
}
@media screen and (max-width: 1024px) {
header nav ul li{margin: 2px 0 12px 0;}
header nav ul li a{text-transform: none;}
}

@media screen and (max-width: 500px) {
header{padding: 20px 0;}
.ipad_menu{padding: 160px 0 0;}
header nav{margin: 0; position: absolute; left: calc(5% + 110px); right: 5%; top: -60px;}
header nav .search_box form{opacity: 0; visibility: hidden;}
}
*/




















#content{background: #fff; padding: 0; position: relative;}
#content.white{background: #fff;}

.sub #content .c_column.full .inside{padding-left: 0; padding-right: 0; width: 90%;}
.sub #content .inside .inside, .sub #content .inside .inside_max{width: 100%;}
.sub #content .c_column:not(.full) .inside{width: 100%; padding-left: 0; padding-right: 0;}
#content .c_column .inside{margin: 0 auto 30px}
#content .c_column .inside.margin{margin: 0 auto 15px}
#content .c_column .inside:last-of-type{margin: 0 auto;}


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








aside{width: 286px; position: relative; float: left; display: block; padding: 0; margin: 0 0 50px;}

aside .open_title{cursor: pointer; display: none; background: #fff; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; padding: 16px 30px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .open_title::before{opacity: 1; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .open_title::after{opacity: 0; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside .open_title.active::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
aside .open_title.active::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.notouch aside .open_title:hover, aside .open_title.active{color: #4fb173} 
 
 
 
aside ul.first{display: block; margin: 0; padding: 0;}
aside ul.first &gt; li{z-index: 0; list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first &gt; li:first-child{border-top: 0;}
aside ul.first &gt; li &gt; .relative &gt; a{position: relative; padding: 12px 34px 12px 25px; font-size: 15px; line-height: 20px; color: #000000; font-weight: 600; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first &gt; li:not(.hassub) &gt; .relative &gt; a{padding: 12px 0 12px 25px;}
.notouch aside ul.first &gt; li &gt; .relative &gt; a:hover, aside ul.first &gt; li.active &gt; .relative &gt; a, .notouch aside ul.first &gt; li.hover &gt; .relative &gt; a{color: #4fb173;}



aside ul.first &gt; li &gt; ul{display: none; margin: 0; padding: 0;}
aside ul.first &gt; li &gt; ul &gt; li{list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first &gt; li &gt; ul &gt; li &gt; .relative &gt; a{position: relative; padding: 8px 15px 8px 55px; font-size: 13px; line-height: 20px; color: #000000; font-weight: 600; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch aside ul.first &gt; li &gt; ul &gt; li &gt; .relative &gt; a:hover, aside ul.first &gt; li &gt; ul &gt; li.active &gt; .relative &gt; a, .notouch aside ul.first &gt; li &gt; ul &gt; li.hover &gt; .relative &gt; a{color: #4fb173}



aside ul.first &gt; li &gt; ul li &gt; ul{display: none; margin: 0; padding: 0;}
aside ul.first &gt; li &gt; ul li &gt; ul &gt; li{list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
aside ul.first &gt; li &gt; ul li &gt; ul &gt; li &gt; .relative &gt; a{position: relative; padding: 6px 15px 6px 55px; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; text-align: left; text-transform: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch aside ul.first &gt; li &gt; ul li &gt; ul &gt; li &gt; .relative &gt; a:hover, aside ul.first &gt; li &gt; ul li &gt; ul &gt; li.active &gt; .relative &gt; a, .notouch aside ul.first &gt; li &gt; ul li &gt; ul &gt; li.hover &gt; .relative &gt; a{color: #4fb173;}









aside ul.first &gt; li .icon{border: 1px solid #eeeeef; cursor: pointer; z-index: 999; position: absolute; right: 8px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li.active .icon::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
aside ul.first &gt; li.active .icon::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.notouch aside ul.first &gt; li .icon:hover::before{opacity: 0;}
.notouch aside ul.first &gt; li .icon:hover::after{opacity: 1;}

aside ul.first &gt; li &gt; ul &gt; li .icon2{cursor: pointer; z-index: 999; position: absolute; left: 30px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li .icon2::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li .icon2::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li.active .icon2::before{background: url(../img/minus.svg) no-repeat scroll center center; background-size: 28px 28px; }
aside ul.first &gt; li &gt; ul &gt; li.active .icon2::after{background: url(../img/minus_white.svg) no-repeat scroll center center; background-size: 28px 28px;}
.notouch aside ul.first &gt; li &gt; ul &gt; li .icon2:hover{background: #4fb173;}
.notouch aside ul.first &gt; li &gt; ul &gt; li .icon2:hover::before{opacity: 0;}
.notouch aside ul.first &gt; li &gt; ul &gt; li .icon2:hover::after{opacity: 1;}

aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3{cursor: pointer; z-index: 999; position: absolute; right: 8px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li.active .icon3::before{background: url(../img/minus.svg) no-repeat scroll center center; background-size: 28px 28px; }
aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li.active .icon3::after{background: url(../img/minus_white.svg) no-repeat scroll center center; background-size: 28px 28px;}
.notouch aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3:hover{background: #000000;}
.notouch aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3:hover::before{opacity: 0;}
.notouch aside ul.first &gt; li &gt; ul &gt; li &gt; ul &gt; li .icon3:hover::after{opacity: 1;}



@media screen and (max-width: 1080px) {
aside{width: calc(100% - 2px); margin: 0 0 30px; border: 1px solid #eeeeef;}
aside .open_title{display: block;}
aside ul.first{display: none;}
aside ul.first &gt; li:first-child{border-top: 1px solid #eeeeef;}
}

















.c_column{width: calc(100% - 330px); padding: 0 0 50px; position: relative; float: right; display: block;}

.c_column.full{width: 100%; padding: 0 0 50px; position: relative; float: none; display: block;}
.c_column.full.hide{display: none;}
.hp .c_column.full{padding: 0;}

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





.welcome_1{height: 404px; padding: 0; display: block; position: relative;}
.welcome_1 .left_side{display: block; float: left; width: 45%;}
.welcome_1 .left_side .slide{position: relative; overflow: hidden;}
.welcome_1 .left_side .slide .img{width: 100%; height: 404px; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.welcome_1 .left_side .slide .text{padding: 40px; position: absolute; bottom: 60px; left: 0; background: rgba(0,0,0,0.5);}
.welcome_1 .left_side .slide .text .title{max-width: 450px; font-size: 26px; line-height: 32px; color: #fff; font-weight: 700; text-align: left; display: block; margin: 0;}
.welcome_1 .left_side .slide .text .anotation{max-width: 450px; font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; text-align: left; display: block; margin: 0;}

.welcome_1 .left_side .owl-carousel .owl-controls{margin: 0;}
.welcome_1 .left_side .owl-carousel .owl-controls .owl-pagination{margin: 0; text-align: left; position: absolute; bottom: 25px; margin: 0; right: 0; left: 40px; min-height: 0; z-index: 990; }
.welcome_1 .left_side .owl-carousel .owl-controls .owl-pagination .owl-page{counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0 10px 0 0;}
.welcome_1 .left_side .owl-carousel .owl-controls .owl-pagination .owl-page span{margin: 0; position: relative; width: 8px; height: 8px; background: #ffffff; display: block; border: 1px solid #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_1 .left_side .owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_1 .left_side .owl-carousel .owl-controls .owl-pagination .owl-page:hover span{background: #00A7E0; border: 1px solid #00A7E0;}

.welcome_1 .right_side{display: block; float: left; width: 55%;}


@media screen and (max-width: 1360px) and (min-width: 1025px) {
.welcome_1, .welcome_1 .left_side .slide .img{height: 470px;}
}
@media screen and (max-width: 1024px) {
.welcome_1{height: initial; height: auto;}
.welcome_1 .left_side, .welcome_1 .right_side{display: block; float: none; width: 100%;}
.welcome_1 .left_side .slide .img{height: 340px;}
}

@media screen and (max-width: 700px) {
.welcome_1 .left_side .slide .text{padding: 25px;}
.welcome_1 .left_side .slide .text .title{font-size: 20px; line-height: 26px;}
.welcome_1 .left_side .slide .text .anotation{font-size: 14px; line-height: 20px;}

}

.ckait{padding: 16px 0; background: #194b5e; text-align: center; }
.sub .ckait{text-align: left;}
.ckait .inside{font-size: 16px; line-height: 22px; color: #fff;}

.welcome_2{padding: 60px 0; display: block; position: relative; background: url(../img/welcome_bg.jpg); background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.welcome_2 h2{text-transform: uppercase; text-align: center; margin-top: 0;}
.welcome_2 .box{display: inline-block; vertical-align: top; width: calc(50% - 32px); }
.welcome_2 .box:nth-child(2n){margin: 0 0 0 60px;}
.welcome_2 .box .item{display: block;}
.welcome_2 .top{border-bottom: 1px solid rgba(0,0,0,0.41); display: block;}
.welcome_2 .top h3 a {cursor: pointer; text-align: left; margin: 0; padding: 20px; text-transform: none; color: #194B5E; font-size: 18px; line-height: 26px; font-weight: 600; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .top h3 a::before{opacity: 1; /*background: url(../img/plus.svg) no-repeat scroll center center;*/ background-size: 30px 30px; content: ""; display: block; position: absolute; right: 15px; width: 30px; height: 30px; top: 50%; margin-top: -15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_2 .top h3 a::after{opacity: 0; /*background: url(../img/plus_hover.svg) no-repeat scroll center center;*/ background-size: 30px 30px; content: ""; display: block; position: absolute; right: 15px; width: 30px; height: 30px; top: 50%; margin-top: -15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_2 .top h3 a.active::before{ /*background-image: url(../img/minus.svg)*/}
.notouch .welcome_2 .top h3 a.active::after{/*background-image: url(../img/minus_hover.svg)*/}
.notouch .welcome_2 .top h3 a:hover{color: #FF5921}
.notouch .welcome_2 .top h3 a:hover::before{opacity: 0;}
.notouch .welcome_2 .top h3 a:hover::after{opacity: 1;}

.welcome_2 .hide{padding: 20px;display: none;}
.welcome_2 .hide .img{width: 200px; height: 120px; display: inline-block; vertical-align: middle; margin: 15px 20px 0 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.welcome_2 .hide .icons{display: inline-block; vertical-align: middle; width: calc(100% - 225px); margin: 15px 0 0; padding: 0;}
.welcome_2 .hide .icons p{margin: 5px 0; display: block; font-size: 14px; line-height: 28px; color: #194B5E; font-weight: 600; text-transform: uppercase;}
.welcome_2 .hide .icons p img{display: inline-block; vertical-align: middle; width: 20px; height: 28px; margin: 0 8px 0 0;}




@media screen and (max-width: 1024px) {
.welcome_2 .box{display: block; width: 100%; }
.welcome_2 .box:nth-child(2n){margin: 0;}
}
@media screen and (max-width: 700px) {
.welcome_2 .top h3{padding: 15px; font-size: 16px; line-height: 24px;}

.welcome_2 .hide{padding: 15px;}
.welcome_2 .hide .img{margin: 15px 10px 0 0; width: 110px; height: 90px;}
.welcome_2 .hide .icons{width: calc(100% - 125px);}
.welcome_2 .hide .icons p{text-transform: none; font-size: 12px;}


}








.welcome_3{background: #194b5e; padding: 60px 0; display: block; position: relative;}
.welcome_3 .text{display: inline-block; vertical-align: middle; width: calc(48% - 2px); padding: 0 2% 0 0;}
.welcome_3 .text h2{font-size: 20px; line-height: 28px; color: #fff; font-weight: 700; text-align: left; margin: 0; padding: 0 0 20px;}
.welcome_3 .text .text_box, .welcome_3 .text .text_box *{color: #fff;}
.welcome_3 .img{height: 280px; display: inline-block; vertical-align: middle; width: calc(48% - 2px); padding: 0 0 0 2%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}










.advert{padding: 0 0 60px; display: block;}
.advert a:nth-child(1){display: block;}
.advert a:nth-child(2){display: none;}
.advert img{-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); margin: 0 auto; display: block; width: 100%; max-width: 920px;}

@media screen and (max-width: 500px) {
.advert a:nth-child(1){display: none;}
.advert a:nth-child(2){display: block;}
}






.welcome_4{padding: 60px 0; background: #f4f5f5; display: block; position: relative;}
.welcome_4 .text{position: relative; display: block; float: left; width: calc(100% - 600px); max-width: 680px; }
.welcome_4 .text img{max-width: 90%; margin: 0; display: block; max-width: 450px;}
.welcome_4 .text h3{font-size: 24px; line-height: 30px; color: #000; font-weight: 700; margin: 30px 0 5px; padding: 0; text-transform: uppercase;}
.welcome_4 .text .text_box{margin: 0 0 25px;}

.welcome_4 .text form{display: block; position: relative;; margin: 0 0 35px; width: 396px; white-space: nowrap; }
.welcome_4 .text form .subtitle{font-size: 18px; line-height: 22px; color: #194b5e; margin: 0 15px 0 0; padding: 0; text-align: left; font-weight: 700; text-transform: uppercase; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.welcome_4 .text form input[type=text] { display: inline-block; vertical-align: middle; border: 1px solid #cccccc; background: #ffffff; color: #848689; font-size: 14px; line-height: 18px; padding: 10px 15px; width: 240px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_4 .text form input[type=text]:focus{border: 1px solid #009de2}
.welcome_4 .text form button { background: url(../img/program_arrow_white.svg) no-repeat scroll center center #194b5e; background-size: 16px 13px; padding: 0; width: 40px; height: 40px; border: 0; position: absolute; right: -39px; top: 0; z-index: 999; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_4 .text form button:hover { background-color: #009de2;}


.welcome_4 .text .address{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon1.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;}
.welcome_4 .text .address strong{font-size: 14px; line-height: 24px; font-weight: 600;}
.welcome_4 .text .phone{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon2.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;}
.welcome_4 .text .mail{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon3.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;}
.welcome_4 .text .mail a{display: block; font-size: 14px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .welcome_4 .text .mail a:hover{color: #009de2;}

.welcome_4 .mapa{float: right; display: block; width: calc(100% - 80px); max-width: 460px; padding: 30px 40px; background: #ffffff; position: relative;}
.welcome_4 .mapa .title{font-size: 20px; line-height: 30px; color: #000; font-weight: 700; margin: 0px 0 20px; padding: 0;}
.welcome_4 .mapa ul.social{position: relative; display: block; margin: 0; text-align: left; padding: 0;}
.welcome_4 .mapa ul.social li{list-style: none; display: inline-block;  margin: 0 1px 0 0;}
.welcome_4 .mapa ul.social li a{display: block; width: 36px; height: 36px; position: relative; background: #009fe3; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_4 .mapa ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 36px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_4 .mapa ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 36px;  -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_4 .mapa ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.welcome_4 .mapa ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;}
.notouch .welcome_4 .mapa ul.social li a:hover{background: #ff5921;}






@media screen and (max-width: 1100px)  {
.welcome_4 .text{display: block; float: none; width: 100%; max-width: 680px; margin: 0 auto 40px; text-align: center;}
.welcome_4 .text img{ margin: 0 auto;}
.welcome_4 .text h3{text-align: center;}
.welcome_4 .text .text_box, .welcome_4 .text .text_box &gt; *{text-align: center;}
.welcome_4 .mapa{float: none; margin: 0 auto;}

.welcome_4 .text form{margin: 0 auto 35px;}
}

@media screen and (max-width: 767px)  {
.welcome_4 .text h3{font-size: 20px; line-height: 26px;}

.welcome_4 .text .address, .welcome_4 .text .address strong{font-size: 14px;}
.welcome_4 .text .phone{font-size: 14px;}
.welcome_4 .text .mail{font-size: 14px;}
.welcome_4 .text .mail a{font-size: 14px;}

.welcome_4 .mapa{width: calc(100% - 60px); padding: 25px 30px;}
.welcome_4 .mapa .title{font-size: 18px; line-height: 26px;text-align: center;}
.welcome_4 .mapa ul.social{text-align: center;}

.welcome_4 .text form{margin: 0 auto 35px; width: 100%; width: 280px;}
.welcome_4 .text form .subtitle{text-align: center; display: block; margin: 0 0 10px;}
.welcome_4 .text form input[type=text] {width: calc(100% - 32px);}
.welcome_4 .text form button {right: 0; top: initial; top: auto; bottom: 0;}




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






footer{background: #1b1b1a; /*padding: 100px 5% 50px;*/ padding: 80px 0 50px; position: relative; z-index: 0; /*margin-top: -50px*/}
footer .relative::before{position: absolute; left: 0; right: 0; bottom: calc(100% + 50px); background: #f4f5f5; height: 30px; content: ""; display: block;}
footer a.logo{position: relative; width: 270px; height: 67px; float: left; margin: 0}
footer a.logo img{display: block; width: 270px; height: 67px; margin: 0 auto;}
footer ul.menu{display: inline-block;  vertical-align: top; margin: 50px 80px 0 0; padding: 0;}
footer ul.menu &gt; li{display: block; list-style: none;}
footer ul.menu &gt; li &gt; span{display: block; color: #009fe3; font-weight: 700; text-transform: uppercase; font-size: 15px; padding-bottom: 15px;}
/*
footer ul.menu &gt; li &gt; ul{display: block; margin: 0; padding: 0;}
footer ul.menu &gt; li &gt; ul &gt; li{display: block; list-style: none;}
footer ul.menu &gt; li &gt; ul &gt; li &gt; span{display: block; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 15px;  padding-bottom: 10px;}
footer ul.menu &gt; li &gt; ul &gt; li &gt; ul{display: block; margin: 0; padding: 0 0 20px;}
footer ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li{display: block; list-style: none; margin: 0 0 5px;}
footer ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a{display: inline-block;  border-bottom: 1px solid transparent; color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch footer ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover, footer ul.menu &gt; li &gt; ul &gt; li &gt; ul &gt; li.active &gt; a{border-bottom: 1px solid #fff;}
*/

footer ul.menu &gt; li &gt; ul{display: block; margin: 0; padding: 0 0 20px;}
footer ul.menu &gt; li &gt; ul &gt; li{display: block; list-style: none; margin: 0 0 5px;}
footer ul.menu &gt; li &gt; ul &gt; li &gt; a{display: inline-block;  border-bottom: 1px solid transparent; color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch footer ul.menu &gt; li &gt; ul &gt; li &gt; a:hover, footer ul.menu &gt; li &gt; ul &gt; li.active &gt; a{border-bottom: 1px solid #fff;}

@media screen and (max-width: 1400px)  {
footer ul.menu{margin: 50px 60px 0 0;}
}

@media screen and (max-width: 1300px)  {
footer ul.menu{margin: 50px 0 0 0; width: calc(50% - 4px);}
}

@media screen and (max-width: 1200px)  {
footer a.logo{width: 320px; height: 80px;}
footer a.logo img{width: 320px; height: 80px;}
}




@media screen and (max-width: 700px)  {
footer a.logo{width: 220px; height: 55px; float: none; display: block; margin: 0 auto;}
footer a.logo img{width: 220px; height: 55px;}
footer ul.menu{margin: 30px 0 0 0; width: 100%; display: block; text-align: center;}
footer ul.menu ul{padding: 0;}
}


   



   
.sign{background: #ffffff; padding: 0; text-align: center;}
.sign p{padding: 20px 5%; color: #9c9c9c; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; display: block; margin: 0;}
.sign p strong{color: #9c9c9c; font-weight: 700; font-size: 14px; line-height: 20px; text-align: center;}
.sign p a{color: #9c9c9c; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .sign a:hover{color: #1b1b1a;}
















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






.landing_list { width: 100%; text-align: left;}
.landing_list .item { display: inline-block; vertical-align: middle; width: calc(20% - 160px / 5 - 3px); margin: 40px 0 0;}
.landing_list .item:nth-child(5n - 1){margin: 40px 40px 0;}
.landing_list .item:nth-child(5n - 3){margin: 40px 40px 0;}
.landing_list .item:nth-child(-n + 5){margin-top: 0;}
.landing_list .item .img{-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); position: relative; -webkit-border-radius: 200px; border-radius: 200px; width: 100%; padding: 0 0 100%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.landing_list .item .img::before{opacity: 0; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 8px solid #009de2; content: ""; -webkit-border-radius: 200px; border-radius: 200px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .landing_list .item:hover .img::before{opacity: 1;}
.landing_list .item .title{display: block; height: 40px; overflow: hidden; font-size: 15px; line-height: 20px; padding: 10px 10px 0; text-align: center; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .landing_list .item:hover .title{color: #009de2;}


@media screen and (max-width: 1450px) {
.landing_list .item {width: calc(25% - 120px / 4 - 3px); margin: 40px 0 0;}
.landing_list .item:nth-child(5n - 1){margin: 40px 0 0;}
.landing_list .item:nth-child(5n - 3){margin: 40px 0 0;}
.landing_list .item:nth-child(-n + 5){margin-top: 40px;}
.landing_list .item:nth-child(4n - 1){margin: 40px 40px 0;}
.landing_list .item:nth-child(4n - 2){margin: 40px 0 0 40px;}
.landing_list .item:nth-child(-n + 4){margin-top: 40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1081px) {
.landing_list .item {width: calc(33.33% - 60px / 3 - 3px); margin: 30px 0 0;}
.landing_list .item:nth-child(5n - 1){margin: 30px 0 0;}
.landing_list .item:nth-child(5n - 3){margin: 30px 0 0;}
.landing_list .item:nth-child(-n + 5){margin-top: 30px;}
.landing_list .item:nth-child(4n - 1){margin: 30px 0 0;}
.landing_list .item:nth-child(4n - 2){margin: 30px 0 0;}
.landing_list .item:nth-child(-n + 4){margin-top: 30px;}
.landing_list .item:nth-child(3n - 1){margin: 30px 30px 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 0;}
}

@media screen and (max-width: 1024px) {
.landing_list .item {width: calc(33.33% - 60px / 3 - 3px); margin: 30px 0 0;}
.landing_list .item:nth-child(5n - 1){margin: 30px 0 0;}
.landing_list .item:nth-child(5n - 3){margin: 30px 0 0;}
.landing_list .item:nth-child(-n + 5){margin-top: 30px;}
.landing_list .item:nth-child(4n - 1){margin: 30px 0 0;}
.landing_list .item:nth-child(4n - 2){margin: 30px 0 0;}
.landing_list .item:nth-child(-n + 4){margin-top: 30px;}
.landing_list .item:nth-child(3n - 1){margin: 30px 30px 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 750px) {
.landing_list .item {width: calc(50% - 20px / 2 - 3px); margin: 20px 0 0;}
.landing_list .item:nth-child(5n - 1){margin: 20px 0 0;}
.landing_list .item:nth-child(5n - 3){margin: 20px 0 0;}
.landing_list .item:nth-child(-n + 5){margin-top: 20px;}
.landing_list .item:nth-child(4n - 1){margin: 20px 0 0;}
.landing_list .item:nth-child(4n - 2){margin: 20px 0 0;}
.landing_list .item:nth-child(-n + 4){margin-top: 20px;}
.landing_list .item:nth-child(3n - 1){margin: 20px 0 0;}
.landing_list .item:nth-child(-n + 3){margin-top: 20px;}
.landing_list .item:nth-child(2n){margin: 20px 0 0 20px;}
.landing_list .item:nth-child(-n + 2){margin-top: 0;}
}
@media screen and (max-width: 380px) {
.landing_list .item .title{font-size: 13px; line-height: 18px; height: 36px;}
}



.landing { width: 100%; text-align: left;}
.landing ul{margin: 0; padding: 0;}
.landing ul li{margin: 0 5px 6px 0; display: inline-block; vertical-align: middle;}



.city_detail{display: block; text-align: center; max-width: 800px; margin: 0 auto;}
.city_detail .img{height: 120px; width: 120px; -webkit-border-radius: 100px; border-radius: 100px; display: inline-block; vertical-align: top; margin: 0 20px 0 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.city_detail .text{max-width: calc(100% - 145px); display: inline-block; vertical-align: top;  text-align: left;}

@media screen and (max-width: 600px) {
.city_detail .img{display: block; margin: 0 auto 15px;}
.city_detail .text{max-width: 100%; display: block;}
.city_detail .text article, .city_detail .text article *{text-align: center !important;}


}


.termin_list{display: block; width: 100%; padding: 0;}
.termin_list h2{margin-top: 50px;}
.termin_list .termin{background: #f6f6f7; position: relative; display: inline-block; vertical-align: top; width: calc(20% - 80px / 5 - 3px); margin: 0; padding: 40px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .termin_list a.termin:hover{background: #194b5e;}
.termin_list .termin:nth-child(5n - 1){margin: 0 20px;}
.termin_list .termin:nth-child(5n - 3){margin: 0 20px;}
.termin_list .termin .img{height: 120px; width: 120px; margin: 0 auto; overflow: hidden; -webkit-border-radius: 100px; border-radius: 100px; display: block; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.termin_list .termin .img{filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='saturate' values='0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;}
.notouch .termin_list a.termin:hover .img{-webkit-filter: grayscale(0);filter:         grayscale(0);}
.termin_list .termin .img.grayscale-replaced {-webkit-filter: none;filter:         none;}
.termin_list .termin .img.grayscale-replaced &gt; svg {-webkit-transition: opacity .5s ease;transition:         opacity .5s ease;opacity: 1;}
.termin_list .termin .img.grayscale-replaced.grayscale-off &gt; svg, .termin_list .termin .img.grayscale-replaced.grayscale-fade:hover &gt; svg {opacity: 0;} 

.termin_list .termin .text{padding: 28px 0 0; display: block; position: relative; text-align: center;}
.termin_list .termin .text .title{font-size: 18px; line-height: 24px; color: #009de2; font-weight: 400; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list .termin .text .date{font-size: 22px; line-height: 26px; color: #009de2; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list .termin .text .date strong{font-size: 22px; line-height: 26px; color: #009de2; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list .termin .text .anotation{display: block; font-size: 15px; line-height: 22px; color: #000000; font-weight: 400; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin: 10px 0 20px;}
.termin_list .termin .text .anotation strong{font-size: 15px; line-height: 22px; color: #000000; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

.termin_list span.termin .text .title{color: #adadad;}
.termin_list span.termin .text .date{color: #adadad;}
.termin_list span.termin .text .date strong{color: #adadad;}
.termin_list .termin .text iframe{display: block; width: 100%; height: 52px; background: none; border: 0; }

.notouch .termin_list a.termin:hover .text .title, .notouch .termin_list a.termin:hover .text .date, .notouch .termin_list a.termin:hover .text .date strong, .notouch .termin_list a.termin:hover .text .anotation, .notouch .termin_list a.termin:hover .text .anotation strong{color: #ffffff;}





@media screen and (max-width: 1300px) {
.termin_list .termin{width: calc(25% - 60px / 4 - 3px); margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 3){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 1){margin: 20px 20px 0;}
.termin_list .termin:nth-child(4n - 2){margin: 20px 0 0 20px;}
.termin_list .termin:nth-child(-n + 4){margin-top: 0;}
}

@media screen and (max-width: 1150px) {
.termin_list .termin{width: calc(33.33% - 40px / 3 - 3px); margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 3){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 2){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 4){margin-top: 20px;}
.termin_list .termin:nth-child(3n - 1){margin: 20px 20px 0;}
.termin_list .termin:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 800px) {
.termin_list .termin{width: calc(50% - 20px / 2 - 3px); margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 3){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 2){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 4){margin-top: 20px;}
.termin_list .termin:nth-child(3n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 3){margin-top: 20px;}
.termin_list .termin:nth-child(2n){margin: 20px 0 0 20px;}
.termin_list .termin:nth-child(-n + 2){margin-top: 0;}
}
@media screen and (max-width: 520px) {
.termin_list .termin{width: 100%; margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(5n - 3){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(4n - 2){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 4){margin-top: 20px;}
.termin_list .termin:nth-child(3n - 1){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 3){margin-top: 20px;}
.termin_list .termin:nth-child(2n){margin: 20px 0 0;}
.termin_list .termin:nth-child(-n + 2){margin-top: 20px;}
.termin_list .termin:nth-child(-n + 1){margin-top: 0;}
}


















.termin_list_hp{font-size: 0; display: block; width: 100%; padding: 0;}
.termin_list_hp .termin{background: #f6f6f7; position: relative; display: inline-block; vertical-align: top; width: calc(20% - 4px / 5); margin: 0; padding: 38px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .termin_list_hp a.termin:hover{background: #194b5e;}
.termin_list_hp .termin:nth-child(5n - 1){margin: 0 1px;}
.termin_list_hp .termin:nth-child(5n - 3){margin: 0 1px;}
.termin_list_hp .termin .img{height: 120px; width: 120px; margin: 0 auto; overflow: hidden; -webkit-border-radius: 100px; border-radius: 100px; display: block; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.termin_list_hp .termin .img{filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='saturate' values='0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;}
.notouch .termin_list_hp a.termin:hover .img{-webkit-filter: grayscale(0);filter:         grayscale(0);}
.termin_list_hp .termin .img.grayscale-replaced {-webkit-filter: none;filter:         none;}
.termin_list_hp .termin .img.grayscale-replaced &gt; svg {-webkit-transition: opacity .5s ease;transition:         opacity .5s ease;opacity: 1;}
.termin_list_hp .termin .img.grayscale-replaced.grayscale-off &gt; svg, .termin_list .termin .img.grayscale-replaced.grayscale-fade:hover &gt; svg {opacity: 0;} 

.termin_list_hp .termin .text{padding: 28px 0 0; display: block; position: relative; text-align: center;}
.termin_list_hp .termin .text .title{font-size: 18px; line-height: 24px; color: #009de2; font-weight: 400; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list_hp .termin .text .date{font-size: 22px; line-height: 26px; color: #009de2; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list_hp .termin .text .date strong{font-size: 22px; line-height: 26px; color: #009de2; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.termin_list_hp .termin .text .anotation{display: block; font-size: 15px; line-height: 22px; color: #000000; font-weight: 400; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease; margin: 10px 0 20px;}
.termin_list_hp .termin .text .anotation strong{font-size: 15px; line-height: 22px; color: #000000; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;}

.termin_list_hp span.termin .text .title{color: #adadad;}
.termin_list_hp span.termin .text .date{color: #adadad;}
.termin_list_hp span.termin .text .date strong{color: #adadad;}
.termin_list_hp .termin .text iframe{display: block; width: 100%; height: 52px; background: none; border: 0; }

.notouch .termin_list_hp a.termin:hover .text .title, .notouch .termin_list_hp a.termin:hover .text .date, .notouch .termin_list_hp a.termin:hover .text .date strong, .notouch .termin_list_hp a.termin:hover .text .anotation, .notouch .termin_list_hp a.termin:hover .text .anotation strong{color: #ffffff;}

@media screen and (max-width: 1360px) and (min-width: 1025px) {
.termin_list_hp .termin{width: calc(33.33% - 2px / 3); padding: 20px 0;}
.termin_list_hp .termin:nth-child(3n - 1){margin: 0 1px;}
.termin_list_hp .termin:nth-child(4), .termin_list_hp .termin:nth-child(5){width: calc(50% - 1px / 2 - 3px);}
.termin_list_hp .termin:nth-child(5){margin: 2px 0 0 1px;}
.termin_list_hp .termin:nth-child(4){margin: 2px 0 0 0;}
.termin_list_hp .termin .img{height: 60px; width: 60px;}
.termin_list_hp .termin .text{padding: 10px 0 0;}
.termin_list_hp .termin .text .title{font-size: 14px; line-height: 20px;}
.termin_list_hp .termin .text .date{font-size: 18px; line-height: 22px;}
.termin_list_hp .termin .text .date strong{font-size: 18px; line-height: 22px;}
.termin_list_hp .termin .btn{font-size: 11px; padding: 6px 14px;}
}

@media screen and (max-width: 1024px) {
.termin_list_hp .termin{padding: 20px 0;}
.termin_list_hp .termin .img{height: 60px; width: 60px;}
.termin_list_hp .termin .text{padding: 10px 0 0;}
.termin_list_hp .termin .text .title{font-size: 14px; line-height: 20px;}
.termin_list_hp .termin .text .date{font-size: 18px; line-height: 22px;}
.termin_list_hp .termin .text .date strong{font-size: 18px; line-height: 22px;}
.termin_list_hp .termin .btn{font-size: 11px; padding: 6px 14px;}
}
@media screen and (max-width: 730px) {
.termin_list_hp .termin{width: calc(33.33% - 2px / 3);}
.termin_list_hp .termin:nth-child(3n - 1){margin: 0 1px;}
.termin_list_hp .termin:nth-child(4), .termin_list_hp .termin:nth-child(5){width: calc(50% - 1px / 2 - 3px);}
.termin_list_hp .termin:nth-child(5){margin: 2px 0 0 1px;}
.termin_list_hp .termin:nth-child(4){margin: 2px 0 0 0;}
}
@media screen and (max-width: 460px) {
.termin_list_hp .termin{width: calc(50% - 1px / 2);}
.termin_list_hp .termin:nth-child(2){margin: 0 0 0 1px;}
.termin_list_hp .termin:nth-child(3){margin: 2px 0 0 0;}
.termin_list_hp .termin:nth-child(4){margin: 2px 0 0 1px;}
.termin_list_hp .termin:nth-child(5){margin: 2px 0 0 0; width: 100%;}
}













.person_list{background: #ffffff; padding: 80px 0; display: block; position: relative;}
.person_list h2{text-align: center; text-transform: uppercase; margin: 0 0 30px;}
.person_list .item{position: relative; display: block; width: 94%; margin: 0 auto;}
.person_list .item .img{width: 160px; height: 160px; margin: 0 auto; display: block; position: relative;}
.person_list .item .img img{max-width: 160px; max-height: 160px; display: block; margin: 0 auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; position: relative; z-index: 0;} 
.person_list .item .text{max-width: 300px; margin: 0 auto; padding: 18px 0 0; display: block; position: relative; text-align: center;}
.person_list .item .text p.name{margin: 0; font-size: 16px; line-height: 20px; color: #231f20; font-weight: 500; text-align: center;}
.person_list .item .text p.post{margin: 0 0 20px; font-style: italic; font-size: 14px; line-height: 18px; color: #231f20; font-weight: 400; text-align: center;}
.person_list .item .text p.phone{margin: 0; font-size: 16px; line-height: 18px; color: #231f20; font-weight: 400; text-align: center;}
.person_list .item .text p.mail, .person_list .item .text p.mail a{margin: 0; font-size: 16px; line-height: 18px; color: #231f20; font-weight: 400; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .person_list .item .text p.mail a:hover{color: #009de2}


.person_list .person_slider{width: 90%; margin: 0 auto;}
.person_list .person_slider.owl-carousel .owl-controls{position: absolute; top: 50%; margin-top: -30px; width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; }
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{background: #f6f6f7; cursor: pointer; position:absolute; width: 60px; height: 60px; left: -80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next{background: #f6f6f7; cursor: pointer; position:absolute; width: 60px; height: 60px; right: -80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before,
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 1; position: absolute; left: 0; top: 0; content: ""; display: block; width: 60px; height: 60px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after,
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 0; position: absolute; left: 0; top: 0; content: ""; display: block; width: 60px; height: 60px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center; background-size: 12px 26px;}
.person_list .person_slider.owl-carousel .owl-controlsf .owl-buttons .owl-prev::after{background: url(../img/slider_arrow_prev_hover.svg) no-repeat scroll center center; background-size: 12px 26px;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{background: url(../img/slider_arrow_next.svg) no-repeat scroll center center; background-size: 12px 26px;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{background: url(../img/slider_arrow_next_hover.svg) no-repeat scroll center center; background-size: 12px 26px;}
.notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before,
.notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 0;}
.notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after,
.notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 1;}                                                                   
.notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover{background: #194b5e;}

@media screen and (max-width: 1400px) {
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: -40px;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next{right: -40px;}
}

@media screen and (max-width: 700px) {
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ left: -10px;}
.person_list .person_slider.owl-carousel .owl-controls .owl-buttons .owl-next{right: -10px;}
}







.reference_list { width: 100%; text-align: left; margin: 0;}
.reference_list .item { overflow: hidden; display: inline-block; vertical-align: top; width: calc(20% - 160px / 5 - 3px); margin: 40px 0 0;}
.reference_list .item:nth-child(5n - 1){margin: 40px 40px 0;}
.reference_list .item:nth-child(5n - 3){margin: 40px 40px 0;}
.reference_list .item:nth-child(-n + 5){margin-top: 0;}
.reference_list .item .img{position: relative; width: 100%; padding: 0 0 100%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.reference_list .item .img::before{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(25,75,94,0.84); content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.reference_list .item .img::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 33px; height: 26px; background: url(../img/program_arrow_white.svg) no-repeat scroll center center; background-size: 33px 26px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .reference_list .item:hover .img::before, .notouch .reference_list .item:hover .img::after{opacity: 1;}
.reference_list .item .title{position: relative; white-space: nowrap; color: #77797b; display: block; overflow: hidden; font-size: 15px; line-height: 20px; padding: 10px 0 0; text-align: left; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.reference_list .item .title::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;}
.notouch .reference_list .item:hover .title{color: #194b5e;}
.reference_list .item .city{position: relative; white-space: nowrap; color: #77797b; display: block; overflow: hidden; font-size: 15px; line-height: 20px; padding: 0; text-align: left; font-weight: 500; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.reference_list .item .city::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;}
.notouch .reference_list .item:hover .city{color: #194b5e;}

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

@media screen and (max-width: 1024px) {
.reference_list .item {width: calc(33.33% - 60px / 3 - 3px); margin: 30px 0 0;}
.reference_list .item:nth-child(5n - 1){margin: 30px 0 0;}
.reference_list .item:nth-child(5n - 3){margin: 30px 0 0;}
.reference_list .item:nth-child(-n + 5){margin-top: 30px;}
.reference_list .item:nth-child(4n - 1){margin: 30px 0 0;}
.reference_list .item:nth-child(4n - 2){margin: 30px 0 0;}
.reference_list .item:nth-child(-n + 4){margin-top: 30px;}
.reference_list .item:nth-child(3n - 1){margin: 30px 30px 0;}
.reference_list .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 750px) {
.reference_list .item {width: calc(50% - 20px / 2 - 3px); margin: 20px 0 0;}
.reference_list .item:nth-child(5n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(5n - 3){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 5){margin-top: 20px;}
.reference_list .item:nth-child(4n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(4n - 2){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 4){margin-top: 20px;}
.reference_list .item:nth-child(3n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 3){margin-top: 20px;}
.reference_list .item:nth-child(2n){margin: 20px 0 0 20px;}
.reference_list .item:nth-child(-n + 2){margin-top: 0;}
}
@media screen and (max-width: 380px) {
.reference_list .item {width: 100%; margin: 20px 0 0;}
.reference_list .item:nth-child(5n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(5n - 3){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 5){margin-top: 20px;}
.reference_list .item:nth-child(4n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(4n - 2){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 4){margin-top: 20px;}
.reference_list .item:nth-child(3n - 1){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 3){margin-top: 20px;}
.reference_list .item:nth-child(2n){margin: 20px 0 0;}
.reference_list .item:nth-child(-n + 2){margin-top: 20px;}
.reference_list .item:nth-child(-n + 1){margin-top: 0;}
}


.reference_text{display: inline-block; vertical-align: top; width: calc(50% - 24px); padding: 0 40px 0 0;}
.reference_img{display: inline-block; vertical-align: top; width: calc(50% - 24px);}
.reference_img img{max-width: 100%; display: block; margin: 0;}

@media screen and (max-width: 1024px) {
.reference_text{display: block; width: 100%; padding: 0;}
.reference_img{display: block; width: 100%; padding: 30px 0 0;}

}













.contact_page{padding: 0; width: 100%; margin: 0 auto; position: relative;}
.contact_page .item{position: relative; padding: 20px 4%; float: left; width: calc((100% - 4px - 20%) / 3)}
.contact_page .item::before{width: 1px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: #eaeaea; display: block; content: "";}
.contact_page .item.first{padding: 20px 4% 20px 0;}
.contact_page .item.first::before{display: none;}
.contact_page .item.last{padding: 20px 0 20px 4%;}
.contact_page .item .box{display: table; width: 100%;}
.contact_page .item .box .centering{display: table-cell; width: 100%; vertical-align: middle;}
.contact_page .item p.title{font-size: 16px; line-height: 24px; color: #000; font-weight: 600; margin: 0; padding: 0 0 10px;}
.contact_page .item p.subtitle{font-size: 15px; line-height: 20px; color: #000; font-weight: 500; margin: 0; padding: 0;}
.contact_page .item p{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; margin: 0 0 15px; padding: 0;}
.contact_page .item p:last-of-type{margin: 0;}
.contact_page .item p a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #28323e; font-weight: 400; margin: 0; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .contact_page .item p a:hover{color: #1188d5}
.contact_page .item img{max-width: 100%;}


.gmapa{position: relative; display: block; background: #f2f2f2; width: 100%; margin: 0;}
.gmapa #MyGmaps{z-index: 0; position: relative; width: 100%; height: 380px; display: block; background: url(../img/mapa.jpg) no-repeat scroll center center #fff;}
.gmapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;}


@media screen and (max-width: 1010px) {
.contact_page{padding-top: 0; }
.contact_page .item{padding: 30px 0; float: none; width: 100%}
.contact_page .item::before{display: none;}
.contact_page .item.first{border-top: 0; padding: 0;}
.contact_page .item.last{padding: 0;}
.contact_page .item .box{height: initial !important; height: auto !important;}

.gmapa #MyGmaps{height: 320px;}
}

@media screen and (max-width: 600px) {
.gmapa #MyGmaps{height: 240px;}
}







.product_list{margin: 0 auto; display: block; width: 100%;}
.product_list .item{max-width: 400px; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 17px); border: 1px solid #f4f5f5; background: #fff;}
.product_list .item:nth-child(2){margin: 0 0 0 30px;}
.product_list .item .img{width: 100%; height: 200px; display: block; z-index: 0; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
.product_list .item .title{font-size: 18px; line-height: 22px; font-weight: 600; color: #000; padding: 0; margin: 0 25px; text-align: left; }
.product_list .item .anotation{display: block; text-align: left; font-size: 14px; line-height: 20px; font-weight: 500; color: #000; margin: 10px 25px 15px;}
.product_list .item .anotation a:not(.btn){text-decoration: underline; text-align: left; font-size: 14px; line-height: 20px; font-weight: 600; color: #1188d5;}
.notouch .product_list .item .anotation a:not(.btn):hover{text-decoration: none;}

@media screen and (max-width: 700px) {
.product_list .item{width: 100%;}
.product_list .item:nth-child(2){margin: 30px 0 0;}
}




.special_list{width: 100%; position: relative; padding: 0;}
.special_list .item{width: 100%; margin: 0 auto; padding: 0 0 30px;}
.special_list .item:last-of-type{padding: 0;}
.special_list .item .img{height: 260px; position: relative; width: 42%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.6); box-shadow: 0 0 10px -5px rgba(0,0,0,0.6);  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; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.special_list .item .img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #009de2; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.special_list .item .img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .special_list .item .img.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;}
.notouch .special_list .item .img.swipebox:hover::after{opacity: 1; background-size: 60px 60px;}
.special_list .item .text{text-align: left; width: calc(53% - 5px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 5%;}
.special_list .item .text h2{padding: 0; text-align: left; margin: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; line-height: 28px; color: #000000; font-weight: 700; text-transform: uppercase; font-family: 'bmwtypewebbo_all', sans-serif, Arial;}
.special_list .item .text h2 a{display: block; font-size: 20px; line-height: 28px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .special_list .item.hover_efekt .text h2 a{color: #009fe3;}
.special_list .item .text .box{display: none;}
.special_list .item .text .text_box{margin: 15px 0 10px; text-align: left; padding: 0 0 0 0}

.special_list .item .text .in_img{position: relative; width: 400px; height: 200px; max-width: 100%; margin: 0 auto; display: none; 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;}
.special_list .item .text .in_img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #009de2; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.special_list .item .text .in_img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .special_list .item .text .in_img.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;}
.notouch .special_list .item .text .in_img.swipebox:hover::after{opacity: 1; background-size: 60px 60px;}

.special_list .item:nth-child(odd) .img:nth-child(3){display: none;}
.special_list .item:nth-child(even) .img:nth-child(1){display: none;}
.special_list .item:nth-child(even) .text{padding: 0 5% 0 0;}


@media screen and (max-width: 900px) {
.special_list{padding: 0;}
.special_list .item{padding: 0; margin: 0 auto 30px;}
.special_list .item .img{display: none;}
.special_list .item .text{text-align: center; width: 100%; display: block; padding: 0 !important;}
.special_list .item .text h2{margin: 0; text-align: left;}
.special_list .item .text .in_img{display: block; margin: 15px 0;}
.special_list .item .text p.anotation{text-align: left;}

}




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

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

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


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






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


.file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #f2f3f3; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a{text-decoration: none; font-size: 13px; color: #535353; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .clas_item:hover{border: 1px solid #009fe3; background: #009fe3;}
.notouch .file_list .clas_item:hover a{color: #ffffff;}
.notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;}

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

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




.fotogalerie{width: 100%; position: relative; margin: 0;}
.fotogalerie .text_box{margin: 0 0 20px;}
.fotogalerie a.swipebox{width: calc(16.66% - 50px / 6); margin: 10px 0 0 10px; float: left; display: block; position: relative;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);}
.fotogalerie a.swipebox:nth-child(1){margin-left: 0 !important;}
.fotogalerie a.swipebox:nth-child(6n + 1){margin-left: 0;}
.fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #009de2; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.fotogalerie a.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.fotogalerie a.swipebox img{max-width: 100%; display: block;}
.notouch .fotogalerie a:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;}
.notouch .fotogalerie a:hover::after{opacity: 1; background-size: 60px 60px;}

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

@media screen and (min-width: 1025px) {
.fotogalerie.row_two a.swipebox{padding: 0 0 22%; width: calc(50% - 15px / 2); height: 0; margin: 15px 0 0;}
.fotogalerie.row_two a.swipebox:nth-child(2n){margin: 15px 0 0 15px;}
.fotogalerie.row_two a.swipebox:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 1024px) {
.fotogalerie.row_two a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 10px 0 0;}
.fotogalerie.row_two a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;}
.fotogalerie.row_two a.swipebox:nth-child(-n + 3){margin-top: 0;}
}


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

.fotogalerie.row_two a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important}
.fotogalerie.row_two a.swipebox:nth-child(2n){margin: 10px 0 0 10px !important;}
.fotogalerie.row_two a.swipebox:nth-child(-n + 2){margin-top: 0 !important;}
}



.grid{padding: 0 6px 30px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.grid .grid-item{width: calc(20% - 3px); display: inline-block;}
.grid .grid-item.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #003f80; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.grid .grid-item.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.grid .grid-item img{max-width: calc(100% - 12px); display: block; margin: 6px;}
.notouch .grid a:hover::before{opacity: 0.90; left: 6px; top: 6px; right: 6px; bottom: 6px;}
.notouch .grid a:hover::after{opacity: 1; background-size: 60px 60px;}

@media screen and (max-width: 1200px) {
.grid .grid-item{width: 25%;}
}
@media screen and (max-width: 1024px) {
.grid{padding: 40px 0 0;}
.grid .grid-item{width: 33.33%;}
}
@media screen and (max-width: 768px) {
.grid .grid-item{width: 50%;}
.grid .grid-item:last-of-type{display: none;}
}




.login_form{white-space: nowrap; margin: 0 auto; max-width: 550px; display: block; width: 100%; text-align: center; position: relative;}
.login_form .title{font-size: 18px; line-height: 28px; color: #000; font-weight: 700; margin: 30px 0 5px;} 
.login_form input[type="text"]{margin: 0;}
.login_form input[type="password"]{margin: 0 0 0 8px;}
.login_form input[type="text"], .login_form input[type="password"]{border: 1px solid #e6e7e8; width: calc(50% - 38px); max-width: 240px; background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.login_form input[type="text"]:focus, .login_form input[type="password"]:focus{border: 1px solid #009de2;}

.login_form p{margin: 15px 0 5px; text-align: center; font-size: 13px; line-height: 18px; color: #000;}
.login_form p a{text-align: center; font-size: 13px; line-height: 18px; color: #000; font-weight: 700; text-decoration: underline;  -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .login_form p a:hover{color: #009de2;}







.reg_form{max-width: 900px; width: 100%; text-align: center; position: relative; margin: 0 auto; text-align: center; left: 0; bottom: 0;}
.reg_form form{display: block; width: 100%;}

.reg_form form .main_title{text-align: left; margin: 20px 0 0; background: #009de2; color: #fff; font-size: 16px; line-height: 22px; font-weight: 700; text-transform: uppercase; padding: 10px 25px;}
.reg_form form .box{display: block;  border: 1px solid #e6e7e8; border-top: 0; padding: 25px;}
.reg_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;}
.reg_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 400; text-align: right; padding: 0 15px 0 0; margin: 0;}
.reg_form form table th:nth-child(3){padding-left: 20px;}
.reg_form form table td{font-size: 13px; line-height: 17px; font-weight: 400; vertical-align: middle; text-align: left; padding: 0;}
.reg_form form table td a{font-size: 13px; line-height: 17px; font-weight: 600; text-align: left; padding: 0; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .reg_form form table td a:hover{color: #009de2;}
.reg_form form table td input[type=text], .reg_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.reg_form form table td input[type=text].datepicker{background: url(../img/calendar_icon.svg) no-repeat scroll calc(100% - 4px) center #fff; background-size: 24px 24px;}
.reg_form form table td textarea{border: 1px solid #e6e7e8; width: calc(100% - 32px); height: 100px; overflow: auto; resize: none; background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.reg_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.reg_form form table td input[type=text]:focus, .reg_form form table td input[type=password]:focus, .reg_form form table td textarea:focus{border: 1px solid #009de2;}

.reg_form form table td label{display: block; font-size: 14px; font-weight: 400; line-height: 21px; }
.reg_form form table td .checker{margin-right: 8px;}
.reg_form form table td span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #666666; font-size: 14px; line-height: 18px; text-align: left;}


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



.reg_form form table td .choose_section{display: inline-block; vertical-align: middle; position: relative; background: #194b5e;}
.reg_form form table td.align-left .choose_section{width: 100%;}
.reg_form form table td.align-right .choose_section{width: calc(100% - 20px);}
.reg_form form table td .choose_section .img{opacity: 0.25; width: 100%; height: 140px; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .reg_form form table td .choose_section:hover .img, .reg_form form table td .choose_section.active .img{opacity: 0;}
.reg_form form table td .choose_section .title{color: #fff; text-align: center; font-size: 20px; line-height: 24px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}


.reg_form p.gdpr{margin: 6px 0; float: left; width: initial; width: auto;}


@media screen and (max-width: 900px) {
.reg_form form table, .reg_form form table tbody, .reg_form form table tr, .reg_form form table th, .reg_form form table td{white-space: normal; display: block; width: 100%; text-align: center; clear: both;}
.reg_form form table th{display: inline-block; vertical-align: middle; width: 150px; text-align: right; padding: 0 10px 0 0 !important; margin: 0 0 8px;}
.reg_form form table td{display: inline-block; vertical-align: middle; width: calc(100% - 165px); text-align: left; margin: 0 0 8px;}
.reg_form form table td[colspan="2"]{display: inline-block; width: calc(50% - 2px)}
.reg_form form table td.align-left .choose_section, .reg_form form table td.align-right .choose_section{width: calc(100% - 10px);}
.reg_form form table .mobile_cell{display: none}
}

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

.reg_form p.gdpr{float: none; display: block; text-align: center;}
.reg_form .text_box{text-align: center;}
.reg_form .btn[type="submit"]{float: none; margin: 10px 0 0;}
.reg_form form table td .choose_section .img{height: 100px;}
}

@media screen and (max-width: 600px) {
.reg_form form .box{padding: 15px;}
.reg_form form table th{display: block; width: 100%; text-align: left; padding: 15px 0 5px 0 !important; margin: 0;}
.reg_form form table td{display: block; width: 100%; margin: 0;}
.reg_form form table td[colspan="2"]{margin: 15px 0 0;}
.reg_form form table td.align-left .choose_section, .reg_form form table td.align-right .choose_section{width: calc(100% - 2px);}
.reg_form form table td .choose_section .title{font-size: 16px; line-height: 20px;}
}


























.normal_form{max-width: 900px; width: 100%; text-align: center; position: relative; margin: 0; text-align: center; left: 0; bottom: 0;}
.normal_form form{display: block; width: 100%;}
.normal_form form .box{margin: 0 0 20px; padding: 18px 25px;  background: #ffffff; border: 2px solid #ededed; display: block; }

.normal_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;}
.normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #838588; font-weight: 400; text-align: right; padding: 0 15px 0 0; margin: 0; font-family: 'bmwtypewebli_all', sans-serif, Arial;}
.normal_form form table th:nth-child(3){padding-left: 20px;}
.normal_form form table td{text-align: left; padding: 0;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.normal_form form table td input[type=text].datepicker{background: url(../img/calendar_icon.svg) no-repeat scroll calc(100% - 4px) center #fff; background-size: 24px 24px;}
.normal_form form table td textarea{border: 1px solid #e6e7e8; width: calc(100% - 32px); height: 100px; overflow: auto; resize: none; background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus, .normal_form form table td textarea:focus{border: 1px solid #009de2;}

.normal_form form table td label{display: block; font-size: 14px; font-weight: 400; line-height: 21px; }
.normal_form form table td .checker{margin-right: 8px;}
.normal_form form table td span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #666666; font-size: 14px; line-height: 18px; text-align: left;}


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



.normal_form form table td .choose_section{display: inline-block; vertical-align: middle; position: relative; background: #194b5e;}
.normal_form form table td.align-left .choose_section{width: 100%;}
.normal_form form table td.align-right .choose_section{width: calc(100% - 20px);}
.normal_form form table td .choose_section .img{opacity: 0.25; width: 100%; height: 140px; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.notouch .normal_form form table td .choose_section:hover .img, .normal_form form table td .choose_section.active .img{opacity: 0;}
.normal_form form table td .choose_section .title{color: #fff; text-align: center; font-size: 20px; line-height: 24px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}


.normal_form p.gdpr{margin: 6px 0; float: left; width: initial; width: auto;}


@media screen and (max-width: 900px) {
.normal_form form table, .normal_form form table tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{white-space: normal; display: block; width: 100%; text-align: center; clear: both;}
.normal_form form table th{display: inline-block; vertical-align: middle; width: 150px; text-align: right; padding: 0 10px 0 0 !important; margin: 0 0 8px;}
.normal_form form table td{display: inline-block; vertical-align: middle; width: calc(100% - 165px); text-align: left; margin: 0 0 8px;}
.normal_form form table td[colspan="2"]{display: inline-block; width: calc(50% - 2px)}
.normal_form form table td.align-left .choose_section, .normal_form form table td.align-right .choose_section{width: calc(100% - 10px);}
.normal_form form table .mobile_cell{display: none}
}

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

.normal_form p.gdpr{float: none; display: block; text-align: center;}
.normal_form .text_box{text-align: center;}
.normal_form .btn[type="submit"]{float: none; margin: 10px 0 0;}
.normal_form form table td .choose_section .img{height: 100px;}
}

@media screen and (max-width: 600px) {
.normal_form form .box{padding: 15px;}
.normal_form form table th{display: block; width: 100%; text-align: left; padding: 15px 0 5px 0 !important; margin: 0;}
.normal_form form table td{display: block; width: 100%; margin: 0;}
.normal_form form table td[colspan="2"]{margin: 15px 0 0;}
.normal_form form table td.align-left .choose_section, .normal_form form table td.align-right .choose_section{width: calc(100% - 2px);}
.normal_form form table td .choose_section .title{font-size: 16px; line-height: 20px;}
}

































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




                                                      



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




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

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



.video_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99999; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.video_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.video_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.video_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 64px); max-width: 1200px; padding: 0; left: 0 !important;  display: inline-block; background: #fff;}
.video_popup video{display: block; width: 100%;}
.video_popup .box .close{cursor: pointer; z-index: 100; position: absolute; right: -30px; top: -30px; width: 50px; height: 50px; background: url(../img/close.svg) no-repeat scroll center center #009de2; background-size: 20px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .video_popup .box .close:hover{background-color: #000000;}


.popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 100px); max-width: 420px; border: 10px solid #aeaeae; padding: 20px; left: 0; display: inline-block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;}
.popup_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; 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; -webkit-transition: all 400ms ease; 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; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .popup_popup span.close:hover::before{opacity: 0;}
.notouch .popup_popup span.close:hover::after{opacity: 1;}


@media screen and (max-width: 768px) {
   .popup_popup span.close{right: -15px;}
   .popup_popup .boxes{width: calc(100% - 60px); border: 5px solid #004C87; padding: 12px; }
   .popup_popup .box .text{max-height: calc(100vh - 190px); }
   .popup_popup .box span.warning{font-size: 16px; line-height: 20px;}
   .popup_popup .box .text{font-size: 12px; line-height: 16px;}
   .popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;}
}





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

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



.carrier_popup { display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.carrier_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; }
.carrier_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.carrier_popup .boxes { overflow: auto; width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0;  display: inline-block; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.carrier_popup .box span.warning { color: #3c3c3b; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 900;}
.carrier_popup .box .btn { z-index: 100; position: relative;}

.carrier_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.carrier_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.carrier_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all  400ms ease;}
.carrier_popup .box input[type=text]:focus, .carrier_popup .box textarea:focus { border: 1px solid #e72628;}
.carrier_popup .box input::-webkit-input-placeholder, .carrier_popup .box textarea::-webkit-input-placeholder  { color: #000;}    
.carrier_popup .box input::-moz-placeholder, .carrier_popup .box textarea::-moz-placeholder  { color: #000;}  
.carrier_popup .box input::-ms-input-placeholder, .carrier_popup .box textarea::-ms-input-placeholder  { color: #000;}

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

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

.normal_form form table tr.fasada {display:none;}
.normal_form form table tr.hala {display:none;}
.normal_form form table tr.rest {display:none;}


@media screen and (max-width: 768px)  { 
.carrier_popup .boxes { width: 260px; padding: 25px 20px;}
.carrier_popup .box span.warning { font-size: 16px; line-height: 20px;}
}




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






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


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

/*UNIFORM*/
div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-size:21px 21px;background-repeat:no-repeat;background-position:center center;-webkit-font-smoothing:antialiased}div.radio span{background-image:url(../img/sprite_radio.svg);background-size:48px 48px}div.selector,div.checker,div.button,div.radio,div.uploader{display:inline-block;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url(../img/bg-input.png) repeat-x 0 0;width:0;height:0}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url(../img/bg-input.png) repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url(../img/bg-input-focus.png) repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-webkit-appearance:none}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:21px;height:21px;display:inline-block;zoom:1;*display:inline;vertical-align:middle}div.checker span{display:inline-block;vertical-align:top;text-align:center;background-image:url(../img/sprite.svg)}.edit_mode div.checker span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker span.checked{background-image:url(../img/sprite_correct.svg)}div.checker input{opacity:0;filter:alpha(opacity=0);border:none;background:none;display:inline-block}div.checker.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover span.checked,div.checker.focus span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-image:url(../img/sprite_correct.svg)}.edit_mode div.checker.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover span.checked,.edit_mode div.checker.focus span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover.active span.checked,.edit_mode div.checker.focus.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.disabled span.checked,.edit_mode div.checker.disabled.active span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker.active span{background-image:url(../img/sprite.svg)}div.checker.hover span,div.checker.focus span{background-image:url(../img/sprite.svg)}div.checker.hover.active span,div.checker.focus.active span{background-image:url(../img/sprite.svg)}div.checker.disabled,div.checker.disabled.active{background-image:url(../img/sprite.svg)}.edit_mode div.checker.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover span,.edit_mode div.checker.focus span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover.active span,.edit_mode div.checker.focus.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.disabled,.edit_mode div.checker.disabled.active{background-image:url(../img/edit_check.svg)}div.radio{position:relative}div.radio span,div.radio input{width:16px;padding:0!important;margin:0;height:16px}div.radio span{display:inline-block;vertical-align:top;margin:0!important;text-align:center;background-position:left center}div.radio span.checked{background-position:right center}div.radio input{opacity:0;filter:alpha(opacity=0);border:none;background:none;display:inline-block;text-align:center}div.radio.active span{background-position:left center}div.radio.active span.checked{background-position:right center}div.radio.hover span,div.radio.focus span{background-position:left center}div.radio.hover span.checked,div.radio.focus span.checked{background-position:right center}div.radio.hover.active span,div.radio.focus.active span{background-position:left center}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:right center}div.radio.disabled span,div.radio.disabled.active span{background-position:left center}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:right center}div.checker{margin:0}div.radio{height:16px;width:16px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin:0}.platba_doprava div.radio{margin:10px;float:left}input.uniform-input,input.uniform-input:focus{background-color:#fff}

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

/*COOKIES*/
.cc_banner-wrapper{z-index:999999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.cc_container .cc_message{margin: 10px 0 ; font-size: 13px; line-height: 14px;}
.cc_container .cc_message a{font-size: 13px; line-height: 14px; font-weight: 700; color: #000000;}
.notouch .cc_container .cc_message a:hover{color: #009de2}
    

#registrace,#pridani_osoby {display:none;}





</pre></body></html>