

/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.img_hide{display: none !important;}
.mail_hide, .hide_mail{display: none !important;}
.clear{clear:both; margin: 0; padding: 0 !important; display: block; width: 100% !important; float: none !important;}
.clear.hide{display: none !important;}
.relative{position: relative;}
.clear.not_desktop{display: none;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
.align-left{text-align: left !important; margin: 0;}
.align-center{text-align: center !important; margin: 0;}
.align-right{text-align: right !important; margin: 0;}
button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; }
input[type="submit"]:focus {outline:none;}
input, textarea {-webkit-appearance: none; border-radius: 0;}
input[type="submit"]::-moz-focus-inner {border:0;}
label{cursor: text;}
input[type=checkbox], input[type=radio]{cursor: pointer;}
input:focus{outline:0; }
input[type="text"], input[type="password"], textarea, select {outline: none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30}
input:-webkit-autofill {-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;}
*/

 
.need{color: #cc0000;}
.color_orange{color: #dc5721 !important;} 
 
.message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px;  width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important;  -webkit-transition: all 750ms ease; -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 #009e08; border: 1px solid #148219;}
.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,.head_title{text-transform: uppercase; color: #008091; font-weight: 600; font-size: 26px; line-height: 32px; margin: 0 0 20px; padding: 0; text-align: left;  font-family: 'pepibold';}
h1.center,.head_title.center{text-align: center;}
h1.white,.head_title.white{color: #fff;}
h1 strong, .head_title strong{text-transform: uppercase; color: #25282a; font-weight: 600; font-size: 26px; line-height: 32px; margin: 0; padding: 0;}
h1 span, .head_title span{display: block; color: #25282a; font-weight: 600; font-size: 20px; line-height: 26px; margin: 0 0 20px; padding: 0; text-align: left;}
          
h2{color: #008091; font-weight: 700; font-size: 20px; line-height: 24px; margin: 30px 0 10px; padding: 0;}
h3{color: #008091; font-weight: 600; font-size: 18px; line-height: 22px; margin: 30px 0 10px; padding: 0;}  
h4, h5, h6{color: #008091; font-weight: 600; font-size: 16px; line-height: 20px; margin: 30px 0 10px; padding: 0;}   



p, strong, b, div, article, i, u, li, a, .text_page, label, code{font-size: 14px; font-weight: 400;}
strong, b{font-weight: 700; font-family: 'pepibold';}


sup{color: inherit; font-size: 12px;}

article a, article a strong, article strong a{font-weight: 700; color: #25282a; 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:hover, .notouch article a:hover strong, .notouch article strong a:hover{color: #008091;}
 
.text_page{max-width: 1100px; 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{margin: 0 auto; text-align: left; line-height: 22px; max-width: 1100px;}
article.max{max-width: 100%; margin: 40px 0 0; }
article p, article div{margin:0 0 15px; text-align: left; line-height: 22px;}
article .text_p{margin: 0; }
article *:nth-child(1){margin-top: 0;}
article *:last-child{margin-bottom: 0;}



article ul{margin: 15px 0; padding: 0;}
article ul li{padding: 0 0 0 28px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 11px 6px; background-size: 6px 9px;}
article ul ul{margin: 0; padding: 0 0 0 15px; }

article ol{margin: 15px 0; padding: 0; counter-reset: item;}
article ol li{padding: 0 0 0 33px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;}
article ol li:before{position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; text-align: right; content: counter(item) ".";}
article ol ol{margin: 0; padding: 0 0 0 15px;}
article ol ul{margin: 0; padding: 0;}
article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 11px 6px; background-size: 19px auto; padding: 0 0 0 33px;}
article ol ul li:before{display: none;}



article table.over{min-width: 100%; display: block; overflow-x: scroll;}
article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0; width: 100%;}   
article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}                                                                                                      
article table thead tr th, article table thead tr td, article table tr td.fr-highlighted{text-align: left; font-weight: 700;  padding: 6px 8px; background: #373a3c; color: #fff; border: 1px solid #000000;}
article table.over thead tr th, article table.over thead tr td, article table.over tr td.fr-highlighted{white-space: nowrap;}
article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;}
article table tbody tr:nth-child(even) td:not(.fr-highlighted){background: #fff;}
article table tbody tr:nth-child(odd) td:not(.fr-highlighted){background: #f9f9f9;}

article table.gdpr th{ text-align: left !important; text-transform: none !important;}
article table.gdpr td{ background: #ffffff !important;}
article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;}
article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf}

article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px;}
article p.gdpr, .text_box p.gdpr{padding: 6px 0;}
article p.gdpr.full, .text_box p.gdpr.full{padding: 0;}


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 .size_inline{display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 80px 0 0;}
article .size_inline table{min-width: 200px;}

article img{max-width: 100%; margin: 0 auto 15px; display: block; }
article img.fr-fil{float: left; margin: 10px 30px 10px 0;}
article img.fr-fir{float: right; margin: 10px 0 10px 30px;}


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; zoom: 1; *display: inline; 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: 'pepiregular', 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: #25282a; background:  #ffffff; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 2560px; margin: 0 auto; font-family: 'pepiregular', 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; z-index: 100; width: 90%; padding: 0 5%; max-width: 1280px; margin: 0 auto;}
.inside_small{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 840px; margin: 0 auto;}
.inside_max{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1440px; margin: 0 auto;}
.inside_middle{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1300px; margin: 0 auto;}



.btn{font-weight: 600; font-size: 14px; line-height: 18px; padding: 8px 25px; 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-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.btn.big{padding: 12px 30px;}
.btn.small{padding: 6px 20px; font-size: 12px; }
.btn.overflow{overflow: visible;}
.btn img{display: inline-block; zoom: 1; *display: inline; 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; zoom: 1; *display: inline; vertical-align: middle;}
.btn.left{float: left;}
.btn.right{float: right;}
.btn.cursor{cursor: pointer;}
.btn.ultra_min_margin_top{margin-top: 1px;}
.btn.ultra_min_margin_bottom{margin-bottom: 1px;}
.btn.ultra_min_margin_right{margin-right: -3px;}
.btn.ultra_min_margin_left{margin-left: 1px;}
.btn.min_margin_top{margin-top: 5px;}
.btn.min_margin_bottom{margin-bottom: 5px;}
.btn.min_margin_right{margin-right: 5px;}
.btn.min_margin_left{margin-left: 5px;}
.btn.middle_margin_top{margin-top: 10px;}
.btn.middle_margin_bottom{margin-bottom: 10px;}
.btn.middle_margin_right{margin-right: 10px;}
.btn.middle_margin_left{margin-left: 10px;}
.btn.max_margin_top{margin-top: 15px;}
.btn.max_margin_bottom{margin-bottom: 15px;}
.btn.max_margin_right{margin-right: 15px;}
.btn.max_margin_left{margin-left: 15px;}
.btn.ultra_margin_top{margin-top: 25px;}
.btn.ultra_margin_bottom{margin-bottom: 25px;}
.btn.ultra_margin_right{margin-right: 25px;}
.btn.ultra_margin_left{margin-left: 25px;}


.btn i{font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; }
.btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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{border-top: 1px solid #e0dfdf; white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #25282a; margin: 0; padding: 8px 0 0; font-weight: 600;}



.btn.typ_1{background: #008091; border: 1px solid #008091; 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 #008091; color: #008091;}
.btn.typ_2{background: #25282a; border: 1px solid #25282a; color: #fff;}
.notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #fff; border: 1px solid #25282a; color: #25282a;}
.btn.typ_3{background: transparent; border: 1px solid #ffffff; color: #ffffff;}
.notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #ffffff; border: 1px solid #ffffff; color: #008091;}
.btn.typ_4{text-transform: none; padding: 8px 0; background: transparent; border: none; color: #008091;}
.notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{padding: 8px 25px; background: #008091; color: #ffffff;}
.btn.typ_5{background: #25282a; border: 1px solid #25282a; color: #fff;}
.notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #008091; border: 1px solid #008091; color: #ffffff;}




@media screen and (max-width: 1024px) {
.btn{font-size: 11px; line-height: 18px; padding: 5px 8px;}
}








.header_height{display: block; height: 94px; position: relative;}


header{background: #fff; max-width: 2560px; margin: 0 auto; z-index: 9999; padding: 0; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header .relative{width: 90%; padding: 0 5%; position: relative;}
header .bottom_line{padding: 0; display: block; background: #fff; position: relative;}
header .bottom_line a.logo{width: 160px; height: 52px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative;}
header .bottom_line a.logo img{display: block; margin: 0 auto; max-width: 160px; max-height: 52px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line .box{text-align: right; position: relative; z-index: 999; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 165px - 20px); margin: 0 0 0 20px;}
header .bottom_line nav{position: relative; z-index: 999; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0;}
header .bottom_line nav ul.menu{margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right;}
header .bottom_line nav ul.menu li{padding: 28px 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 10px;}
header .bottom_line nav ul.menu li a{text-transform: uppercase; display: block; line-height: 20px; font-size: 14px; font-weight: 400; padding: 9px 8px; color: #25282a; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.en header .bottom_line nav ul.menu li a{text-transform: none;}
.notouch header .bottom_line nav ul.menu li > a:hover, header .bottom_line nav ul.menu li.active > a, header .bottom_line nav ul.menu li.open > a{color: #008091;}

header .bottom_line nav ul.menu li ul{display: none; z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 20px); left: 50%; background: #008091; -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
header .bottom_line nav ul.menu li ul:before{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #008091;  border-width: 8px; margin-left: -8px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line nav ul.menu li:hover ul{display: block;}
header .bottom_line nav ul.menu li ul li{margin: 0; list-style: none; display: block; width: 100%; padding: 0;}
header .bottom_line nav ul.menu li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 400; display: block; padding: 8px 30px; font-size: 14px; line-height: 20px; text-align: left; color: #ffffff !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
header .bottom_line nav ul.menu li ul li a::before{ opacity: 0; position: absolute; left: 5px; top: 0; content: "\203A"; color: #ffffff; line-height: 31px; font-size: 22px; text-align: center; display: block; width: 20px; height: 36px; -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 .bottom_line nav ul.menu li ul li > a:hover::before, header .bottom_line nav ul.menu li ul li.active > a::before{opacity: 1; left: 10px;}


header .bottom_line nav ul.lang{margin: 0 0 0 20px; padding: 0 0 0 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right; position: relative;}
header .bottom_line nav ul.lang::before{position: absolute; top: 50%; margin: -10px 0 0; height: 20px; background: #e5e5e5; width: 1px; content: ""; left: 0;}
header .bottom_line nav ul.lang li{padding: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0;}
header .bottom_line nav ul.lang li a{text-transform: uppercase; display: block; line-height: 20px; font-size: 14px; font-weight: 400; padding: 9px 8px; color: #25282a; -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 .bottom_line nav ul.lang li > a:hover, header .bottom_line nav ul.lang li.active > a{color: #008091;}




.open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 20px 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; }
.open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 14px; line-height: 38px; color: #25282a; font-weight: 400; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: #25282a; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #25282a; 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: #25282a;}
.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: #008091;}
.notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #008091;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #008091;} 
.notouch .open_close_navigation:hover .lines{background: #008091;}  


.ipad_menu{display: none; position: absolute; max-width: 2560px; 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: 78px 0 0; z-index: 998; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.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.lang{display: none;}
.ipad_menu ul > li.lang a{display: inline-block; zoom: 1; *display: inline; border-left: 1px solid #dbdbdb;}
.ipad_menu ul > li.lang.count_2 a{width: calc(50% - 31px);}
.ipad_menu ul > li.lang.count_3 a{width: calc(33% - 31px);}
.ipad_menu ul > li.lang.count_4 a{width: calc(25% - 31px);}
.ipad_menu ul > li.lang a:nth-child(1){border-left: 0 !important;}
.notouch .ipad_menu ul > li.lang > a:hover, .ipad_menu ul > li.lang > a.active{background: #008091; color: #ffffff; border-left: 1px solid #026b79 !important;  border-top: 1px solid #026b79 !important; }
.ipad_menu ul > li > a{border-top: 1px solid #e0dfdf; position: relative; font-size: 14px; line-height: 56px; font-weight: 400; padding: 0 15px; display: block; text-transform: uppercase; color: #25282a;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul > li:first-child > a{border: 0 !important;}
.notouch .ipad_menu ul > li:not(.lang):hover > a, .ipad_menu ul > li.active:not(.lang) > a, .ipad_menu ul > li:not(.lang) > a.active{background: #008091; color: #ffffff; border-top: 1px solid #026b79}

.ipad_menu ul > li > ul{display: none;}
.ipad_menu ul > li > ul > li{}                 
.ipad_menu ul > li > ul > li > a{background: #f2f2f2 !important; border: 0 !important; border-top: 1px solid #dcdcdc !important; position: relative; font-size: 13px; line-height: 56px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #25282a !important;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu  ul > li > ul > li:first-child > a{border: 0 !important;}
.notouch .ipad_menu ul > li > ul > li:hover > a, .ipad_menu ul > li > ul > li.active > a{background: #ebebeb !important; }


.ipad_menu ul > li > .icon{cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #25282a; border: 1px solid #25282a; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: 1600px) {
header .bottom_line nav ul.menu li{margin: 0 0 0 2px;}
header .bottom_line nav ul.lang{margin: 0 0 0 20px;}
}

@media screen and (max-width: 1550px) {
header .bottom_line nav ul.lang{margin: 0 0 0 12px;}
header .bottom_line nav ul.lang li a{padding: 9px 5px; font-size: 13px;}
header .bottom_line nav ul.menu li a{padding: 9px 5px; font-size: 13px;}
}


@media screen and (max-width: 1400px) {
header .bottom_line nav ul.lang{margin: 0 0 0 8px;}
header .bottom_line nav ul.lang li a{padding: 9px 3px; font-size: 12px;}
header .bottom_line nav ul.menu li a{padding: 9px 3px; font-size: 12px;}
}


@media screen and (max-width: 1280px) {
header{position: absolute;}
.header_height{height: 78px;}
header .bottom_line nav ul.menu{display: none;}
header .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.ipad_menu{display: block;}
}


@media screen and (max-width: 700px) {
header .bottom_line a.logo{width: 140px; height: 46px;}
header .bottom_line a.logo img{max-width: 140px; max-height: 46px;}
header .bottom_line .box{width: calc(100% - 140px - 15px); margin: 0 0 0 10px;}
header .bottom_line nav ul.lang{display: none;}
.ipad_menu ul > li.lang{display: block;}
}













/**** SLIDER ****/

.main_top, .main_top .main_slider, .main_top .main_slider .item, .main_top .container .box{min-height: 360px; max-height: 725px; height: calc(100vh - 450px - 94px)}

.main_top{position: relative; display: block; padding: 0; 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;}
.main_top .main_slider{position: relative; opacity: 0; background: #f0f0f0; display: block; width: 100%; display: block; overflow: hidden;} 
.main_top .main_slider.stop{opacity: 1;}
.main_top .main_slider .item{width: 100%; display: block; 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;}

.main_top .news_slider{width: 1024px; z-index: 10; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); padding: 0; display: none; opacity: 0;}
.main_top .news_slider .bg{position: relative; display: block;; background: rgba(0,128,145,0.51)}
.main_top .news_slider .bg .img{position: absolute; display: block; width: 32%; top: 0; bottom: 0; left: 0; margin: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.main_top .news_slider .bg .text{display: block; padding: 50px; margin: 0 0 0 32%; width: calc(100% - 32% - 100px);}
.main_top .news_slider .bg .text .title{font-family: 'pepibold'; font-size: 22px; line-height: 28px; color: #fff; font-weight: 700; text-align: left; padding: 0; display: block; margin: 0; text-transform: none;}
.main_top .news_slider .bg .text .date{font-family: 'pepibold'; font-size: 14px; line-height: 22px; color: #fff; font-weight: 700; text-align: left; padding: 0; display: block; margin: 0;}
.main_top .news_slider .bg .text .anotation{font-size: 14px; line-height: 22px; color: #fff; font-weight: 400; text-align: left; padding: 0; display: block; margin: 20px 0;}
                                 
.main_top .main_slider.owl-carousel .owl-controls .owl-pagination{text-align: right; position: absolute; bottom: 10px; margin-top: -20px; width: calc(100% - 60px); left: 30px; right: 30px; min-height: 0; z-index: 990; }
.main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page{counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0;}
.main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page span{position: relative; width: 30px; height: 3px; background: transparent; 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;}
.main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span{background: #008091; border: 1px solid #008091;} 


.main_top .news_slider.owl-carousel .owl-controls{margin: 0; left: 0; }
.main_top .news_slider.owl-carousel .owl-controls .owl-pagination{text-align: center; position: absolute; width: 10px; top: 50%; left: -18px; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); z-index: 990;}
.main_top .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page{counter-increment: item; display: inline-block; vertical-align: middle; margin: 4px 0;}
.main_top .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page span{border: 1px solid #ffffff; width: 8px; height: 8px; margin: 0; position: relative; background: transparent; display: block; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.main_top .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .main_top .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span{background: #ffffff;} 



.sub .main_top{background-image: url(../img/sub_main_bg.jpg)}
.sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item{min-height: initial; min-height: auto; height: 180px; position: relative; display: block; padding: 0;}
.sub .main_top .main_slider.owl-carousel .owl-controls .owl-pagination{display: none;} 



@media screen and (max-width: 1500px) {
.main_top, .main_top .main_slider, .main_top .main_slider .item, .main_top .container .box{max-height: 540px; height: calc(100vh - 380px - 94px)}

.main_top .news_slider{width: 760px;}
.main_top .news_slider .bg .text{padding: 30px; width: calc(100% - 32% - 60px);}
.main_top .news_slider .bg .text .title{font-size: 20px; line-height: 26px;}
.main_top .news_slider .bg .text .date{font-size: 14px; line-height: 20px;}
.main_top .news_slider .bg .text .anotation{font-size: 14px; line-height: 20px; margin: 15px 0;}
                                                
}

@media screen and (max-width: 1280px) {
   .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item{height: 140px;}
}

@media screen and (max-width: 900px) {
.main_top, .main_top .main_slider, .main_top .main_slider .item, .main_top .container .box{ height: 400px;}

.main_top .news_slider{width: 90%;}
.main_top .news_slider .bg .img{display: none;}
.main_top .news_slider .bg .text{margin: 0; padding: 20px; width: calc(100% - 40px);}
.main_top .news_slider .bg .text .title{font-size: 18px; line-height: 24px;}
.main_top .news_slider .bg .text .date{font-size: 13px; line-height: 18px;}
.main_top .news_slider .bg .text .anotation{font-size: 13px; line-height: 18px; margin: 12px 0;}
               
}




.welcome_1{padding: 70px 0; width: 100%; position: relative; text-align: center;}
.welcome_1 .inside_max > .item{display: inline-block; vertical-align: top; width: calc(33.33% - 80px / 3 - 5px) !important;}
.welcome_1 .inside_max > .item:nth-child(3n - 1){margin: 0 40px;}
.welcome_1 .inside_max > .item img{max-width: 50px; display: block; margin: 0 auto 15px;}

.eapps-remove-link{display: none;}
.eapps-widget-show-toolbar > a{display: none !important;}

@media screen and (max-width: 1200px) {
.welcome_1{padding: 50px 0;}
.welcome_1 .inside_max > .item{width: calc(50% - 40px / 2 - 5px) !important;}
.welcome_1 .inside_max > .item:nth-child(3n - 1){margin: 40px 0 0;}
.welcome_1 .inside_max > .item:nth-child(-n + 3){margin-top: 40px;}
.welcome_1 .inside_max > .item:nth-child(2n){margin: 40px 0 0 40px;}
.welcome_1 .inside_max > .item:nth-child(-n + 2){margin-top: 0;}
}

@media screen and (max-width: 750px) {
.welcome_1{padding: 30px 0;}
.welcome_1 .inside_max > .item{width: 100% !important;}
.welcome_1 .inside_max > .item:nth-child(3n - 1){margin: 40px 0 0;}
.welcome_1 .inside_max > .item:nth-child(-n + 3){margin-top: 40px;}
.welcome_1 .inside_max > .item:nth-child(2n){margin: 40px 0 0;}
.welcome_1 .inside_max > .item:nth-child(-n + 2){margin-top: 40px}
.welcome_1 .inside_max > .item:nth-child(-n + 1){margin-top: 0}
}






.welcome_1 .insta_frame{text-align: left; font-size: 0;}
.welcome_1 .insta_frame .item{width: 50%; padding: 0 0 50%; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_1 .insta_frame .item::before{content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_1 .insta_frame .item .main_title{z-index: 10; position: absolute; left: 8px; right: 8px; bottom: 8px; font-size: 13px; line-height: 18px; font-weight: 600; color: #fff; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.welcome_1 .insta_frame .item .main_title .icon{padding: 0 0 0 19px;}
.welcome_1 .insta_frame .item .main_title .icon.likes{background: url(../img/icon_likes.svg) no-repeat scroll left center; background-size: 16px 16px;}
.welcome_1 .insta_frame .item .main_title .icon.comments{background: url(../img/icon_comment.svg) no-repeat scroll left center; background-size: 16px 17px;}



.welcome_1 .insta_frame .item::after{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5) url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 54px 54px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .welcome_1 .insta_frame .item:hover::after{opacity: 1;}


@media screen and (max-width: 500px) {
.welcome_1 .insta_frame .item{width: 100%; padding: 0 0 100%;}
}
















.welcome_2{width: 100%; margin: 100px 0 70px;}
.welcome_2 .item{position: relative; background: #f1f1f1; display: block; float: left; width: calc(50% - 10px);}
.welcome_2 .item:first-child{margin: 0 20px 0 0;}
.welcome_2 .item .box{padding: 40px 50px 25px; position: relative;}
.welcome_2 .item .box h2{font-size: 26px; line-height: 36px; color: #008091; font-weight: 700; text-align: left; margin: 0 0 20px; padding: 0; text-transform: uppercase; font-family: 'pepibold'; }
.welcome_2 .item .box .btn{position: absolute; right: 50px; top: 40px;}
.welcome_2 .item .box .item_list_big{height: 252px; margin: 50px 0 0; display: block; position: relative; counter-reset: item;}
.welcome_2 .item .box .item_list_big span{margin: 46px 0; padding: 3px 0 3px 50px; display: block; position: relative; font-size: 18px; line-height: 24px; color: #231f20; font-weight: 700; text-transform: uppercase; counter-increment: item;  -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_2 .item .box .item_list_big span::after{display: none; position: absolute; left: 0; top: 0; margin: 0; font-size: 18px; line-height: 24px; color: #008091; opacity: 0.2; content: "0" counter(item); font-family: 'pepibold'; -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 .welcome_2 .item .box .item_list_big span:hover::after, .welcome_2 .item .box .item_list span.active::after{opacity: 1;}
.notouch .welcome_2 .item .box .item_list_big span:hover, .welcome_2 .item .box .item_list_big span.active{color: #008091}
.welcome_2 .item .box .item_list_big span::before{position: absolute; left: 0; top: 50%; margin: -15px 0 0; width: 30px; height: 30px; background-size: 26px 26px !important; content: "";}
.welcome_2 .item .box .item_list_big span:nth-child(1)::before{background: url(../img/main_icon1.svg) no-repeat scroll center center;}
.welcome_2 .item .box .item_list_big span:nth-child(2)::before{background: url(../img/main_icon2.svg) no-repeat scroll center center;}
.welcome_2 .item .box .item_list_big span:nth-child(3)::before{background: url(../img/main_icon3.svg) no-repeat scroll center center;}

.welcome_2 .item .box .item_list{height: 252px; margin: 50px 0 0; display: block; position: relative; counter-reset: item;}
.welcome_2 .item .box .item_list span{margin: 18px 0; padding:  0 0 0 50px; display: block; position: relative; font-size: 18px; line-height: 24px; color: #231f20; font-weight: 700; text-transform: uppercase; counter-increment: item; -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 .welcome_2 .item .box .item_list span:hover, .welcome_2 .item .box .item_list span.active{color: #008091}
.welcome_2 .item .box .item_list span::before{display: none; position: absolute; left: 0; top: 0; margin: 0; font-size: 18px; line-height: 24px; color: #008091; opacity: 0.2; content: "0" counter(item); font-family: 'pepibold'; -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 .welcome_2 .item .box .item_list span:hover::before, .welcome_2 .item .box .item_list span.active::before{opacity: 1;}

.welcome_2 .item .box .item_list span .icon{position: absolute; left: 0; top: 50%; margin: -15px 0 0; width: 30px; height: 30px; background-size: 26px 26px !important; content: ""; background-repeat: no-repeat; background-size: 24px 24px; background-attachment: center center;}
.welcome_2 .item .box .item_list span .icon::before{display: none;}
.img_slider_one, .img_slider_one .slide, .img_slider_two, .img_slider_two .slide{height: 320px;}
.img_slider_one, .img_slider_two{position: relative; opacity: 0; background: #f1f1f1; display: block; width: 100%; display: block; overflow: hidden;} 
.img_slider_one.stop, .img_slider_two.stop{opacity: 1;}
.img_slider_one .slide, .img_slider_two .slide{width: 100%; display: block; 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;}




@media screen and (max-width: 1300px) {
.welcome_2{margin: 70px 0 70px;}
.welcome_2 .item .box{padding: 35px 40px 20px;}
.welcome_2 .item .box h2{font-size: 22px;}
.welcome_2 .item .box .btn{right: 40px; top: 35px;}
.welcome_2 .item .box .item_list_big{height: 228px; margin: 40px 0 0;}
.welcome_2 .item .box .item_list_big span{padding: 3px 0 3px 40px; margin: 40px 0; font-size: 16px;}
.welcome_2 .item .box .item_list_big span::before{margin: -13px 0 0; width: 26px; height: 26px; background-size: 26px 26px !important}
.welcome_2 .item .box .item_list{height: 228px; margin: 40px 0 0;}
.welcome_2 .item .box .item_list span{margin: 14px 0; padding: 0 0 0 40px;font-size: 16px;}
.img_slider_one, .img_slider_one .slide, .img_slider_two, .img_slider_two .slide{height: 230px;}
}
@media screen and (max-width: 1200px) {
.welcome_2 .item .box h2, .welcome_2 .item .box .item_list_big span, .welcome_2 .item .box .item_list span{text-transform: none;}
}
@media screen and (max-width: 1024px) {
.welcome_2{margin: 40px 0 70px;}
.welcome_2 .item{float: none; margin: 0 auto; width: 100%; max-width: 560px;}
.welcome_2 .item:first-child{margin: 0 auto 20px;}
.welcome_2 .item .box .item_list_big, .welcome_2 .item .box .item_list{height: initial; height: auto;}
.welcome_2 .item .box .item_list_big span{padding: 0 0 0 40px; margin: 14px 0;}
.welcome_2 .item .box .item_list_big span::before{display: none;}
.welcome_2 .item .box .item_list_big span::after{display: block;}

.welcome_2 .item .box .item_list span .icon{display: none;}
.welcome_2 .item .box .item_list span::before{display: block;}
}
@media screen and (max-width: 768px) {
.welcome_2{margin: 20px 0 70px;}
.welcome_2 .item .box{padding: 35px 25px 20px;}
.welcome_2 .item .box h2{margin: 0 0 10px;}
.img_slider_one, .img_slider_one .slide, .img_slider_two, .img_slider_two .slide{height: 160px;}
.welcome_2 .item .box .btn{right: 0; top: 0; position: relative;}
.welcome_2 .item .box .item_list span{margin: 14px 0; font-size: 14px;}
.welcome_2 .item .box .item_list_big span{margin: 14px 0; font-size: 14px;}
.welcome_2 .item .box .item_list span::before, .welcome_2 .item .box .item_list_big span::before{font-size: 14px;}
}




.welcome_3{width: 100%; margin: 70px 0 100px;}
.welcome_3 .news_slider{ border-top: 1px solid #e5e5e5; padding: 70px 0 0;}
.welcome_3 h2{font-size: 26px; line-height: 32px; margin: 0; padding: 0 0 30px; font-weight: 700; font-family: 'pepibold';  text-align: center; text-transform: uppercase; color: #008091;}
.welcome_3 .img{position: relative; z-index: 0; width: calc(35% - 3px); max-width: 810px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; height: 280px; 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;}

.welcome_3 .text{z-index: 10; position: relative; width: calc(45% - 3px); padding: 0 0 0 5%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.welcome_3 .text .date{margin: 0 0 20px; width: 100%; display: block; font-size: 16px; line-height: 24px; color: #25282a; font-weight: 700; display: block;}
.welcome_3 .text .subtitle{display: block; font-size: 16px; line-height: 24px; margin: 0 0 20px; padding: 0; font-weight: 400; text-align: left; color: #25282a; opacity: 0.5;}
.welcome_3 .text .title{display: block; padding: 0; margin: 0; position: relative;}
.welcome_3 .text .title a{display: block; font-size: 26px; line-height: 32px; margin: 0; padding: 0; font-weight: 700; font-family: 'pepibold';  text-align: left; text-transform: uppercase; color: #008091; -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 .welcome_3 .item.hover_efekt .text .title a{color: #25282a;}
.welcome_3 .text .anotation{position: relative; font-size: 14px; line-height: 22px; margin: 0 0 20px; font-weight: 400; text-align: left; color: #25282a;}

.welcome_3 .news_slider .owl-controls{z-index: 10; position: absolute; left: 0; right: 65%; bottom: -54px; margin: 0;}
.welcome_3 .news_slider .owl-controls.clickable .owl-page span, .welcome_3 .news_slider .owl-controls .owl-page span{margin: 0 6px 12px; width: 10px; height: 10px; border: 1px solid #bfbfbf; background: #fff; opacity: 1; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -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 .welcome_3 .news_slider .owl-controls.clickable .owl-page:hover span, .welcome_3 .news_slider .owl-controls .owl-page.active span{background: #bfbfbf;} 



@media screen and (max-width: 1300px) {
.welcome_3 .img{height: 320px;}
.welcome_3 .text{width: calc(45% - 3px); padding: 0 0 0 5%;}
}
@media screen and (max-width: 1024px) {
.welcome_3 .img{height: 280px; width: calc(45% - 3px);}
.welcome_3 .text{width: calc(50% - 3px);}
}
@media screen and (max-width: 900px) {
.welcome_3 .item{max-width: 560px; margin: 0 auto;}
.welcome_3 .img{height: 240px; width: 100%;}
.welcome_3 .text{width: calc(100% - 60px); padding: 30px 30px 0; }
.welcome_3 .news_slider .owl-controls{left: 0; right: 0;}
.welcome_3 .text .title a{font-size: 22px; line-height: 28px;}
}
@media screen and (max-width: 600px) {
.welcome_3 .img{height: 180px; width: 100%;}
.welcome_3 .text{width: calc(100% - 40px); padding: 25px 20px 0; }
}





.welcome_7{width: 90%; margin: 70px auto 100px;}
.welcome_7 .in{display: block; max-width: 1280px; margin: 0 auto;}
.welcome_7 .in .padding{display: block; position: relative; width: 100%; padding: 0 0 56.25%;}
.welcome_7 .in .padding iframe{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}





#content{background: #fff; padding: 0; position: relative;}
#content .container > *:not(.login_form){padding: 0 0 30px;}
#content .container > *:last-child:not(.login_form){padding: 0;}
#content .container > h1{padding: 0 !important;}
#content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;}




.flow_box{z-index: 999; position: fixed; top: 50%; display: block; width: 0;}
.flow_box.right{right: 0;}
.flow_box.left{left: 0;}
.flow_box .in{display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 38px;}
.flow_box.right .in{margin: 0 0 0 -38px;}
.flow_box.left .in{margin: 0;}

.flow_box .in .item{font-size: 14px; line-height: 38px; font-weight: 600; background: #008091; border: 1px solid #ffffff; color: #fff; margin: 10px 0 0; padding: 25px 0; white-space: nowrap; display: block; letter-spacing: 0.7px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .flow_box .in .item:hover{color: #fff; background: #000000; border: 1px solid #ffffff;}
.flow_box.right .in .item{-webkit-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px; border-right: 0 !important;;}
.flow_box.left .in .item{-webkit-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; border-left: 0 !important;;}
.flow_box .in .item:nth-child(1){margin: 0;}
.flow_box .in .item span{writing-mode: vertical-rl; position: relative; display: block; transform: rotate(180deg) translateZ(0) translate3d( 0, 0, 0); -webkit-transform-origin: 50%  51%;}


@media screen and (max-width: 1024px) {
.flow_box .in{width: 32px;}
.flow_box.right .in{margin: 0 0 0 -32px;}
.flow_box.left .in{margin: 0;}
.flow_box .in .item{font-size: 13px; line-height: 32px; margin: 8px 0 0;}
}





aside{width: 280px; position: relative; float: left; display: block; padding: 50px 0;}
aside p.title{padding: 0 15px 18px; font-size: 18px; line-height: 22px; background: #ffffff; color: #008091; font-weight: 700;  font-family: 'pepibold';  text-align: left; text-transform: uppercase; display: block; margin: 0;}
aside > ul.first{margin: 0; padding: 0;}
aside > ul.first > li{list-style: none; display: block; position: relative;}
aside > ul.first > li > a{padding: 10px 15px; font-size: 16px; line-height: 22px; color: #231f20; border-bottom: 1px solid #f1f1f1;  font-weight: 400; text-align: left; display: block; -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 aside > ul.first > li > a:hover, aside > ul.first > li.active > a{color: #008091; border-bottom: 1px solid #008091; }

aside > ul.first ul{margin: 0; padding: 0;}
aside > ul.first > li ul > li{list-style: none; display: block; position: relative;}
aside > ul.first > li ul > li > a{background: #f5f5f5; padding: 8px 15px 8px 25px; font-size: 13px; line-height: 18px; color: #231f20; border-bottom: 1px solid #e5e5e5; font-weight: 400; text-align: left; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
aside > ul.first > li ul > li > a::before{ opacity: 0; position: absolute; left: 0; top: 0; content: "\203A"; color: #008091; line-height: 29px; font-size: 22px; text-align: center; display: block; width: 20px; height: 35px; -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 aside > ul.first > li ul > li > a:hover, aside > ul.first > li ul > li.active > a{color: #008091;}
.notouch aside > ul.first > li ul > li > a:hover::before, aside > ul.first > li ul > li.active > a::before{opacity: 1; left: 7px;}

@media screen and (max-width: 1024px) {
aside{display: none;}
}










.c_column{width: calc(100% - 360px); padding: 50px 0; position: relative; float: right; display: block;}
.c_column.full{width: 100%; max-width: 1100px; margin: 0 auto; padding: 50px 0; position: relative; float: none; display: block;}
@media screen and (max-width: 1024px) {
.c_column{width: 100%; float: none;}
}




.product_list{position: relative; display: block; width: 100%;}
.product_list h2{font-size: 26px; line-height: 32px; margin: 0; padding: 0 0 30px; font-weight: 700; font-family: 'pepibold';  text-align: center; text-transform: uppercase; color: #008091;}
.hp .product_list{margin: 55px 0}
.product_list .item { text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.hp .product_list .item { width: calc(100% - 16px); margin: 0 8px !important;}
.c_column .product_list .item { width: calc(33.33% - 28px / 3 - 5px); margin: 14px 0 0;}
.c_column .product_list .item:nth-child(3n - 1) { margin: 14px 14px 0;} 
.c_column .product_list .item:nth-child(-n + 3) { margin-top: 0;} 


.product_list .item .img { display: block; height: 250px; width: 100%; background-attachment: local; position: relative;  background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.product_list .item .text{padding: 20px 0 25px; display: block; text-align: left;}
.product_list .item .title { font-family: 'pepibold'; text-transform: uppercase; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 10px 0 0; font-size: 16px; font-weight: 700; line-height: 22px; color: #25282a; text-align: left; -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 .product_list .item:hover .title { color: #008091;}

.product_list .item .btn_box{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right;}

.cs .product_list .item .title{width: calc(100% - 91px); }
.en .product_list .item .title{width: calc(100% - 129px); }
.pl .product_list .item .title{width: calc(100% - 105px); }
.cs .product_list .item .btn_box{width: 76px; }
.en .product_list .item .btn_box{width: 112px; }
.pl .product_list .item .btn_box{width: 90px; }

@media screen and (max-width: 1500px) {
.product_list .item .img { height: 180px;}
}


@media screen and (max-width: 1400px)  { 
.c_column .product_list .item { width: calc(50% - 14px / 2 - 5px); margin: 14px 0 0 !important;}
.c_column .product_list .item:nth-child(2n) { margin: 14px 0 0 14px !important;}
.c_column .product_list .item:nth-child(-n + 2) { margin-top: 0 !important;} 
}



@media screen and (max-width: 700px)  {
.c_column .product_list h2 { text-align: center; font-size: 24px; line-height: 30px;}
.c_column .product_list .item { display: block; width: calc(100% - 2px); margin: 14px 0 0 !important;}
.c_column .product_list .item:nth-child(2n) { margin: 14px 0 0 !important;}
.c_column .product_list .item:nth-child(-n + 2) { margin-top: 14px !important;}
.c_column .product_list .item:nth-child(1) { margin-top: 0 !important;}
}



.product_slider.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; }
.product_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { background: #f1f1f1; cursor: pointer; position:absolute; width: 32px; height: 250px; left: -35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next { background: #f1f1f1; cursor: pointer; position:absolute; width: 32px; height: 250px; right: -35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 1; font-family: Arial; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center; background-size: 10px 20px; color: #25282a; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 32px; height: 250px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 1; font-family: Arial; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_next.svg) no-repeat scroll center center; background-size: 10px 20px; color: #25282a; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 32px; height: 250px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after { opacity: 0; font-family: Arial; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_prev_hover.svg) no-repeat scroll center center; background-size: 10px 20px; color: #25282a; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 32px; height: 250px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after { opacity: 0; font-family: Arial; position: absolute; left: 0; top: 0; content: ""; background: url(../img/slider_arrow_next_hover.svg) no-repeat scroll center center; background-size: 10px 20px; color: #25282a; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 32px; height: 250px; -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 .product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before,
.notouch .product_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { opacity: 0;}
.notouch .product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after,
.notouch .product_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after { opacity: 1;}

.notouch .product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover { background: #008091;}
.notouch .product_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: #008091;}

@media screen and (max-width: 1500px) {
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { height: 180px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next { height: 180px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { height: 180px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { height: 180px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after { height: 180px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after { height: 180px;}
}

@media screen and (max-width: 750px)  {
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { left: -10px;}
.product_slider.owl-carousel .owl-controls .owl-buttons .owl-next { right: -10px;}

}







.detail{width: 100%; margin: 0 auto; position: relative; max-width: 1280px;}

.detail .img{position: relative; float: right; width: 300px;}
.detail > .img .main{position: relative; width: calc(100% - 2px); display: block; margin: 0 0 6px; border: 1px solid #e6e6e6; z-index: 0;}
.detail > .img .main img{margin: 0 auto; display: block; max-width: 100%;}
.detail > .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.7); background-size: 72px 72px; -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 .detail > .img a.main:hover::before{opacity: 1;}

.detail > .img div a.swipebox{height: 120px; margin: 0 0 6px; position: relative; display: block; float: left; width: calc(50% - 2px - 6px / 2); border: 1px solid #e6e6e6; background-attachment: local;  background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;}
.detail > .img div a.swipebox:nth-child(2n){margin: 0 0 6px 6px}
.detail > .img div a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.7); background-size: 42px 42px; -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 .detail > .img div a.swipebox:hover::before{opacity: 1;}

.detail .text{float: left; position: relative; width: calc(100% - 300px - 50px); padding: 0 50px 0 0;}


.detail .small_contact{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 265px; padding: 0 20px 0 0; margin: 40px 0 0;}
.detail .small_contact .name { font-family: 'pepibold'; display: block; margin: 0; font-size: 14px; font-weight: 700; line-height: 20px; color: #25282a; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.detail .small_contact .post { font-family: 'pepiregular'; display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; color: #008091; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.detail .small_contact .anotation{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 400; text-align: left; margin: 0; padding: 0;}
.detail .small_contact .anotation strong{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 0;}
.detail .small_contact .anotation a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 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;}
.notouch .detail .small_contact .anotation a:hover{color: #008091;}


.detail .form{width: calc(100% - 290px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 40px 0 0;}
.detail .form .title { text-transform: uppercase; font-family: 'pepibold'; display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; color: #25282a; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.detail .form form{margin: 0; display: block; max-width: 620px; width: 100%; text-align: left;}
.detail .form form input[type=text]{width: calc(100% - 32px ); border: 1px solid #e5e5e5; background: transparent; font-size: 14px; line-height: 22px; color: #25282a; padding: 8px 15px; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.detail .form form input[readonly]{background: #f4f4f4}
.detail .form form textarea{resize: none; height: 80px; overflow: auto; width: calc(100% - 32px ); border: 1px solid #e5e5e5; background: transparent; font-size: 14px; line-height: 22px; color: #25282a; padding: 8px 15px; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.detail .form form input[type=text]::-webkit-input-placeholder, .detail .form form textarea::-webkit-input-placeholder {color: #25282a;}    
.detail .form form input[type=text]::-moz-placeholder, .detail .form form textarea::-moz-placeholder {color: #25282a;}  
.detail .form form input[type=text]::-ms-input-placeholder, .detail .form form textarea::-ms-input-placeholder {color: #25282a;}
.detail .form form input[type=text]:focus, .detail .form form textarea:focus{border: 1px solid #25282a;}

.detail .form form .gdpr_text { text-align: left; display: block; margin: 0; padding: 0 0 8px; font-size: 12px; line-height: 20px; color: #3c3c3b; font-weight: 400;}
.detail .form form .gdpr_text a{font-size: 12px; line-height: 20px; letter-spacing: 1px; color: #3c3c3b; font-weight: 600; 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 .detail .form form .gdpr_text a:hover{color: #008091;}


@media screen and (max-width: 1400px) {
.detail > .img{width: 100%; float: none; margin: 0 0 20px;}
.detail > .img div, .detail > .img .main{width: calc(50% - 4px); display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.detail > .img div a.swipebox{height: 0; padding: 0 0 33.6%;}
.detail .text{width: 100%; padding: 0; float: none; }
/*
.detail .small_contact{display: block; width: 100%; padding: 0;}
.detail .form{width: 100%; display: block; margin: 40px 0 0;}
*/
}
@media screen and (max-width: 1200px) {
.detail .small_contact{display: block; width: 100%; padding: 0;}
.detail .form{width: 100%; display: block; margin: 40px 0 0;}
}

@media screen and (max-width: 700px) {
.detail > .img{width: 100%; margin: 0; max-width: 350px; display: block; float: none;}
.detail .text{width: 100%; padding: 20px 0 0; float: none;}
.detail > .img div, .detail > .img .main{width: 100%; display: block;}
}


















.firm_sign{overflow: hidden; margin: 0; padding: 70px 0; width: 100%; border-top: 1px solid #e5e5e5; text-align: center;}
.firm_sign .item{position: relative; z-index: 10; display: inline-block; zoom: 1; *display: inline-block; vertical-align: middle; width: 360px; text-align: center; font-size: 0;}
.firm_sign .item .title{display: block; margin: 0 0 8px; padding: 0; font-size: 16px; line-height: 24px; color: #25282a; font-weight: 400; position: relative; opacity: 0.5; 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 .firm_sign a.item:hover .title{color: #008091;}
.firm_sign .item img.logo{display: block; margin: 0 auto; max-width: 180px; max-height: 59px;}
.firm_sign .item img.logo.big{max-height: 100%; max-width: 260px;}
.firm_sign .item .link {width: 50%; display: inline-block; vertical-align: middle;}
.ru .firm_sign .item .link:nth-child(4){width: 60%;}
.ru .firm_sign .item .link:nth-child(4) img{max-height: 63px;}
.firm_sign .item .link .logo {max-width: 90%; margin: 10px auto; display: block;}

.firm_sign .item .link.big{width: 67%;}
.firm_sign .item .link.big img{max-height: 63px;}

.firm_sign .arrow{position: relative; z-index: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 200px; height: 126px; background: url(../img/firm_arrow.svg) no-repeat scroll center center; background-size: 44px 126px;}


@media screen and (max-width: 1000px) {
.firm_sign .item{display: block; width: 100%;}
.firm_sign .arrow{display: block; width: 100%; height: 90px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
}









footer{background: #25282a; padding: 60px 0; position: relative;}
footer > img{width: 588px; position: absolute; top: 50%; margin: -196px 0 0; right: 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; }
footer img.logo{display: block; margin: 0; max-width: 160px; max-height: 52px;}
footer .item{width: 25%; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }


footer .item p.title{display: block; margin: 70px 0 15px; padding: 0; font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 700; position: relative;}
footer .item p{display: block; margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400;}
footer .item p strong{font-size: 14px; line-height: 22px; color: #008091; font-weight: 700;}
footer .item p a{margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400; letter-spacing: 1px; -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 footer .item p a:hover{text-decoration: underline;}


footer .form{width: 33%; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
footer .form p.title{display: block; margin: 70px 0 15px; padding: 0; font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 700; position: relative;}
footer .form form{margin: 0; display: block; max-width: 620px; width: 100%; text-align: left;}
footer .form form input[type=text]{width: calc(100% - 32px ); border: 1px solid #626466; background: transparent; font-size: 14px; line-height: 22px; color: #fff; padding: 8px 15px; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
footer .form form textarea{resize: none; height: 80px; overflow: auto; width: calc(100% - 32px ); border: 1px solid #626466; background: transparent; font-size: 14px; line-height: 22px; color: #fff; padding: 8px 15px; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
footer .form form input[type=text]::-webkit-input-placeholder, footer .form form textarea::-webkit-input-placeholder {color: #ffffff;}    
footer .form form input[type=text]::-moz-placeholder, footer .form form textarea::-moz-placeholder {color: #ffffff;}  
footer .form form input[type=text]::-ms-input-placeholder, footer .form form textarea::-ms-input-placeholder {color: #ffffff;}
footer .form form input[type=text]:focus, footer .form form textarea:focus{border: 1px solid #ffffff;}
footer .form p{padding: 0; margin: 0 0 20px; font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 400; position: relative;}
footer .form p a{font-size: 13px; line-height: 20px; letter-spacing: 1px; color: #ffffff; font-weight: 600; 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 footer .form p a:hover{color: #008091;}


ul.social{display: block; margin: 30px 0 0; text-align: left; padding: 0;}
ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; margin: 0 3px 0 0;}
ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; background-size: 28px 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; background-size: 28px 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}

footer ul.social li a.in::before{background: url(../img/social_in_icon.svg) no-repeat scroll center center;}
footer ul.social li a.fb::before{background: url(../img/social_fb_icon.svg) no-repeat scroll center center;}
footer ul.social li a.yt::before{background: url(../img/social_yt_icon.svg) no-repeat scroll center center;}
footer ul.social li a.li::before{background: url(../img/social_li_icon.svg) no-repeat scroll center center;}
footer ul.social li a.tw::before{background: url(../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 24px 24px;;}
footer ul.social li a.g::before{background: url(../img/social_g_icon.svg) no-repeat scroll center center;}

footer ul.social li a.in::after{background: url(../img/social_in_icon_hover.svg) no-repeat scroll center center;}
footer ul.social li a.fb::after{background: url(../img/social_fb_icon_hover.svg) no-repeat scroll center center;}
footer ul.social li a.yt::after{background: url(../img/social_yt_icon_hover.svg) no-repeat scroll center center;}
footer ul.social li a.li::after{background: url(../img/social_li_icon_hover.svg) no-repeat scroll center center;}
footer ul.social li a.tw::after{background: url(../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 24px 24px;}
footer ul.social li a.g::after{background: url(../img/social_g_icon_hover.svg) no-repeat scroll center center;}

.notouch footer ul.social li a:hover::before{opacity: 1;}
.notouch footer ul.social li a:hover::after{opacity: 0;}





.footer_mapa{position: relative; display: block; background: #f2f2f2; width: 100%;}
.footer_mapa #MyGmapsFooter{z-index: 0; position: relative; width: 100%; height: 380px; display: block; background: url(../img/mapa.jpg) no-repeat scroll center center #fff; background-size: cover;}
.footer_mapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;}


@media screen and (max-width: 1500px) {
footer > img{width: 420px; margin: -140px 0 0;}
}
@media screen and (max-width: 1200px) {
footer > img{display: none;}
footer .item p.title, footer .form p.title{margin: 50px 0 15px;}
footer .item{width: calc(50% - 3px);}
footer .form{width: calc(50% - 3px);}
.footer_mapa #MyGmapsFooter{height: 320px;}
}
@media screen and (max-width: 750px) {
footer img.logo{margin: 0 auto;}
footer .item{width: 100%; display: block; text-align: center;}
footer .form{width: 100%; display: block; text-align: center;}
footer .form form{margin: 0 auto;}
ul.social{text-align: center;}
.footer_mapa #MyGmapsFooter{height: 260px;}
}






















.sign{background: #ffffff; padding: 0; text-align: center;}
.sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .sign a:hover{color: #25282a;}






























/************************
 MODULY
************************/



.drobky{position: relative; text-align: left; width: calc(100% - 60px); margin: 0 auto; padding: 15px 30px; border-bottom: 1px solid #e0dfdf}
.drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );; content: ""; display: block;}
.drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;}
.drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: url(../img/drobky_arrow.svg) no-repeat scroll left 8px; background-size: 6px 9px; padding-left: 6px;}
   
.drobky ul li.first{background: none; padding: 0;}
.drobky ul li.first a{padding-left: 0;}
.drobky ul li a{white-space: nowrap; position: relative; display: block; color: #666666; font-size: 13px; line-height: 24px; font-weight: 600; padding: 0 10px; -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 .drobky ul li a:hover{text-decoration: none; color: #25282a;}
.drobky ul li span{white-space: nowrap; display: block; color: #25282a; font-size: 13px; line-height: 24px; font-weight: 700; padding: 0 0 0 10px; text-transform: uppercase;} 


  




.landing_list{max-width: 1100px; width: 100%; position: relative; margin: 0 auto;}
.landing_list .item{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 40px / 3 - 3px);/* border: 1px solid #dbdbdb;*/ margin: 0 0 20px; background: #f1f1f1;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.landing_list .item:nth-child(3n - 1){margin: 0 20px 20px;}
.notouch .landing_list .item:hover{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);}
.landing_list .item .text{padding: 25px 15px; display: table; width: calc(100% - 30px); height: 69px;}
.landing_list .item .title{text-transform: uppercase; display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 18px; font-family: 'pepibold'; font-weight: 700; line-height: 22px; color: #008091; 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 .landing_list .item:hover{background: #008091;}
.notouch .landing_list .item:hover .title{color: #ffffff;}





.contact_page { width: 100%; text-align: left; position: relative; margin: 30px 0 0;}
.contact_page .item { text-align: left; position: relative; width: 250px; padding: 20px 25px; display: block; float: left;}
.contact_page .item .box { display: table; height: 360px; width: 100%;}
.contact_page .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;}
.contact_page .item p.title { font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; margin: 15px 0 0; padding: 0; text-transform: uppercase;}
.contact_page .item .inline:first-of-type p.title{margin: 0;}
.contact_page .item p { margin: 0 0 10px; padding: 0; font-size: 13px; line-height: 20px; color: #25282a;}
.contact_page .item p:last-of-type { margin: 0;}
.contact_page .item p span { font-size: 12px; line-height: 16px; color: #25282a; font-style: italic;}
.contact_page .item p strong { display: block; font-size: 14px; line-height: 20px; color: #25282a;}
.contact_page .item a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #25282a; -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 .contact_page .item a:hover { color: #008091;}
.contact_page .mapa { position: absolute; left: 300px; right: 0; top: 0; bottom: 0; display: block; background: #f2f2f2;}
.contact_page .mapa #MyGmaps { z-index: 0; position: relative; width: 100%; height: 100%; display: block; background: #fff;}
.contact_page .mapa a.btn { position: absolute; left: 0; bottom: 0; z-index: 20;}
.contact_page .mapa a.btn:nth-child(3) { bottom: 36px;}



@media screen and (max-width: 767px)  {
.contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;}
.contact_page .item .box { display: block; height: initial; height: auto;}
.contact_page .item .box .centering { display: block;}
.contact_page .mapa { width: 100%; float: none; position: relative; left: 0;}
.contact_page .mapa #MyGmaps { height: 260px;}
}



.contact_page_second{ width: 100%; text-align: left; position: relative; margin: 30px 0 0;}
.contact_page_second h2{z-index: 10; position: relative; margin: 50px 0 -20px; color: #25282a; border-top: 1px solid #e5e5e5; padding: 30px 0 0; text-transform: uppercase;}
.contact_page_second .item { position: relative; z-index: 0; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 50px 0 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;}
.contact_page_second .item.big { width: calc(33.33% - 5px); margin: 50px 0 0;}
.contact_page_second .item.big:nth-child(3n - 1) { margin: 50px 0 0;} 
.contact_page_second .item.big:nth-child(-n + 3) { margin-top: 0;} 


.contact_page_second .title{font-size: 18px; line-height: 24px; color: #008091; font-weight: 700; text-align: left; margin: 0; padding: 0 10px 0 0;}
.contact_page_second .subtitle{font-size: 14px; line-height: 20px; color: #008091; font-weight: 700; text-align: left; margin: 0; padding: 0 10px 0 0;}
.contact_page_second p{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 400; text-align: left; margin: 10px 0 0; padding: 0 10px 0 0;}
.contact_page_second p strong{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 0;}
.contact_page_second p a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 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;}
.notouch .contact_page_second p a:hover{color: #008091;}



@media screen and (max-width: 1024px)  { 
.contact_page_second .item.big { width: calc(50% - 5px);}
.contact_page_second .item.big:nth-child(-n + 3) { margin-top: 50px;}
.contact_page_second .item.big:nth-child(-n + 2) { margin-top: 0;}

}

@media screen and (max-width: 700px)  {
.contact_page_second .item.big { display: block; width: calc(100% - 2px);}
.contact_page_second .item.big:nth-child(-n + 3) { margin-top: 50px;}
.contact_page_second .item.big:nth-child(-n + 2) { margin-top: 50px;}
.contact_page_second .item.big:nth-child(-n + 1) { margin-top: 0;}
}






.vypis_gallery{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;}
.vypis_gallery .item{width: calc(33.33% - 40px / 3 - 2px); float: left; margin: 0 0 20px; border: 1px solid #d8d8d8; -webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%;height: 200px; position: relative;}
.vypis_gallery .item:nth-child(3n - 1){margin: 0 20px 20px;}
.vypis_gallery .item figure {margin: 0; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;height: 200px;transform-style: preserve-3d;}
.vypis_gallery .item figure > div {display: block; position: relative; overflow: hidden; height: 200px;z-index: 0; 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 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.vypis_gallery .item figure > div::before{z-index: 1000; display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; }
.vypis_gallery .item figure > div span.img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transform: translateX(25%);-moz-transform: translateX(25%);-ms-transform: translateX(25%);transform: translateX(25%); 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: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
.notouch .vypis_gallery .item figure:hover > div span.img{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.vypis_gallery .item figcaption {height: 100%; width: 56%; position: absolute; height: 200px; left: 0; background: #4d4d4d; top: 0; opacity: 1; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;	transition: transform 0.4s, opacity 0.1s;}
.notouch .vypis_gallery .item figure:hover figcaption{opacity: 0;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}
.vypis_gallery .item figure .box{height: 100%; width: 100%; display: table; margin: 0;}
.vypis_gallery .item figure .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
.vypis_gallery .item figure .box .centering .title{position: relative; font-weight: 600; color: #fff; font-size: 16px; line-height: 20px; padding: 0 20px; display: block; letter-spacing: 2px;}
.vypis_gallery .item figure .box .centering .title::before{position: absolute; bottom: -5px; left: 20px; right: 0; border-bottom: 1px dotted #fff; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.vypis_gallery .item figure .box .centering .anotation{font-weight: 400; color: #fff; font-size: 14px; line-height: 20px; padding: 13px 20px 0; display: block;}

.reference_list{max-width: 1100px; width: 100%; position: relative; margin: 0 auto;}
.reference_list .item{width: calc(25% - 20px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 15px 20px 0; background: #fefefe; border: 1px solid #dbdbdb; -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 .reference_list .item:hover{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);}
.reference_list .item .box{width: 100%; display: table; height: 141px;}
.reference_list .item .box .centering{width: 100%; display: table-cell; vertical-align: middle;}
.reference_list .item .box .centering .in{overflow: hidden; position: relative; display: block; padding: 10px;}
.reference_list .item .box .centering .in img{margin: 0 auto; max-height: 141px; max-width: 100%; display: block;}
.reference_list .item .box .centering .in .title{display: block; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; line-height: 20px; font-weight: 700; padding: 8px 15px; text-align: center; background: rgba(0,0,0,0.8); color: #fff; -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 .reference_list .item:hover .box .centering .in .title{bottom: -56px;}




.news_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;}
.news_list.version_1 .item { text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 0 20px;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.c_column:not(.full) .news_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} 
.c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} 
.c_column.full .news_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;}
.c_column.full .news_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;}
.c_column.full .news_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} 
.c_column.full .news_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} 
.news_list.version_1 .item .text { text-align: left; padding: 20px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.news_list.version_1 .item .img { display: block; height: 180px; width: 100%; background-attachment: local; position: relative;  background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.news_list.version_1 .item .title { display: block; margin: 0; font-size: 16px; font-weight: 700; line-height: 20px; color: #25282a; text-align: left; -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 .news_list.version_1 .item:hover .title { color: #008091;}
.news_list.version_1 .item .date { display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; color: #008091; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.news_list.version_1 .item span.anotation { display: block; margin: 0 0 15px; height: 72px; overflow: hidden; font-size: 13px; line-height: 18px; font-weight: 400; color: #25282a; text-align: left;}
.news_list.version_1 .item .link { font-size: 14px; line-height: 20px; font-weight: 400; color: #25282a; display: inline-block; -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 .news_list.version_1 .item:hover .link { color: #008091;}

@media screen and (max-width: 1400px)  { 
.c_column:not(.full) .news_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} 
}


@media screen and (max-width: 1200px)  {
.c_column.full .news_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;}
.c_column.full .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;}  
.c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;}
}
@media screen and (max-width: 900px)  {
.c_column.full .news_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;}
.c_column.full .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;}
.c_column.full .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;}  
.c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;}
.c_column.full .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;}
}
@media screen and (max-width: 700px)  {
.sub .news { display: none;}
.c_column:not(.full) .news_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;}
.c_column:not(.full) .news_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;}
.c_column:not(.full) .news_list.version_1 .item:nth-child(1) { margin-top: 0 !important;}
}
@media screen and (max-width: 600px)  {
.c_column.full .news_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;}
.c_column.full .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;}  
.c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;}
.c_column.full .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;}
.c_column.full .news_list.version_1 .item:nth-child(1) { margin-top: 0 !important;}
}







.contact_list{max-width: 1100px; width: 100%; position: relative; margin: 0 auto;}
.contact_list { width: 100%; text-align: left; position: relative; margin: 30px 0 0;}
.contact_list .item { text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 0 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.c_column:not(.full) .contact_list .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;}
.c_column:not(.full) .contact_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} 
.c_column:not(.full) .contact_list .item:nth-child(-n + 3) { margin-top: 0;} 
.c_column.full .contact_list .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;}
.c_column.full .contact_list .item:nth-child(4n - 1) { margin: 20px 20px 0;}
.c_column.full .contact_list .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} 
.c_column.full .contact_list .item:nth-child(-n + 4) { margin-top: 0;} 
.contact_list .item .text { text-align: left; padding: 20px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.contact_list .item .img { display: block; height: 350px; width: 100%; background-attachment: local; position: relative;  background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.contact_list .item .name { font-family: 'pepibold'; display: block; margin: 0; font-size: 14px; font-weight: 700; line-height: 20px; color: #25282a; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.contact_list .item .post { font-family: 'pepiregular'; display: block; margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; color: #008091; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.contact_list .item .anotation{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 400; text-align: left; margin: 0; padding: 0 10px 0 0;}
.contact_list .item .anotation strong{font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 0;}
.contact_list .item .anotation a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #25282a; font-weight: 700; text-align: left; margin: 0; padding: 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;}
.notouch .contact_list .item .anotation a:hover{color: #008091;}


@media screen and (max-width: 1400px)  { 
.c_column:not(.full) .contact_list .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;}
.c_column:not(.full) .contact_list .item:nth-child(2n) { margin: 20px 0 0 20px !important;}
.c_column:not(.full) .contact_list .item:nth-child(-n + 2) { margin-top: 0 !important;} 
}


@media screen and (max-width: 1200px)  {
.c_column.full .contact_list .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;}
.c_column.full .contact_list .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;}  
.c_column.full .contact_list .item:nth-child(-n + 3) { margin-top: 0 !important;}
}
@media screen and (max-width: 900px)  {
.c_column.full .contact_list .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;}
.c_column.full .contact_list .item:nth-child(3n - 1) { margin: 20px 0 0 !important;}
.c_column.full .contact_list .item:nth-child(2n) { margin: 20px 0 0 20px !important;}  
.c_column.full .contact_list .item:nth-child(-n + 3) { margin-top: 20px !important;}
.c_column.full .contact_list .item:nth-child(-n + 2) { margin-top: 0 !important;}
}
@media screen and (max-width: 700px)  {
.sub .news { display: none;}
.c_column:not(.full) .contact_list h2 { text-align: center; font-size: 24px; line-height: 30px;}
.c_column:not(.full) .contact_list .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;}
.c_column:not(.full) .contact_list .item:nth-child(2n) { margin: 20px 0 0 !important;}
.c_column:not(.full) .contact_list .item:nth-child(-n + 2) { margin-top: 20px !important;}
.c_column:not(.full) .contact_list .item:nth-child(1) { margin-top: 0 !important;}
}
@media screen and (max-width: 600px)  {
.c_column.full .contact_list .item { width: calc(100% - 2px); margin: 20px 0 0 !important;}
.c_column.full .contact_list .item:nth-child(2n) { margin: 20px 0 0 !important;}  
.c_column.full .contact_list .item:nth-child(-n + 3) { margin-top: 20px !important;}
.c_column.full .contact_list .item:nth-child(-n + 2) { margin-top: 20px !important;}
.c_column.full .contact_list .item:nth-child(1) { margin-top: 0 !important;}
}





.carrier_list { width: 100%; text-align: left; margin: 0;}
.carrier_list h2{margin: 10px 0 30px; color: #008091; border-top: 1px solid #e5e5e5; padding: 30px 0 0; text-transform: uppercase;}
.carrier_list .item { text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: #f1f1f1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.c_column .carrier_list .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;}
.c_column .carrier_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} 
.c_column .carrier_list .item:nth-child(-n + 3) { margin-top: 0;} 
.carrier_list .item .text{display: table; height: 160px; width: calc(100% - 40px); padding: 0 20px; 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;}
.carrier_list .item .text .title { font-family: 'pepisemibold'; display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 18px; font-weight: 400; line-height: 26px; color: #25282a; 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 .carrier_list .item:hover { background: #008091;}
.notouch .carrier_list .item:hover .text .title { color: #fff;}
.carrier_list .item .text .title .icon{width: 42px; height: 42px; display: block; margin: 0 auto 5px; position: relative;}
.carrier_list .item .text .title .icon::before{opacity: 1; content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; display: block; background: url(../img/carrier_icon.svg) no-repeat scroll center center; background-size: 42px 42px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.carrier_list .item .text .title .icon::after{opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; display: block; background: url(../img/carrier_icon_hover.svg) no-repeat scroll center center; background-size: 42px 42px; -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 .carrier_list .item:hover .text .title .icon::before{opacity: 0;}
.notouch .carrier_list .item:hover .text .title .icon::after{opacity: 1}

@media screen and (max-width: 1400px)  { 
.c_column .carrier_list .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;}
.c_column .carrier_list .item:nth-child(2n) { margin: 20px 0 0 20px !important;}
.c_column .carrier_list .item:nth-child(-n + 2) { margin-top: 0 !important;} 
}

@media screen and (max-width: 700px)  {
.c_column .carrier_list .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;}
.c_column .carrier_list .item:nth-child(2n) { margin: 20px 0 0 !important;}
.c_column .carrier_list .item:nth-child(-n + 2) { margin-top: 20px !important;}
.c_column .carrier_list .item:nth-child(1) { margin-top: 0 !important;}
}





.file_list { width: 100%; text-align: left; position: relative;}
.file_list h3.spec{margin: 30px 0 15px; color: #008091; border-top: 1px solid #e5e5e5; padding: 30px 0 0; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 24px;}
.file_list:first-of-type h3.spec:first-of-type{margin: 0 0 15px; border-top: 0; padding-top: 0;}
.file_list.padding { padding: 0 !important;}

.file_list .item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #666666; margin: 0 10px 14px 0; -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; }
.file_list .item a{text-decoration: none; font-size: 13px; color: #666666; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .item a span{font-size: 13px; color: #666666; font-weight: 600; line-height: 18px; -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 .file_list .item:hover{border: 1px solid #008091; background: #008091;}
.notouch .file_list .item:hover a{color: #ffffff;}
.notouch .file_list .item:hover a span{text-decoration: none; color: #ffffff;}




.file_list_nahled h3.spec{margin: 30px 0 15px; color: #008091; border-top: 1px solid #e5e5e5; padding: 30px 0 0; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 24px;}
.file_list_nahled:first-of-type h3.spec:first-of-type{margin: 0 0 15px; border-top: 0; padding-top: 0;}

.file_list_nahled{width: 100%; position: relative; margin: 0 auto;} 
.file_list_nahled .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_nahled .item:nth-child(5n - 1){margin: 10px 10px 0;}
.file_list_nahled .item:nth-child(5n - 3){margin: 10px 10px 0;}
.file_list_nahled .item:nth-child(-n + 5){margin-top: 0;}
.file_list_nahled .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_nahled .item span.img img{max-width: 100%; display: block;}
.file_list_nahled .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_nahled .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_nahled .item:hover span.img::before, .notouch .file_list_nahled .item:hover span.img span{opacity: 1;}                               
.file_list_nahled .item span.title{word-break: break-all; position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;}


@media screen and (max-width: 1280px) {
.file_list_nahled .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;}
.file_list_nahled .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 5){margin-top: 10px;}
.file_list_nahled .item:nth-child(4n - 1){margin: 10px 10px 0;}
.file_list_nahled .item:nth-child(4n - 2){margin: 10px 0 0 10px;}
.file_list_nahled .item:nth-child(-n + 4){margin-top: 0;}
}

@media screen and (max-width: 1100px) {
.file_list_nahled .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;}
.file_list_nahled .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 5){margin-top: 10px;}
.file_list_nahled .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 4){margin-top: 10px;}
.file_list_nahled .item:nth-child(3n - 1){margin: 10px 10px 0;}
.file_list_nahled .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 700px) {
.file_list_nahled .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;}
.file_list_nahled .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 5){margin-top: 10px;}
.file_list_nahled .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 4){margin-top: 10px;}
.file_list_nahled .item:nth-child(3n - 1){margin: 10px 0 0;}
.file_list_nahled .item:nth-child(-n + 3){margin-top: 10px;}
.file_list_nahled .item:nth-child(2n){margin: 10px 0 0 10px;}
.file_list_nahled .item:nth-child(-n + 2){margin-top: 0;}
}








.fotogalerie{max-width: 1100px; width: 100%; position: relative; margin: 0 auto;}
.fotogalerie article{width: 100%;}
.fotogalerie a.swipebox{width: 20%; margin: 0; float: left; display: block; position: relative;}
.fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.fotogalerie a.swipebox img{max-width: calc( 100% - 8px); display: block; margin: 4px;}
.notouch .fotogalerie a:hover::before{opacity: 1;}


.fotogalerie.row_three a.swipebox{padding: 0 0 22%; width: calc(33.33% - 40px / 3); height: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fotogalerie.row_three a.swipebox:nth-child(4n - 1){margin: 0 20px;}
.fotogalerie.row_three a.swipebox::before{left: 0; top: 0; right: 0; bottom: 0;}

.fotogalerie.row_four a.swipebox{padding: 0 0 22%; width: calc(25% - 45px / 4); height: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 0 15px;}
.fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 0 0 0 15px;}
.fotogalerie.row_four a.swipebox::before{left: 0; top: 0; right: 0; bottom: 0;}

@media screen and (max-width: 1024px) {
.fotogalerie a.swipebox{width: 25%;}
.fotogalerie.row_three a.swipebox{padding: 0 0 30%; width: calc(50% - 10px / 2); margin: 0 0 10px !important}
.fotogalerie.row_three a.swipebox:nth-child(4n - 1){margin: 0 0 10px 10px !important;}
}

@media screen and (max-width: 800px) {
.fotogalerie.row_four a.swipebox{padding: 0 0 25%; width: calc(50% - 30px / 2); margin: 0 0 15px !important}
.fotogalerie.row_four a.swipebox:nth-child(2n){margin: 0 15px 15px !important}
}



































.finall_order{text-align: left;}
.finall_order p{font-size: 14px; line-height: 18px; margin: 0 0 20px;}
.finall_order p strong{font-size: 14px; line-height: 18px; font-weight: 700;}
.finall_order p a{text-decoration: underline; font-size: 14px; line-height: 18px; color: #25282a; font-weight: 700; -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 .finall_order p a:hover{color: #b3c336}
.finall_order.center{text-align: center;}
.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;}


.normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;}
.normal_form form{padding: 18px 25px;  background: #f9f9f9; border: 1px solid #e0dfdf; display: inline-block; zoom: 1; *display: inline; }
.normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #25282a; font-weight: 600; text-align: right; padding: 0 20px 0 0; margin: 0;}
.normal_form form table td{padding: 0;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;}


@media screen and (max-width: 768px) {
.normal_form{margin: 0 0 30px;}
.normal_form form{display: block; width: calc(100% - 52px)}
.normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;}
.normal_form form table th{text-align: center; padding: 0 0 5px;}
.normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;}
}



.reg_form{text-align: left; position: relative; margin-bottom: 20px !important;}
.reg_form.hide{display: none;}
.reg_form.margin{margin-top: 40px;}
.reg_form .box{position: relative; width: 55%; padding: 0 5% 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -5px;}
.reg_form .box.second{width: 35%; padding: 0 0 0 5%;}
.reg_form .box.second .overflow_form{opacity: 0.4; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.reg_form .box.second .overflow_form::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: "";}
.reg_form .box.second .overflow_form.active{opacity: 1;}
.reg_form .box.second .overflow_form.active::before{display: none;}
.reg_form .box.full{display: none; width: calc(100% - 60px); margin: 0; background: #f9f9f9; border: 1px solid #e6e7e8; padding: 25px 30px 10px;}
.reg_form .box.full.show{display: block;}
.reg_form .box.second::before{content: ""; display: block; position: absolute; left: 0; top: 5px; width: 1px; background: #d1d3d4; height: 353px;}
.reg_form .box .top_title{width: 100%; text-align: center; display: block;}
.reg_form .box p.title{display: inline-block; zoom: 1; *display: inline; text-align: center; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;}
.reg_form .box p.title .checker{margin: 0 0 0 4px;}
.reg_form .box p.anotation{text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; margin: 15px 0 20px;}
.reg_form .box p.anotation strong{ font-size: 13px; font-weight: 600; line-height: 18px; }
.reg_form .box p.anotation label, .reg_form .box p.anotation span{display: block; font-size: 14px; font-weight: 400; line-height: 21px; }
.reg_form .box p.anotation label .checker, .reg_form .box p.anotation span .checker{vertical-align: top; margin-right: 8px;}

.reg_form .box p{clear: both; display: block; font-size: 14px; font-weight: 400; color: #4d4d4c; line-height: 19px; text-align: left; margin: 0;}
.reg_form .box p strong{font-size: 14px; font-weight: 600; color: #4d4d4c; line-height: 19px;}
.reg_form .box p a{font-size: 14px; font-weight: 400; color: #4d4d4c; line-height: 19px; 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 .reg_form .box p a:hover{color: #666666;}
.reg_form .box.full table{margin: 0;}
.reg_form .box table{margin-top: 20px; width: 100%; border-collapse: collapse; border-spacing: 0;}
.reg_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 17px; color: #25282a; font-weight: 600; text-align: right; padding: 0 20px 10px; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.reg_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #666666; font-size: 14px; line-height: 20px;}
.reg_form .box table tr th:first-child{padding-left: 0; }
.reg_form .box table td{padding: 0 0 10px; font-size: 14px; font-weight: 400; line-height: 25px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.reg_form .box table td.centering{padding: 10px 0 0; text-align: center;}
.reg_form .box table td span{margin-right: 0; position: relative;; top: -5px; right: 0; color: #666666; font-size: 14px; line-height: 20px;}
.reg_form .box table td a{ font-size: 14px; font-weight: 600; line-height: 25px; 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 .reg_form .box table td a:hover{color: #b3c336;}
.reg_form .box table td .checker{vertical-align: middle; margin: 5px 8px 0 0;}
.reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam{display: none}
.reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: border 400ms ease; -moz-transition: border  400ms ease; -o-transition: border  400ms ease; -ms-transition: border  400ms ease; transition: border 400ms ease;}
.reg_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: border 400ms ease; -moz-transition: border  400ms ease; -o-transition: border  400ms ease; -ms-transition: border  400ms ease; transition: border  400ms ease;}
.reg_form .box table td input[type=text]:focus, .reg_form .box table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #666666;}

.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: block; width: 100%;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.reg_form .box table.dodaci th{width: 100px; padding-left: 0;}
.reg_form .box table.dodaci td{width: calc(100% - 130px);}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: none;}

@media screen and (max-width: 1024px) {
.reg_form .box{width: 90%; padding: 0 5%; margin: 0; text-align: center;}
.reg_form .box.second{width: 90%; padding: 0 5%;}
.reg_form .box.full{width: 90% ;padding: 25px 5% 10px;}
.reg_form .box.second::before{display: none;}
.reg_form .box .top_title{padding-top: 0;}
.reg_form .box.second .top_title{padding-top: 30px;}
.reg_form .box.long p.anotation{margin: 10px 0 30px;}
.reg_form .box p.anotation{margin: 0 0 30px;}
.reg_form .box p.anotation.empty{display: none;}
.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;}
.reg_form .box table td textarea{max-width: 260px;}
.reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table.dodaci tbody{display: table-row-group;}
.reg_form .box table.dodaci tr{display: table-row;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell;  width: initial; width: auto;}
.reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;}
.reg_form .box table.dodaci tr th:first-child{padding-left: 0}
.reg_form .box table.dodaci td{width: width: initial; width: auto;}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;}
.reg_form .box.second .overflow_form{opacity: 1 !important;}
.reg_form .box.second .overflow_form table{display: none !important;}
.reg_form .box.second .overflow_form.active table{display: table !important;}
.reg_form .box.second .overflow_form::before{display: none !important}      
}


@media screen and (max-width: 700px) {
.reg_form{max-width: 292px; margin: 0 auto;}
.reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;}
.reg_form .box.second{width: 100%; padding: 0;}
.reg_form .box.show{margin: 0 auto;}
.reg_form .box.full{width: 100% ;padding: 25px 0 10px;}
.reg_form .box .top_title{text-align: left;}
.reg_form .box.long p.anotation{margin: 10px 0;}
.reg_form .box p.anotation{margin: 0 0 20px; text-align: left; font-size: 12px;}
.reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;}
.reg_form .box table td textarea{max-width: 260px;}
.reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;}
.reg_form .box table.dodaci tbody{display: table-row-group;}
.reg_form .box table.dodaci tr{display: table-row;}
.reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell;  width: initial; width: auto;}
.reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;}
.reg_form .box table.dodaci tr th:first-child{padding-left: 0}
.reg_form .box table.dodaci td{width: width: initial; width: auto;}
.reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;}
.reg_form .box table, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial; font-size: 12px; margin: 0 auto;}
.reg_form .box table td a{font-size: 12px;}
.reg_form .box table td.centering{text-align: left;}
.reg_form .box table th{padding: 10px 0 1px; font-weight: 600; text-align: left;}
.reg_form .box table td input[type="submit"]{float: none;}
.reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
}
       
 












                          
.spec_box{background: #f9f9f9; border: 1px solid #e0dfdf;}
.spec_box p.open_login{cursor: pointer; font-size: 17px; line-height: 25px; text-align: center; position: relative; padding: 18px 0; margin: 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;}
.notouch .spec_box p.open_login:hover{color: #666666}
.spec_box p.open_login span{position: absolute; top: 50%; width: 13px; height: 9px; display: block; right: 16px;}
.spec_box p.open_login span::before{opacity: 1; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left top;  -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.spec_box p.open_login span::after{opacity: 0; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left bottom;  -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.spec_box p.open_login.active span::before{background: url(../img/top_down_arrow.png) no-repeat scroll right top;}
.spec_box p.open_login.active span::after{background: url(../img/top_down_arrow.png) no-repeat scroll right bottom;}
.notouch .spec_box p.open_login:hover span::before{opacity: 0;}
.notouch .spec_box p.open_login:hover span::after{opacity: 1;}

form.max{max-width: 1000px; margin: 0; text-align: center;}

#basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; max-width: auto; background: none; padding-top: 0; }     
.login_form{text-align: left; position: relative; margin: 0 auto 30px; background: #f9f9f9; border: 1px solid #e0dfdf; padding: 45px 45px 45px; max-width: 900px;}
.c_column:not(.full) .login_form{margin: 0 0 30px;}
.login_form.pass{max-width: 100%;}
#basket .login_form{margin: 20px 0 0 !important;}
.login_form.hide, .login_form.hide2{display: none; opacity: 0; margin: 0 auto;}
.login_form p.overtitle{font-weight: 600; text-align: center; margin: -20px 0 15px; padding: 0; font-size: 16px; line-height: 26px; color: #25282a;}
.login_form p.center{font-weight: 400; text-align: center; margin: -15px 0 20px; padding: 0; font-size: 13px; line-height: 20px; color: #25282a;}
.login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -5px;}
.login_form.top .box{vertical-align: top;}
.login_form .box.full{padding: 0; width: 100%;}
.login_form .box.middle{vertical-align: middle;}
.login_form .box.first{width: 46%; padding: 0 4% 0 0; border-right: 1px solid #d1d3d4;}
.login_form .box.first.padding_bottom{padding: 0 4% 32px 0;}
.login_form .box p.title{font-size: 15px; font-weight: 600; line-height: 22px; margin: 0 0 10px;}
.login_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #25282a; line-height: 19px; text-align: left; margin: 0;}
.login_form .box p.margin{margin-top: 10px;}
.login_form .box p strong{font-size: 13px; font-weight: 700; color: #25282a; line-height: 19px;}
.login_form .box p a:not(.btn){font-size: 13px; font-weight: 700; color: #25282a; line-height: 19px; 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 .login_form .box p a:not(.btn):hover{color: #b3c336;}
.login_form .box ul{margin: 0; padding: 0 0 20px;}
.login_form .box ul.reg_form_help{padding: 0;}
.login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #25282a; line-height: 23px; text-align: left; margin: 0; padding: 0;}
.login_form .box table{width: 100%; border-collapse: collapse; border-spacing: 0;} 
.login_form .box table.not_full{width: initial; width: auto;}
.login_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #25282a; font-weight: 600; text-align: right; padding: 0 20px 10px; margin: 0;}
.login_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #25282a; font-size: 14px; line-height: 20px;}
.login_form .box table tr th:first-child{padding-left: 0; }
.login_form .box table td{padding: 0 0 10px;}
.login_form .box table td.align_left{text-align: left;}
.login_form .box table td.align_left strong{color: #666666}
.login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: initial;; font-size: 15px; font-weight: 600; color: #25282a; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.login_form .box table td.simulate{padding: 32px 0 10px;}
.login_form .box table td input[type=text], .login_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.login_form .box table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.login_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus, .login_form .box table td textarea:focus{border: 1px solid #666;}
.login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #25282a; font-weight: 400;  margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.login_form .box table td label .checker{margin: -3px 5px 0 0;}


.login_form .box table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; height: 30px; z-index: 10; border: 1px solid #e6e7e8; }
.login_form .box table td .sbHolder .sbToggle{margin: 0; z-index: 999; background: url(../img/select_arrow_black.png) no-repeat scroll 7px center; right: 0; top: 0; height: 30px; width: 30px;}
.login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_black.png) no-repeat scroll -52px center;}
.login_form .box table td .sbHolder a.sbSelector{margin: 0; z-index: 998; display: block; color: #000 !important; font-size: 13px; line-height: 30px; padding: 0 15px; font-weight: 300; width: 200px; text-align: left; text-decoration: none;}
.login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #fff; padding: 0; left: -1px; right: -1px;}
.login_form .box table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 13px; line-height: 30px; margin: 0; font-weight: 300; color: #000 !important;  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.login_form .box table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;}
.notouch .login_form .box table td .sbOptions a:hover{background: #f0f0f0 !important;} 



.login_form .box table td a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 13px; font-weight: 400; line-height: 40px; color: #25282a; -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 .login_form .box table td a:hover{text-decoration: none;}
.login_form .box a.fb{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; margin: 5px 16px 0 0; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #21409a; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.login_form .box a.fb::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/fb_icon.png) no-repeat scroll center center #163076;}
.notouch .login_form .box a.fb:hover{background: #163076}
.login_form .box a.g{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #ed1c24; margin: 5px 0 20px; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.login_form .box a.g::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/g_icon.png) no-repeat scroll center center #b4161a;}
.notouch .login_form .box a.g:hover{background: #b4161a}
.login_form.login_page .box a.g{margin: 5px 0 0;}
                                                        
.reg_submit[type=submit]{float: right; background: #666666; border: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 15px; font-size: 13px; font-weight: 500; line-height: 40px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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 .reg_submit[type=submit]:hover{background: #939598;}




@media screen and (max-width: 768px) {
.login_form{padding: 30px; max-height: initial !important; max-height: auto !important;}
.login_form p.overtitle{margin: -5px 0 10px; text-align: left; text-transform: uppercase; font-weight: 700;}
.login_form p.center{text-align: left; line-height: 16px; margin: -10px 0 10px}
.login_form .box{text-align: left; width: 100% !important; padding: 0 !important; border: 0 !important;} 
.login_form .box.middle{padding-bottom: 15px !important;}     
.login_form .box table, .login_form .box table tbody, .login_form .box table tr, .login_form .box table th, .login_form .box table td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table th{text-align: left; padding: 10px 0 1px;}
.login_form .box table td a{margin: 0;}
.login_form .box p.title{display: block;}
.login_form .box a.fb, .login_form .box a.g{margin: 0 auto 10px !important; display: inline-block; zoom: 1; float: none;}
.login_form .box table td input[type="submit"]{float: none; margin-left: 0; margin-right: 0;}
.login_form .box a.btn{float: none; margin: 15px 0;}
form.max > .btn.right{margin: 0; float: none;}
.login_form .box table td a.forgotten{display: block; text-align: center;}
.login_form .box p{text-align: center; margin: 0 0 10px;}
.login_form .box ul{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
}








                                                      



#hide_tr{display: none;}



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; -moz-border-radius: 28px; border-radius: 28px;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: #666; border: 1px solid #666;}
a.scroll_top.active{opacity: 1; bottom: 30px;}


.edit_item{position:absolute; left: -1px; bottom: -1px; display: block; border: 1px solid #dbdbdb; background: #f0f0f0; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.edit_item::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 14px; height: 14px; background: url(../img/edit_icon.svg) no-repeat scroll center center; background-size: 14px 14px; content: "";}
.notouch .edit_item:hover{border: 1px solid #dbdbdb; background: #dbdbdb;}


.add_to_newsletter:not(.article_name){position:absolute; right: -1px; bottom: -1px; display: none; border: 1px solid #dbdbdb; background: #f0f0f0; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.add_to_newsletter:not(.article_name)::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 15px; height: 10px; background: url(../img/newsletter_icon.svg) no-repeat scroll center center; background-size: 15px 10px; content: "";}
.notouch .add_to_newsletter:not(.article_name):hover{border: 1px solid #dbdbdb; background: #dbdbdb;}

.remove_from_newsletter:not(.article_name){position:absolute; right: -1px; bottom: -1px; display: none; border: 1px solid #c2c2c2; background: #d6d6d6; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.remove_from_newsletter:not(.article_name)::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 15px; height: 10px; background: url(../img/newsletter_icon.svg) no-repeat scroll center center; background-size: 15px 10px; content: "";}
.notouch .remove_from_newsletter:not(.article_name):hover{border: 1px solid #c2c2c2; background: #c2c2c2;}

.detail .add_to_newsletter:not(.article_name){top: -25px; left: 0; bottom: initial; bottom: auto; right: initial; right: auto;}
.detail .remove_from_newsletter:not(.article_name){top: -25px; right: 0; bottom: initial; bottom: auto; right: initial; right: auto;}


.cc_banner-wrapper {z-index: 999999 !important; }
.cc_banner-wrapper{min-height: 0px}
.cc_container{color: #25282a !important; padding: 10px 20px !important;}
.cc_container .cc_message{margin: 10px 0 !important; font-size: 12px !important; font-family: 'pepiregular', sans-serif, Arial !important; }
.cc_container .cc_message a{font-size: 12px !important; font-weight: 700 !important; color: #25282a !important;}
.notouch .cc_container .cc_message a:hover{text-decoration: underline !important;}
.cc_container .cc_btn{width: initial !important; width: auto !important; text-transform: uppercase !important; line-height: 16px !important; font-size: 12px !important;  border: 1px solid #25282a !important; padding: 7px 20px !important; font-weight: 700 !important; font-family: 'pepiregular', sans-serif, Arial !important; background: #25282a !important; color: #ffffff !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.notouch .cc_container .cc_btn:hover{background: #ffffff !important; border: 1px solid #25282a !important; color: #25282a !important}          
.cc_container *::-moz-selection {background: #3399FF !important;}
.cc_container *::selection {background: #3399FF !important;}


.password-verdict {display:none;}
.progress {border: 0;background-image: none;filter: none;-webkit-box-shadow: none;-moz-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;-o-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;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;}






.popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: #25282a;}
.popup_popup .box .text{z-index: 100; position: relative; color: #25282a; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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%;}
}


.buy_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.buy_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.buy_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.buy_popup .boxes{min-width: 500px; text-align: center; position: relative; max-width: 600px; padding: 40px 50px; left: 0;  display: inline-block; zoom: 1; *display: inline; background: #fff; overflow-y: auto; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.buy_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #25282a;}
.buy_popup .box .btn{z-index: 100; position: relative;}
.buy_popup .box p.anotation{font-size: 13px; line-height: 17px; color: #000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e0dfdf; border-top: 1px dashed #e0dfdf; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.buy_popup .box p.anotation strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #25282a;}
.buy_popup .box p{font-size: 13px; line-height: 17px; color: #000; margin: 25px 0 10px; padding: 14px 0; background: #e0dfdf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.buy_popup .box p img{max-width: 43px; margin-right: 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.buy_popup .box p strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #25282a;}
.buy_popup .box p a{font-weight: 700; text-decoration: underline;}
.buy_popup .box p.a{text-decoration: underline; font-weight: 700; font-size: 13px; line-height: 17px; color: #000; -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 .buy_popup .box p a:hover{color: #dc5721;}
.buy_popup table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin: 0;}
.buy_popup table.product_souhrn.margin{margin-bottom: 0px;}
.buy_popup table.product_souhrn td{height: 70px; padding: 8px 15px;}
.buy_popup table.product_souhrn td.one{padding: 8px 0; width: 70px; vertical-align: middle;}
.buy_popup table.product_souhrn td.one{vertical-align: middle;} 
.buy_popup table.product_souhrn td.one a, .buy_popup table.product_souhrn td.one label{width: 68px; height: 68px; border: 1px solid #e0dfdf; position: relative; display: block; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease; background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.buy_popup table.product_souhrn td.one span.centering{width: 100%; position: relative; display: table-cell; vertical-align: middle;}
.buy_popup table.product_souhrn td.one img{max-width: 68px; max-height: 68px; display: block; margin: 0 auto;}
.buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: left;}
.buy_popup table.product_souhrn td.two span.box{display: table; width: 100%; height: 70px;}
.buy_popup table.product_souhrn td.two .main_link{font-weight: 600; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 20px; text-decoration: none; text-align: left; color: #25282a; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.buy_popup table.product_souhrn td.two .main_link span{font-style: italic; font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;}
.buy_popup table.product_souhrn td.two .main_link span strong{font-weight: 700; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a;}
.buy_popup table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 22px; height: 19px; background: url(../img/recount_image.png) no-repeat scroll center -59px; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.buy_popup table.product_souhrn td.three input[type=image].error{opacity: 1; cursor: pointer; }
.buy_popup table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #25282a; font-size: 14px; line-height: 28px; font-weight: 400; width: 130px;}
.buy_popup table.product_souhrn td.four strong{color: #25282a; font-size: 14px; line-height: 28px; font-weight: 600;}
.buy_popup table.product_souhrn td.four strong.total{white-space: nowrap; color: #25282a; font-size: 18px; line-height: 28px; font-weight: 600;}
.buy_popup table.product_souhrn td.four strong.total.red{color: #25282a;}
.buy_popup table.product_souhrn td.four strong.total span{color: #25282a; font-size: 12px; line-height: 28px; font-weight: 300; display: none;}
.buy_popup table.product_souhrn td.four span{color: #25282a; font-size: 12px; line-height: 28px; font-weight: 300;}

@media screen and (max-width: 768px) {
   .buy_popup .boxes{min-width: initial; min-width: auto; padding: 25px 30px; left: 0; width: calc(100% - 80px); overflow-y: auto; max-height: calc(100vh - 130px)}
   .buy_popup .box p:not(.anotation){display: none;}
   .buy_popup .box span.warning{font-size: 16px; line-height: 20px;}
   .buy_popup .box .btn{z-index: 100; position: relative;}
   .buy_popup .box .btn.cursor{float: none; width: calc(100% - 46px); text-align: center; max-width: 250px; }
   .buy_popup .box .btn.cursor.arrow{width: calc(100% - 66px); max-width: 230px;}
   .buy_popup table.product_souhrn, .buy_popup table.product_souhrn tbody, .buy_popup table.product_souhrn tr, .buy_popup table.product_souhrn th, .buy_popup table.product_souhrn td{display: block; width: 100%; text-align: center;}
   .buy_popup table.product_souhrn td{height: initial; height: auto;; padding: 8px 15px;}
   .buy_popup table.product_souhrn td.one{display: none;}
   .buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: center;}
   .buy_popup table.product_souhrn td.two span.box{display: block; width: 100%; height: initial; height: auto;}
   .buy_popup table.product_souhrn td.two .main_link{display: block; padding: 0 15px; text-align: center;}
   .buy_popup table.product_souhrn td.two .main_link span{text-align: center;}
   .buy_popup table.product_souhrn td.two .main_link span strong{text-align: center;}
   .buy_popup table.product_souhrn td.four{text-align: center; width: 100%; padding: 0;}    
}






.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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.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: 440px; text-align: center; position: relative; padding: 40px 45px; left: 0;  display: inline-block; zoom: 1; *display: inline; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.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; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-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; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.carrier_popup .box input[type=text]:focus, .carrier_popup .box textarea:focus { border: 1px solid {!=$mainColor};}
.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; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-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: 3px; 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);}




.carrier_popup .box .gdpr_text { text-align: left; display: block; margin: 0; padding: 0 0 8px; font-size: 12px; line-height: 16px; color: #3c3c3b; font-weight: 400;}
.carrier_popup .box .gdpr_text a{font-size: 12px; line-height: 16px;  color: #3c3c3b; font-weight: 600; 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 .carrier_popup .box .gdpr_text a:hover{color: #008091;}

@media screen and (max-width: 768px)  { 
.carrier_popup .boxes { width: 270px; padding: 25px 15px;}
.carrier_popup .box span.warning { font-size: 16px; line-height: 20px;}

}






.meeting_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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.meeting_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; }
.meeting_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.meeting_popup .boxes { overflow: auto; width: 440px; text-align: center; position: relative; padding: 40px 45px; left: 0;  display: inline-block; zoom: 1; *display: inline; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.meeting_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;}
.meeting_popup .box .btn { z-index: 100; position: relative;}

.meeting_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; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.meeting_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;}
.meeting_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; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.meeting_popup .box input[type=text]:focus, .meeting_popup .box textarea:focus { border: 1px solid {!=$mainColor};}
.meeting_popup .box input::-webkit-input-placeholder, .meeting_popup .box textarea::-webkit-input-placeholder  { color: #000;}    
.meeting_popup .box input::-moz-placeholder, .meeting_popup .box textarea::-moz-placeholder  { color: #000;}  
.meeting_popup .box input::-ms-input-placeholder, .meeting_popup .box textarea::-ms-input-placeholder  { color: #000;}



.meeting_popup .box .gdpr_text { text-align: left; display: block; margin: 0; padding: 0 0 8px; font-size: 12px; line-height: 16px; color: #3c3c3b; font-weight: 400;}
.meeting_popup .box .gdpr_text a{font-size: 12px; line-height: 16px;  color: #3c3c3b; font-weight: 600; 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 .meeting_popup .box .gdpr_text a:hover{color: #008091;}

@media screen and (max-width: 768px)  { 
.meeting_popup .boxes { width: 270px; padding: 25px 15px;}
.meeting_popup .box span.warning { font-size: 16px; line-height: 20px;}

}





.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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.control_popup .boxes{min-width: 200px; text-align: center; position: relative; max-width: 250px; padding: 40px 60px; left: 0 !important;  display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;}
.control_popup .box .text{z-index: 100; position: relative; color: #25282a; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;}
.control_popup .box .text p{margin: 5px 0; line-height: 16px;}
.control_popup .box .text strong{color: #25282a; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;}
.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;}
}






.ppl_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.ppl_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; }
.ppl_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.ppl_popup .boxes{width: 815px; text-align: center; position: relative; padding: 0; left: 0 !important;  display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.ppl_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; }
.ppl_popup .box .title label{background: #000; width: 60px; line-height: 60px; height: 60px; text-align: center; display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; color: #fff; font-weight: 700; margin: 0 10px 0 0;}
.ppl_popup .box .title .title_text{width: calc(100% - 75px); display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 700; color: #000;}
.ppl_popup .box .title .title_text span{text-transform: none; display: block; line-height: 16px; font-size: 12px; text-align: left; color: #000; font-weight: 600; margin: 0;}



.ppl_popup .box .text{z-index: 0; padding: 80px 20px 20px; position: relative;}
.ppl_popup .box .text .opacity_text{font-size: 16px; line-height: 22px; padding: 0 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.ppl_popup .box .text.opacity .opacity_text{ opacity: 1; visibility: visible;}
.ppl_popup .box .text .select_address{position: relative; width: 350px; margin: 0 20px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.ppl_popup .box .text.opacity .select_address{opacity: 0.25;}
.ppl_popup .box .text .select_address input[type=text]{border: 1px solid #e0dfdf; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.ppl_popup .box .text .select_address input[type=text]:focus{border: 1px solid #666;}

.ppl_popup .box .list{z-index: 100; position: absolute; left: 0; right: 0; top: 35px;}
.ppl_popup .box .list ul{margin: 0; padding: 0; border: 1px solid #e0dfdf;}
.ppl_popup .box .list ul li{padding: 0; margin: 0; list-style: none; display: block;}
.ppl_popup .box .list ul li.red{background: #fff; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500;}
.ppl_popup .box .list ul li a{background: #fff; border-top: 1px solid #e0dfdf; position: relative; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500; display: block; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.ppl_popup .box .list ul li:nth-child(1) a{border-top: 0;}
.notouch .ppl_popup .box .list ul li a:hover, .notouch .ppl_popup .box .list ul li.active a{background: #f9f9f9;}

.ppl_popup .box .information{z-index: 0; position: relative; margin: 20px 0 0; text-align: left;}
.ppl_popup .box .information .subtitle{font-size: 14px; line-height: 18px; color: #000; font-weight: 700; margin: 0;}
.ppl_popup .box .information .address{font-size: 12px; line-height: 18px; color: #666; font-weight: 400; font-style: italic; margin: 0 0 5px;}
.ppl_popup .box .information .anotation{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}
.ppl_popup .box .information .open{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}



.ppl_popup .box .text .view_address{background: #f9f9f9; height: 350px; width: 400px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.ppl_popup .box .text.opacity .view_address{opacity: 0.25;}
.ppl_popup .box .text .view_address #PplMaps{width: 100%; height: 350px;}

.ppl_popup .box .text.opacity .btn.right{opacity: 0.25;}


.dpd_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.dpd_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; }
.dpd_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.dpd_popup .boxes{width: 815px; text-align: center; position: relative; padding: 0; left: 0 !important;  display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.dpd_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; }
.dpd_popup .box .title label{background: #000; width: 60px; line-height: 60px; height: 60px; text-align: center; display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; color: #fff; font-weight: 700; margin: 0 10px 0 0;}
.dpd_popup .box .title .title_text{width: calc(100% - 75px); display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 700; color: #000;}
.dpd_popup .box .title .title_text span{text-transform: none; display: block; line-height: 16px; font-size: 12px; text-align: left; color: #000; font-weight: 600; margin: 0;}



.dpd_popup .box .text{z-index: 0; padding: 80px 20px 20px; position: relative;}
.dpd_popup .box .text .opacity_text{font-size: 16px; line-height: 22px; padding: 0 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.dpd_popup .box .text.opacity .opacity_text{ opacity: 1; visibility: visible;}
.dpd_popup .box .text .select_address{position: relative; width: 350px; margin: 0 20px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.dpd_popup .box .text.opacity .select_address{opacity: 0.25;}
.dpd_popup .box .text .select_address input[type=text]{border: 1px solid #e0dfdf; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.dpd_popup .box .text .select_address input[type=text]:focus{border: 1px solid #666;}

.dpd_popup .box .list{z-index: 100; position: absolute; left: 0; right: 0; top: 35px;}
.dpd_popup .box .list ul{margin: 0; padding: 0; border: 1px solid #e0dfdf;}
.dpd_popup .box .list ul li{padding: 0; margin: 0; list-style: none; display: block;}
.dpd_popup .box .list ul li.red{background: #fff; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500;}
.dpd_popup .box .list ul li a{background: #fff; border-top: 1px solid #e0dfdf; position: relative; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500; display: block; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.dpd_popup .box .list ul li:nth-child(1) a{border-top: 0;}
.notouch .dpd_popup .box .list ul li a:hover, .notouch .dpd_popup .box .list ul li.active a{background: #f9f9f9;}

.dpd_popup .box .information{z-index: 0; position: relative; margin: 20px 0 0; text-align: left;}
.dpd_popup .box .information .subtitle{font-size: 14px; line-height: 18px; color: #000; font-weight: 700; margin: 0;}
.dpd_popup .box .information .address{font-size: 12px; line-height: 18px; color: #666; font-weight: 400; font-style: italic; margin: 0 0 5px;}
.dpd_popup .box .information .anotation{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}
.dpd_popup .box .information .open{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}



.dpd_popup .box .text .view_address{background: #f9f9f9; height: 350px; width: 400px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.dpd_popup .box .text.opacity .view_address{opacity: 0.25;}
.dpd_popup .box .text .view_address #DpdMaps{width: 100%; height: 350px;}

.dpd_popup .box .text.opacity .btn.right{opacity: 0.25;}




.cp_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.cp_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; }
.cp_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.cp_popup .boxes{width: 815px; text-align: center; position: relative; padding: 0; left: 0 !important;  display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;}
.cp_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; }
.cp_popup .box .title label{background: #000; width: 60px; line-height: 60px; height: 60px; text-align: center; display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; color: #fff; font-weight: 700; margin: 0 10px 0 0;}
.cp_popup .box .title .title_text{width: calc(100% - 75px); display: inline-block; zoom: 1; *display: inline; font-size: 18px; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 700; color: #000;}
.cp_popup .box .title .title_text span{text-transform: none; display: block; line-height: 16px; font-size: 12px; text-align: left; color: #000; font-weight: 600; margin: 0;}



.cp_popup .box .text{z-index: 0; padding: 80px 20px 20px; position: relative;}
.cp_popup .box .text .opacity_text{font-size: 16px; line-height: 22px; padding: 0 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.cp_popup .box .text.opacity .opacity_text{ opacity: 1; visibility: visible;}
.cp_popup .box .text .select_address{position: relative; width: 350px; margin: 0 20px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.cp_popup .box .text.opacity .select_address{opacity: 0.25;}
.cp_popup .box .text .select_address input[type=text]{border: 1px solid #e0dfdf; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.cp_popup .box .text .select_address input[type=text]:focus{border: 1px solid #666;}

.cp_popup .box .list{z-index: 100; position: absolute; left: 0; right: 0; top: 35px;}
.cp_popup .box .list ul{margin: 0; padding: 0; border: 1px solid #e0dfdf;}
.cp_popup .box .list ul li{padding: 0; margin: 0; list-style: none; display: block;}
.cp_popup .box .list ul li.red{background: #fff; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500;}
.cp_popup .box .list ul li a{background: #fff; border-top: 1px solid #e0dfdf; position: relative; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000; font-weight: 500; display: block; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.cp_popup .box .list ul li:nth-child(1) a{border-top: 0;}
.notouch .cp_popup .box .list ul li a:hover, .notouch .cp_popup .box .list ul li.active a{background: #f9f9f9;}

.cp_popup .box .information{z-index: 0; position: relative; margin: 20px 0 0; text-align: left;}
.cp_popup .box .information .subtitle{font-size: 14px; line-height: 18px; color: #000; font-weight: 700; margin: 0;}
.cp_popup .box .information .address{font-size: 12px; line-height: 18px; color: #666; font-weight: 400; font-style: italic; margin: 0 0 5px;}
.cp_popup .box .information .anotation{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}
.cp_popup .box .information .open{font-size: 12px; line-height: 18px; color: #000; font-weight: 400; margin: 0 0 5px;}



.cp_popup .box .text .view_address{background: #f9f9f9; height: 350px; width: 400px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.cp_popup .box .text.opacity .view_address{opacity: 0.25;}
.cp_popup .box .text .view_address #CpMaps{width: 100%; height: 350px;}

.cp_popup .box .text.opacity .btn.right{opacity: 0.25;}











.contact_box_basket{opacity: 0; z-index: 997; position: absolute; right: 0; background: #f9f9f9; padding: 15px 0px; border: 1px solid #e6e7e8; -webkit-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -moz-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -o-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -ms-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease;}
.contact_box_basket.show{opacity: 1;}
.contact_box_basket.active{margin-right: 0;}

.contact_box_basket.absolute_top{top: 10px;}
.contact_box_basket.absolute_bottom{bottom: -60px !important; position: absolute !important}
.contact_box_basket.fixed{position: fixed; top: 124px;}

.contact_box_basket .icon{display: block; margin: 0 auto; width: 70px; height: 40px; background: url(../img/support_icon.svg) no-repeat scroll center center; background-size: 42px 40px;}
.contact_box_basket .text{display: block; width: 120px; margin: 0 auto; padding: 15px 15px 0; text-align: center;}
.contact_box_basket .text p{margin: 0; font-weight: 400; font-size: 13px; line-height: 16px; color: #25282a; }
.contact_box_basket .text p strong{white-space: nowrap; font-weight: 600; font-size: 13px; line-height: 16px; color: #25282a; }
.contact_box_basket .text p a{font-weight: 400; font-size: 13px; line-height: 16px; color: #666666; text-decoration: underline; }
.contact_box_basket .text p a:hover{text-decoration: none; }

@media screen and (max-width: 1500px) {
.contact_box_basket{margin-right: -230px; cursor: pointer; }
.contact_box_basket .icon{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.contact_box_basket .text{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 210px; padding: 0 15px 0 0; text-align: left;}
.notouch .contact_box_basket:hover{border: 1px solid #ccc; background: #ebebeb}
}

@media screen and (max-width: 1340px) {
.contact_box_basket{right: 50%; margin-right: -150px; width: 300px; position: fixed !important; top: initial !important; top: auto !important; bottom: 0;}
}

@media screen and (max-width: 1024px) {
.contact_box_basket{display: none !important;}
a.scroll_top.hide{display: block;}
}

.main_body_container .admin_settings{cursor: pointer; z-index: 99998; position: fixed; left: 30px; bottom: 14px; width: 40px; height: 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; }
.main_body_container .admin_settings::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .admin_settings::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px; -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 .main_body_container .admin_settings:hover::after{opacity: 1;}
.main_body_container.active .admin_settings{left: 410px;}


@media screen and (max-width: 1025px) {
   .main_body_container .admin_settings{display: none;}
}
.main_body_container{position: relative; display: block; left: 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; }
.main_body_container .main_body_overlay{opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); display: block; z-index: 99997; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container.active .main_body_overlay{opacity: 1; visibility: visible; }
.main_body_container .main_body_content{-webkit-overflow-scrolling: touch; position: fixed; top: 0; bottom: 0; overflow: hidden; width: 380px; left: -400px; background: #2D2D2D; z-index: 99998; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container.active .main_body_content{left: 0;}

.main_body_container .main_body_content .title{white-space: nowrap; position: relative; background-color: #484848; margin: 0; padding: 14px 0; font-family: Helvetica, sans-serif, Arial;}
.main_body_container .main_body_content::before {opacity: 0.25; z-index: 0; background: url(../global/logo_arsy_grey.svg) no-repeat scroll center center; background-size: 260px 60px; width: 260px; height: 60px; display: block; position: absolute; bottom: 46px; right: 0; left: 0; margin: 0 auto; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content.muttation::before{bottom: 60px;}
.main_body_container .main_body_content.bottom::before{bottom: -48px;}
.main_body_container .main_body_content.bottom.muttation::before{bottom: -8px;}
.main_body_container .main_body_content .title .icon{padding: 7px; cursor: pointer; opacity: 0; visibility: hidden; z-index: 999; position: absolute; left: 8px; top: 50%; width: 13px; height: 18px; margin-top: -16px;  -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .title.active .icon{opacity: 1; visibility: visible}
.main_body_container .main_body_content .title .icon::before{opacity: 1; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .title .icon::after{opacity: 0; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -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 .main_body_container .main_body_content .title .icon:hover::before{opacity: 0;}
.notouch .main_body_container .main_body_content .title .icon:hover::after{opacity: 1;}

.main_body_container .main_body_content .title::before{z-index: 99; position: absolute; top: 0; bottom: 0; left: 0; width: 38px; background: -moz-linear-gradient(left,  rgba(72,72,72,1) 50%, rgba(72,72,72,0) 100%); background: -webkit-linear-gradient(left,  rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); background: linear-gradient(to right,  rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#00484848',GradientType=1 ); content: ""; display: block;}
.main_body_container .main_body_content .title::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 38px; background: -moz-linear-gradient(left,  rgba(72,72,72,0) 0%, rgba(72,72,72,1) 50%); background: -webkit-linear-gradient(left,  rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); background: linear-gradient(to right,  rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00484848', endColorstr='#484848',GradientType=1 );; content: ""; display: block;}
.main_body_container .main_body_content .title span:not(.icon){display: block; padding: 0 38px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }



.main_body_container .main_body_content .section_title{white-space: nowrap; position: relative; background-color: #484848; margin: -1px 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial;}
.main_body_container .main_body_content .section_title:first-of-type{margin: 1px 0 0;}

.main_body_container .main_body_content .article_name{display: block; white-space: nowrap; position: relative; margin: 0 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.main_body_container .main_body_content .article_name.add_to_newsletter{opacity: 0.2;}
.main_body_container .main_body_content .article_name *{font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.main_body_container .main_body_content .article_name br{display: none; }
.main_body_container .main_body_content .article_name .img{width: 38px; height: 38px; margin: 0 8px 0 0; border: 1px solid #484848; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .main_body_container .main_body_content .article_name:hover .img{border: 1px solid #fe0101;}
.main_body_container .main_body_content .article_name .icon br, .main_body_container .main_body_content .article_name .icon2 br{display: block; }
.main_body_container .main_body_content .article_name .icon{z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -8px;  display: inline-block; zoom: 1; *display: inline; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .article_name .icon::before{opacity: 1; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .article_name .icon::after{opacity: 0; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -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 .main_body_container .main_body_content .article_name:hover .icon::before{opacity: 0; right: 0;}
.notouch .main_body_container .main_body_content .article_name:hover .icon::after{opacity: 1; right: 0;}
.notouch .main_body_container .main_body_content .article_name:hover .icon{color: #fe0101;}
.main_body_container .main_body_content .article_name::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";}
.main_body_container .main_body_content .article_name::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 175px; background: -moz-linear-gradient(left,  rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;}
.notouch .main_body_container .main_body_content .article_name:hover, .notouch .main_body_container .main_body_content .article_name:hover *{color: #fe0101;}
.notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover, .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover *{color: #fff; opacity: 1;}

.main_body_container .main_body_content .article_name .icon2{z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -7px;  display: inline-block; zoom: 1; *display: inline; font-size: 12px; line-height: 14px; font-weight: 700; padding: 0 20px; text-align: right; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .article_name .icon2 br{line-height: 13px;}
.main_body_container .main_body_content .article_name .icon2::before{opacity: 1; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove.svg) no-repeat scroll center center; background-size: 10px 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .article_name .icon2::after{opacity: 0; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove_hover.svg) no-repeat scroll center center; background-size: 10px 10px; -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 .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::before{opacity: 0;}
.notouch .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::after{opacity: 1;}
.notouch .main_body_container .main_body_content .article_name:hover .icon2{color: #fe0101;}
.notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover .icon2{color: #fff;}


.main_body_container .main_body_content .subtitle{white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -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 .main_body_container .main_body_content .subtitle:hover{color: #fe0101;}
.main_body_container .main_body_content .subtitle::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";}
.main_body_container .main_body_content .subtitle::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left,  rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;}

.main_body_container .main_body_content .subtitle .icon{z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .subtitle .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .subtitle .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -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 .main_body_container .main_body_content .subtitle:hover .icon::before{opacity: 0;}
.notouch .main_body_container .main_body_content .subtitle:hover .icon::after{opacity: 1;}

.main_body_container .main_body_content .model_subtitle{white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -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 .main_body_container .main_body_content .model_subtitle:hover{color: #fe0101;}
.main_body_container .main_body_content .model_subtitle::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";}
.main_body_container .main_body_content .model_subtitle::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left,  rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;}

.main_body_container .main_body_content .model_subtitle .icon{z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .model_subtitle .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .model_subtitle .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -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 .main_body_container .main_body_content .model_subtitle:hover .icon::before{opacity: 0;}
.notouch .main_body_container .main_body_content .model_subtitle:hover .icon::after{opacity: 1;}

.main_body_container .main_body_content .move_box{position: relative; left: 0; white-space: nowrap; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content.position_1 .move_box{left: -380px;}
.main_body_container .main_body_content.position_2 .move_box{left: -760px;}
.main_body_container .main_body_content .move_box .move{overflow: auto; height: calc(100vh - 45px - 49px); padding: 0; white-space: normal; width: 380px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.main_body_container .main_body_content .move_box .move.muttation{height: calc(100vh - 45px - 49px - 42px);}
.main_body_container .main_body_content .move_box .move.big{height: calc(100vh - 45px);}
.main_body_container .main_body_content .move_box .move.muttation.big{height: calc(100vh - 45px - 42px);}
.main_body_container .main_body_content .move_box .move .obsah, .main_body_container .main_body_content .move_box .move .model_obsah{display: none; overflow-x: hidden;}
.main_body_container .main_body_content .move_box .move .obsah .box, .main_body_container .main_body_content .move_box .move .model_obsah .box{padding: 0}
.main_body_container .main_body_content .move_box .move p.text_title{white-space: nowrap; position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px 2px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move p.text_title:first-of-type{padding: 30px 20px 2px;}
.main_body_container .main_body_content .move_box .move p.anotation{position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; padding: 0 20px 30px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move p.anotation label{margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial;}
.main_body_container .main_body_content .move_box .move p.anotation strong{font-size: 12px; line-height: 16px; font-weight: 600; color: #a4a4a4; font-family: Helvetica, sans-serif, Arial;}
.main_body_container .main_body_content .move_box .move p.anotation::before{position: absolute; left: 12px; right: 12px; bottom: 15px; height: 1px; display: block; background: #484848; content: "";}
.main_body_container .main_body_content .move_box .move input[type=text]{width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move textarea{height: 80px; overflow: auto; resize: none; width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move input[type=text]:focus, .main_body_container .main_body_content .move_box .move textarea:focus{border: 1px solid #000; background: #f0f0f0;}
.main_body_container .main_body_content .move_box .move a.link{white-space: nowrap; position: relative; display: inline-block; zoom: 1; *display: inline; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move a.link.margin_top{margin-top: 20px;}
.main_body_container .main_body_content .move_box .move a.link.margin_right{margin-right: 10px;}
.main_body_container .main_body_content .move_box .move a.link::before{opacity: 1; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move a.link::after{opacity: 0; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -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 .main_body_container .main_body_content .move_box .move a.link:hover::before{opacity: 0;}
.notouch .main_body_container .main_body_content .move_box .move a.link:hover::after{opacity: 1;}
.main_body_container .main_body_content .move_box .move a.save_front_seo{white-space: nowrap; position: relative; display: inline-block; zoom: 1; *display: inline; margin: 0 64px 0 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .move_box .move a.save_front_seo.margin{margin: 20px 64px 0 0;}

.main_body_container .main_body_content .move_box .move a:not(.article_name, .link){margin: 0 20px 10px; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -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 .main_body_container .main_body_content .move_box .move a:not(.article_name):hover{color: #fe0101;}

.main_body_container .main_body_content .admin_link{z-index: 999; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 14px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .admin_link a{border: 1px solid #fff; color: #fff;  margin: 0; text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 700; padding: 9px 0; text-align: center; display: block; font-family: Helvetica, sans-serif, Arial; -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 .main_body_container .main_body_content .admin_link a:hover{border: 1px solid #fe0101; background: #fe0101; color: #fff;}

.main_body_container .main_body_content .mutation_link{text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; /*bottom: 46px;*/ bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .mutation_link span{margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;}
.main_body_container .main_body_content .mutation_link a{text-transform: uppercase; margin: 0 3px; text-decoration: underline; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial; -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 .main_body_container .main_body_content .mutation_link a:hover, .main_body_container .main_body_content .mutation_link a.active{color: #fe0101;}

.main_body_container .main_body_content .edit_mode{display: none; text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.main_body_container .main_body_content .edit_mode span{margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;}

.align_center {text-align: center;}





