/*GLOBAL*/
header,nav,section,article,aside,footer,hgroup{display:block;}
a{text-decoration:none; outline: 0; color:inherit;}
a img{border:none;}
.clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;}
.clear.hide{display: none !important;}
.relative{position: relative;}
.clear.not_desktop{display: none;}
.float_right{float:right; position: relative;}
.float_left{float:left; position: relative;}
.align-left{text-align: left !important}
.align-right{text-align: right !important}
.align-center{text-align: center !important; 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;}
.font_size{font-size: 0;}
.need{color: #cc0000;}
.color_orange{color: #ff5700 !important;}
.message_centering{box-shadow: 0 1px 20px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 20px 0px rgba(0,0,0,0.6); z-index: 999999; min-height: 0; position: absolute; top: -40px; 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: 0;}
.flash{max-width: 700px; margin: 0 auto; min-height: 0; font-size: 13px; line-height: 20px; font-weight: 400; padding: 10px 54px; clear: both; position: relative; letter-spacing: 0.5px;}
.flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;}
.alert-error {color: #fff; background: #d8001b;}
.alert-success{color: #fff; background: #009e08;}
.alert-info{color: #000; background: #eee;}
.blue{color: #0084c8;}
h1.main{font-size: 25px; font-weight: 300; line-height: 32px; text-transform: uppercase; margin: 0; padding: 0; text-align: left;}
h1.align_left{text-align: left !important;}
h1{color: #1a1a1a; font-size: 30px; line-height: 36px; font-weight: 600; margin: 0 0 20px; text-align: left;}
h2{color: #0084c8; font-size: 25px; line-height: 29px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
h2.center{z-index: 0; text-align: center; position: relative;}
h2.center::before{position: absolute; bottom: 50%; left: 0; right: 0; content: ""; display: block; border-bottom: 1px dashed #ddd;}
h2.center span{background: #C1C1C1; padding: 0 40px; position: relative; z-index: 10; display: inline-block; zoom: 1; *display: inline; font-size: 13px; font-weight: 300; line-height: 32px; text-transform: uppercase; letter-spacing: 5px; color: #FFFFFF}
h3{color: #000000; font-size: 20px; line-height: 24px; font-weight: 700; margin: 30px 0 10px; text-align: left;}
h4, h5, h6{color: #000000; font-size: 18px; line-height: 22px; font-weight: 700; margin: 30px 0 10px; text-align: left;}
p.center{text-align: center;}
p, strong, b, div, article, i, u, li, a, .text_page, label{font-size: 15px; font-weight: 400;}
strong, b{font-weight: 700}
sup{font-size: 12px;}
sub{font-size: 12px;}
article a, article a strong, article strong a{font-weight: 700; color: #0084c8; 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{text-decoration: none;}
article{margin: 0 auto; text-align: justify; line-height: 24px; word-wrap: break-word; overflow-wrap: break-word;}
article p, article div{margin:0 0 15px; text-align: justify; line-height: 24px;}
article .text_p{margin: 0; }
article > *:first-child{margin-top: 0;}
article > *:last-child{margin-bottom: 0;}
article > *:only-child{margin-top: 0; margin-bottom: 0;}
article ul{margin: 15px 0; padding: 0;}
article ul li{padding: 0 0 0 28px; margin: 5px 0; position: relative; font-weight: 400; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 11px 8px; background-size: 6px 9px;}
article ul ul{margin: 0; padding: 0; }
article ol{margin: 15px 0; padding: 0; counter-reset: item;}
article ol li{padding: 0 0 0 33px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;}
article ol li:before{position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; font-weight: 700; text-align: right; content: counter(item) ".";}
article ol ol{margin: 0; padding: 0;}
article ol ul{margin: 0; padding: 0;}
article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 9px 7px; background-size: 19px auto; padding: 0 0 0 33px;}
article ol ul li:before{display: none;}
article table.over{min-width: 100%; display: block; overflow-x: scroll;}
article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;}
article table caption{color: #1a1a1a; font-size: 20px; line-height: 24px; font-weight: 700; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}
article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 700; line-height: 20px; padding: 12px 16px; background: #0084c8; color: #fff; border: 1px solid #0084c8; border-right: 0;}
article table tr td{text-align: left; font-size: 14px; line-height: 20px; padding: 8px 16px; font-weight: 400; border: 1px solid #dadada;}
article table tr:nth-child(even) td{background: #fff;}
article table tr:nth-child(odd) td{background: rgba(223,223,223,0.2);}
article img{max-width: 100%; margin: 0 0 15px 4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;; }
article img.fr-fil{float: left; margin: 10px 30px 10px 0; display: block;}
article img.fr-fir{float: right; margin: 10px 0 10px 30px; display: block;}
input[type=text], input[type=password], input[type=submit], textarea{font-family: 'Open Sans', sans-serif, Arial; font-weight: 400; margin: 0;}
article, div, li{height: auto; min-height: 1px; max-height: 9999999px;}
.clear{min-height: 0; }
html{margin: 0 auto; padding: 0; background: #f1f1f1 ;}
body{user-select: none; color: #4d4d4d; -webkit-text-size-adjust: none; background: #fff; text-rendering: auto; margin: 0 auto; font-family: 'Open Sans', sans-serif, Arial; padding: 0; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}
html.overflow{overflow-y: hidden; touch-action: none;}
html.overflow:not(.notouch) body{position: fixed; overflow-y: hidden; touch-action: none;}
html:not(.overflow) body{top: initial !important; top: auto !important; }
.inside{position: relative; width: 90%; padding: 0 5%; max-width: 1640px; margin: 0 auto;}
.small_inside{position: relative; z-index: 100; width: 92%; padding: 0 4%; max-width: 1024px; margin: 0 auto;}
.btn{white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; padding: 9px 25px; font-size: 14px; line-height: 20px; font-weight: 400; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 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;}
.btn.big{font-size: 16px; font-weight: 700; line-height: 42px;}
.btn.radius{-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn.small{font-size: 12px; line-height: 28px; padding: 0 20px; text-transform: none;}
.btn.transform{text-transform: uppercase;}
.btn.line_height{line-height: 30px;}
.btn.text_shadow{text-shadow: 0 0 18px rgba(0,0,0,0.3);}
.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.ultra_margin_left{margin-left: 15px;}
.btn.ultra_margin_top{margin-top: 35px;}
.btn.ultra_margin_bottom{margin-bottom: 35px;}
.btn.ultra_margin_right{margin-right: 35px;}
.btn.ultra_margin_left{margin-left: 35px;}
.btn.arrow{padding: 0 48px 0 10px;}
.btn.arrow::before{position: absolute; content: ""; top: 50%; right: 10px; margin-top: -4px; width: 15px; height: 9px; display: block; background: url(../img/btn_arrow_blue.svg) no-repeat scroll center center; background-size: 15px 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;}
.btn.color_black{color: #00203d;}
.btn.color_white{color: #fff;}
.btn.color_blue{color: #0084c8;}
.btn.color_grey{color: #aaa;}
.btn.border_black{border: 1px solid #00203d;}
.btn.border_white{border: 1px solid #fff;}
.btn.border_blue{border: 1px solid #0084c8}
.btn.border_grey{border: 1px solid #ccc}
.btn.bg_black{background: #00203d;}
.btn.bg_white{background: #fff;}
.btn.bg_blue{background: #0084c8 }
.btn.bg_grey{background: #ccc }
.notouch .btn.arrow:hover::before, .notouch .hover_efekt .btn.arrow::before{right: 20px;}
.notouch .btn.arrow:hover, .notouch .hover_efekt .btn.arrow{color: #0084c8;}
.notouch .btn.no_design:hover, .notouch .item:hover .btn.no_design, .notouch .news:hover .btn.no_design{padding: 0 40px; color: #fff; background: #a04850; border: 1px solid #a04850;}
.notouch .btn.border_blue.color_white:hover{background: #0084c8; border: 1px solid #0084c8; color: #fff; text-shadow: none;}
.notouch .btn.border_blue.color_blue:hover, .btn.border_blue.color_blue.active{background: #0084c8; color: #fff;}
.notouch .btn.border_grey.color_grey:hover, .btn.border_grey.color_grey.active{border: 1px solid #0084c8; background: #0084c8; color: #fff;}
.notouch .btn.bg_blue.color_white:hover, .notouch .hover_efekt .btn.bg_blue.color_white, .notouch .hover_efekt .btn.bg_blue.color_white, .notouch .c_column *:not(.carrier_list):not(.partners_list) .item:hover .btn.bg_blue.color_white{background: #08263f;}
.notouch .btn.bg_black.color_white:hover, .notouch .c_column .item:hover .btn.bg_black.color_white{background: #0084c8;}
.notouch .btn.border_blue.bg_white.color_black:hover{background: #08263f; border: 1px solid #08263f; color: #fff;}
.notouch .btn.border_blue.bg_blue.color_white:hover{background: #08263f; border: 1px solid #08263f; color: #fff;}
.header_height{height: 68px; display: block; position: relative; width: 100%;}
header{z-index: 10000; width: 100%; margin: 0 auto; position: fixed; left: 0; right: 0; top: 0; display: block; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-transition: top 400ms ease, opacity 400ms ease; -moz-transition: top 400ms ease, opacity 400ms ease; -o-transition: top 400ms ease, opacity 400ms ease; -ms-transition: top 400ms ease, opacity 400ms ease; transition: top 400ms ease, opacity 400ms ease;}
header a.logo{width: 140px; height: 24px; display: block; float: left; margin: 22px 0;}
header a.logo img{width: 140px; height: 24px; display: block;}
header ul{font-size: 0; position: relative; margin: 0; padding: 0; float: right;}
header ul li{margin: 0 0 0 2px; padding: 19px 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; vertical-align: middle;}
header ul li a{display: block; position: relative; padding: 0 11px; text-align: center; color: #002b51; font-size: 13px; font-weight: 400; line-height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 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;}
header ul li.hassub > a:after {opacity: 0; bottom: -16px;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: #0084c8;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 ul li.hassub:hover > a:after{opacity: 1;}
header ul li.spec a{background: rgba(0,132,200,0.6); color: #fff;}
.notouch header ul li:hover a, header ul li.active a{background: #0084c8; color: #fff;}
header ul li ul{border: 1px solid #ccc; z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 50%; display: none; box-shadow: 0px 7px 12px 4px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 7px 12px 4px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.11); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
header ul li:hover ul{display: block;}
header ul li ul li {margin: 0; list-style: none; display: block; width: 100%; padding: 0;}
header ul li ul li a{border: 0 !important; border-top: 1px solid #ccc !important; background: #fff !important; text-transform: none; font-weight: 400; white-space: nowrap; display: block; padding: 9px 25px; line-height: 20px; text-align: center; color: #002b51 !important; -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;}
header ul li ul li:first-child a{border: 0 !important;}
.notouch header ul li ul li a:hover, header ul li ul li.active a{background: #0084c8 !important; color: #fff !important;}
header ul.lang{margin: 0 0 0 20px;}
header ul.lang li{margin: 0;}
header ul.lang li a{padding: 0 3px; font-weight: 600;}
.notouch header ul.lang li:hover a, header ul.lang li.active a{color: #0084c8; background: #fff;}
header .search_icon{background: none; border: 0; width: 30px; padding: 0; height: 68px; cursor: pointer; position: relative; margin: 0 0 0 20px; display: block; float: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .search_icon::before{opacity: 1; background: url(../img/header_search.svg) no-repeat scroll center center; background-size: 24px 24px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
header .search_icon::after{opacity: 0; background: url(../img/header_search_hover.svg) no-repeat scroll center center; background-size: 24px 24px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch header .search_icon:hover, header .search_icon:focus{color: #0084c8}
.notouch header .search_icon:hover::before, header .search_icon:focus::before{opacity: 0;}
.notouch header .search_icon:hover::after, header .search_icon:focus::after{opacity: 1;}
.page_small_img{display: block; position: relative; height: 360px; background: no-repeat scroll top center; background-size: cover;}
.page_small_img .in{align-items: center; height: 100%; display: flex; width: 90%; max-width: 1640px; margin: 0 auto;}
.page_small_img .in a.logo{display: flex; align-items: center; justify-content: center; background: #fff; width: 140px; height: 140px; border-radius: 70px;}
.page_small_img .in a.logo img{width: 102px; height: initial; display: block; padding: 0; margin: 0 auto;}
.page_small_img .in h1{font-size: 65px; line-height: 70px; color: #fff; font-weight: 300; margin: 0 0 0 30px; text-align: left; text-shadow: 0 0 18px rgba(0,0,0,0.3);}
@media screen and (max-width: 1440px){
.page_small_img{height: 300px;}
.page_small_img .in h1{font-size: 56px; line-height: 64px;}
}
@media screen and (max-width: 1280px){
.page_small_img{height: 260px;}
.page_small_img .in h1{font-size: 52px; line-height: 60px;}
}
@media screen and (max-width: 1024px){
.page_small_img{height: 220px;}
.page_small_img .in a.logo{width: 120px; height: 120px;}
.page_small_img .in a.logo img{width: 80px;}
.page_small_img .in h1{font-size: 44px; line-height: 54px;}
}
@media screen and (max-width: 500px){
.page_small_img{height: 160px;}
.page_small_img .in a.logo{width: 100px; height: 100px;}
.page_small_img .in a.logo img{width: 70px;}
.page_small_img .in h1{margin: 0 0 0 20px; font-size: 38px; line-height: 50px;}
}
.specialization{text-align: center; padding: 80px 0; width: 100%; position: relative; display: block; z-index: 100; overflow: hidden;}
.specialization .left_side{opacity: 0; padding: 0 5% 0 0; margin-right: -4px; width: 600px; display: inline-block !important; zoom: 1; *display: inline; vertical-align: middle;}
.specialization .left_side .item{display: block; width: 440px; height: 440px; position: relative;}
.specialization .left_side .item .img{background: #000; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; 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; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.specialization .left_side .item .title{width: 236px; height: 236px; background: #fff; display: table; position: absolute; right: -81px; bottom: 10px; -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px;}
.specialization .left_side .item .title .centering{display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 30px; line-height: 36px; font-weight: 300; text-align: center; color: #00203d;}
.specialization .right_side{max-width: 400px; width: calc(90% - 600px ); margin-right: -4px; padding: 0 0 0 5%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.specialization .right_side h1{font-size: 16px; line-height: 20px; margin: 0; padding: 0; font-weight: 400; text-align: left; text-transform: uppercase; color: #0084c8;}
.specialization .right_side ul{margin: 0 ; padding: 15px 0 0;}
.specialization .right_side ul li{list-style: none; display: block;}
.specialization .right_side ul li a, .project_list .right_side ul li span{display: block; position: relative; font-size: 15px; line-height: 22px; color: #00203d; text-align: left; padding: 6px 0 6px 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;}
.specialization .right_side ul li a::before, .project_list .right_side ul li span::before{opacity: 0; display: block; content: ""; position: absolute; left: 10px; top: 12px; width: 8px; height: 8px; background: #0084c8; -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 .specialization .right_side ul li a:hover, .notouch .specialization .right_side ul li span:hover{color: #00203d;}
.specialization .right_side ul li a.active, .specialization .right_side ul li span.active{color: #00203d; font-weight: 700;}
.notouch .specialization .right_side ul li a:hover::before, .specialization .right_side ul li a.active::before,
.notouch .specialization .right_side ul li span:hover::before, .specialization .right_side ul li span.active::before{opacity: 1;}
.box_list{background-image: url(../img/main_hp_bg.jpg); background-color: #00203d; padding: 120px 0; background-attachment: local; background-repeat: no-repeat; background-position: right top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.box_list .item{display: block; float: left; width: calc(100% / 3 - 1px);}
.box_list .item .icon{margin: 20px -4px 0 0; padding-right: 10px; width: 70px; height: 70px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.box_list .item .text{width: calc(100% - 80px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -4px;}
.box_list .item .text h2{letter-spacing: 3px; font-size: 13px; line-height: 18px; margin: 0; padding: 0; font-weight: 400; text-align: left; text-transform: uppercase; color: #0084c8;}
.box_list .item .text p.subtitle{font-size: 25px; line-height: 30px; margin: 0; padding: 10px 0; font-weight: 300; text-align: left; color: #fff;}
.box_list .item .text p.anotation{max-width: 294px; position: relative; font-size: 15px; line-height: 22px; margin: 0; padding: 15px 0 33px; font-weight: 400; text-align: left; color: #fff;}
.box_list .item .text p.anotation::before{position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 136px; background: #0084c8; height: 1px;}
.solution{display: block; width: 100%; position: relative;}
.solution > h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 60px 0 20px;}
.solution > h2:first-child{margin: 0 0 20px; padding: 0;}
.solution .risk{background: #0084c8; padding: 30px 0 30px 40px; display: block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.solution .risk ul{margin: 0; padding: 0;}
.solution .risk ul li{font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 300; padding: 0 0 0 43px; margin: 10px 0; position: relative; list-style-type: none; counter-increment: item; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 40%;}
.solution .risk ul li:before{font-size: 14px; line-height: 20px; color: #00203d; font-weight: 700; position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; text-align: right; content: counter(item) ".";}
.solution .spec_circle{z-index: 999; display: block; width: 602px; margin: 10px 0 50px 60px; position: relative;}
.solution .spec_circle::before{content: ""; position: absolute; top: 50%; right: -60px; width: 53px; height: 49px; margin-top: -24px; background: url(../img/system_arrow_right_black.svg) no-repeat; background-size: 100%; }
.solution .spec_circle::after{content: ""; position: absolute; top: 50%; left: -60px; width: 53px; height: 49px; margin-top: -24px; background: url(../img/system_arrow_left_black.svg) no-repeat; background-size: 100%; }
.solution .spec_circle p{padding: 7px 13px; cursor: pointer; text-align: center; position: relative; color: #00213E; font-size: 13px; line-height: 18px; font-weight: 400; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0; -webkit-border-radius: 20px; -moz-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; }
.solution .spec_circle p:nth-child(6), .solution .spec_circle p:nth-child(8){width: 180px;}
.solution .spec_circle p strong{color: #00213E; font-size: 14px; line-height: 18px; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.solution .spec_circle img.small{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 44px; height: 7px; margin: 21px 2px;}
.solution .spec_circle img.big{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 142px; height: 7px; margin: 17px 25px 17px 0;}
.notouch .solution .spec_circle p:hover, .solution .spec_circle p.active{color: #fff; background: #0084c8;}
.notouch .solution .spec_circle p:hover strong, .solution .spec_circle p.active strong{color: #fff;}
.solution .tabs{display: none;; vertical-align: top; width: 170px; margin: 0; padding: 0;}
.solution .tabs li{list-style: none; display: inline-block; zoom: 1; *display: inline;; position: relative; margin: 0 0 10px;}
/*
.solution .tabs li::before{z-index: 10; position: absolute; width: 0; left: 50%; margin-left: -11px; bottom: -39px; content: ""; display: none; width: 25px; height: 17px; height: 0; border-style: solid; border-width: 17px 0 0 25px; border-color: transparent transparent transparent #fff;}
.solution .tabs li::after{z-index: 0; position: absolute; width: 0; left: 50%; margin-left: -12px; bottom: -37px; content: ""; display: none; width: 25px; height: 17px; height: 0; border-style: solid; border-width: 17px 0 0 25px; border-color: transparent transparent transparent #e6e6e6;}
*/
.solution .tabs li a{position: relative; padding: 0 26px 3px 0; position: relative; border-bottom: 2px solid transparent; display: block; font-size: 14px; line-height: 18px; color: #4d4d4d; font-weight: 400;}
.solution .tabs li a::before{position: absolute; bottom: 0; left: 0; right: 26px; height: 2px; background: #0084c8; opacity: 0; display: block; 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;}
.solution .tabs li.active a{background: url(../img/drobky_arrow.svg) no-repeat scroll right center; background-size: 6px 9px;}
.solution .tabs li.active::before, .solution .tabs li.active::after{display: block;}
.notouch .solution .tabs li:hover a::before, .solution .tabs li.active a::before{opacity: 1;}
.solution .obsah_content{display: inline-block; zoom: 1; *display: inline; vertical-align: top; /*width: calc(100% - 290px);*/ width: 100%; /*margin: 0 0 0 25px;*/ /*border: 1px solid #e6e6e6;*/ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 50px 0 35px;}
.solution .obsah_content.hide{display: none; border: 0; padding: 25px 0; width: 100%;}
.solution .obsah_content .obsah{text-align: justify; display: none; 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;}
.solution .obsah_content .obsah.active{display: block;}
.solution .obsah_content .obsah h2.title{position: absolute; left: 0; padding: 0 20px 0 80px; top: -66px; line-height: 30px; font-size: 20px; font-weight: 400; color: #000000; margin: 0; background: #fff;}
.solution .obsah_content .obsah h2.title strong{line-height: 30px; font-size: 20px; font-weight: 700; color: #000000;}
.solution .obsah_content .obsah h2.title::before{display: block; content: ""; border: 1px solid #e6e6e6; background-color: #fff; width: 60px; height: 60px; display: block; position: absolute; top: 50%; left: 0; right: 0; margin: -30px 0 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.solution .obsah_content .obsah h2.title.icon1::before{background: url(../img/system_icon_1.svg) no-repeat scroll center center #fff; background-size: 80%;}
.solution .obsah_content .obsah h2.title.icon2::before{background: url(../img/system_icon_2.svg) no-repeat scroll center center #fff; background-size: 72%;}
.solution .obsah_content .obsah h2.title.icon3::before{background: url(../img/system_icon_3.svg) no-repeat scroll center center #fff; background-size: 60%;}
.solution .obsah_content .obsah h2.title.icon4::before{background: url(../img/system_icon_4.svg) no-repeat scroll center center #fff; background-size: 68%;}
.solution .obsah_content .obsah h2.title.icon5::before{background: url(../img/system_icon_5.svg) no-repeat scroll center center #fff; background-size: 77%;}
.solution .obsah_content .obsah h3.hide{display: none; font-size: 18px; line-height: 24px; font-weight: 700; margin: 30px 0 5px; padding: 0; }
.solution .obsah_content .obsah h3.hide.margin{margin: 0 0 5px;}
.info_mapa{margin: -40px 0 -1px; background: #ffd67c; position: relative; padding: 0;}
.info_mapa img{display: block; width: 100%; position: relative; top: 0; left: 0; z-index: 100; }
.info_mapa svg{display: block; width: calc(100% - 430px); position: absolute; top: 65px; left: 430px; z-index: 200;}
.info_mapa svg g{cursor: pointer;}
.info_mapa svg g > path:nth-child(2){position: relative; display: block; fill: #41C6F2; -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 .info_mapa svg g:hover > path:nth-child(2){fill: #00213E;}
.info_mapa img.img_1, .info_mapa svg.img_1{max-width: 1086px}
.info_mapa img.img_2, .info_mapa svg.img_2{max-width: 960px}
.info_mapa img.img_3, .info_mapa svg.img_3{max-width: 1051px}
.info_mapa img.img_4, .info_mapa svg.img_4{max-width: 954px}
.info_mapa img.img_5, .info_mapa svg.img_5{max-width: 1106px}
.info_mapa img.img_6, .info_mapa svg.img_6{max-width: 941px;}
.desktop_contact_hide{display: none;}
.person_list{position: relative; background: #fff; text-align: left; padding: 0 0;}
.person_list h4{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 0 0 20px;}
.person_list .item{overflow: hidden; height: 430px; margin: 2% -4px 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 32.33%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .item:nth-child(3n - 1){margin: 2% calc(2% - 4px) 0 2%}
.person_list .item span.img{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; 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; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.person_list .item .text{background: rgba(255,255,255,0.9); padding: 17px 15px; text-align: left; position: absolute; bottom: 25px; left: 25px; right: 25px; }
.person_list .item .text span.title{display: block; font-size: 15px; line-height: 22px; color: #000000; text-align: center; margin: 0; padding: 0; font-weight: 700;}
.person_list .item .text span.subtitle{font-style: italic; display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0 0 5px; font-weight: 400;}
.person_list .item .text span.mail, .person_list .item .text span.phone{display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0; font-weight: 500;}
.person_list .item .text span.mail a, .person_list .item .text span.phone a{font-size: 13px; line-height: 20px; color: #0084c8; text-align: center; margin: 0; padding: 0; font-weight: 500; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .person_list .item .text span.mail a:hover, .notouch .person_list .item .text span.phone a:hover{color: #08263f;}
.aside_person_list{position: relative; text-align: left; padding: 0 0;}
.aside_person_list h4{font-size: 22px; line-height: 26px; color: #000000; font-weight: 300; text-align: left; margin: 20px 0 15px;}
.aside_person_list .item{overflow: hidden; height: 430px; margin: 0; position: relative; display: block; width: 100%; -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_person_list .item span.img{height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; 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; -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_person_list .item .text{background: rgba(255,255,255,0.9); padding: 17px 15px; text-align: left; position: absolute; bottom: 25px; left: 25px; right: 25px; }
.aside_person_list .item .text span.title{display: block; font-size: 15px; line-height: 22px; color: #000000; text-align: center; margin: 0; padding: 0; font-weight: 700;}
.aside_person_list .item .text span.subtitle{font-style: italic; display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0 0 5px; font-weight: 400;}
.aside_person_list .item .text span.mail, .aside_person_list .item .text span.phone{display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0; font-weight: 500;}
.aside_person_list .item .text span.mail a, .aside_person_list .item .text span.phone a{font-size: 13px; line-height: 20px; color: #0084c8; text-align: center; margin: 0; padding: 0; font-weight: 500; -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_person_list .item .text span.mail a:hover, .notouch .aside_person_list .item .text span.phone a:hover{color: #08263f;}
@media screen and (max-width: 1024px){
aside .video_title{display: none;}
aside .kariera_video{display: none;}
}
.news{padding: 110px 0 170px;}
.news h3{font-size: 16px; line-height: 20px; margin: 0; padding: 0 0 40px; font-weight: 400; text-align: center; text-transform: uppercase; color: #0084c8;}
.news .img{position: relative; z-index: 0; margin-right: -5px; width: 50%; max-width: 810px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; height: 400px;}
.news .img .item{height: 400px; position: relative; width: 100%; background-attachment: local; background-repeat: no-repeat; background-position: 50% center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.news .text{z-index: 10; position: relative; margin-right: -5px; width: 40%; width: calc(50% - 140px); padding-left: 140px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.news .text .top{margin: 0; width: 100%; display: block;}
.news .text .top span{font-size: 13px; line-height: 18px; color: #0084c8; font-weight: 400; display: block;}
.news .text .top span.date{float: left;}
.news .text .top span.section{float: right;}
.news .text .title{display: block; font-size: 23px; line-height: 32px; padding: 15px 0; color: #00203d; font-weight: 300; text-transform: uppercase; text-align: left; margin: 0; position: relative;}
.news .text .title a{display: block; font-size: 23px; line-height: 32px; color: #00203d; font-weight: 300; text-transform: uppercase; -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 .text.hover_efekt .title a{color: #0084c8;}
.news .text .anotation{position: relative; font-size: 15px; line-height: 22px; margin: 0; padding: 0 0 18px; font-weight: 400; text-align: left; color: #00203d;}
.news .text .anotation::before{position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 136px; background: #0084c8; height: 1px;}
.news .news_slider .owl-controls{z-index: 10; position: absolute; left: 0; right: 50%; bottom: -54px; margin: 0;}
.news .news_slider .owl-controls.clickable .owl-page span, .news .news_slider .owl-controls .owl-page span{margin: 0 6px 12px; width: 10px; height: 10px; border: 1px solid #00203d; 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 .news .news_slider .owl-controls.clickable .owl-page:hover span, .news .news_slider .owl-controls .owl-page.active span{background: #00203d;}
.news_list{width: 100%; padding: 0; margin: 0 0 -40px;}
.news_list .item{border: 1px solid #f2f2f2; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(31.4% - 2px); margin: 0 calc(2% - 4px) 4% 0; background: #fff;}
.solution .news_list .item:nth-child(4){display: none;}
.news_list .item.mix{display: none;}
.news_list .item span.text{padding: 25px 25px 30px; display: block;}
.news_list .item span.img{display: block; height: 160px; 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 .item span.date{float: left; display: block; padding: 10px 0; font-size: 14px; line-height: 20px; color: #0084c8; text-align: left; }
.news_list .item span.section{float: right; display: block; padding: 10px 0; font-size: 14px; line-height: 20px; color: #0084c8; text-align: left; }
.news_list .item span.section strong{font-size: 14px; line-height: 20px; color: #0084c8; font-weight: 700; }
.news_list .item span.title{float: none; display: block; margin: 0 0 10px; height: 40px; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 20px; color: #00203d; 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 .item:hover span.title{color: #0084c8;}
.news_list .item span.anotation{height: 60px; overflow: hidden; float: none; display: block; margin: 10px 0; padding: 0; font-size: 13px; line-height: 20px; color: #00203d; text-align: justify; }
@media screen and (max-width: 768px) {
.news_list.kariera_lide_satum{margin: 0;}
}
.carrier_list{display: block; width: 100%; position: relative;}
.carrier_list.new_carrier{margin-top: 15px;}
.carrier_list > h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 60px 0 20px;}
.carrier_list.new_carrier > h2{margin-top: 0;}
.carrier_list .item{display: block; padding: 25px 20px; margin: 0 0 20px; position: relative; border: 1px solid #f2f2f2;}
.carrier_list .item h3{padding: 0; margin: 0;}
.carrier_list .item h3 a{display: block; padding: 0 0 10px; font-size: 18px; line-height: 24px; color: #00203d; 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 .carrier_list .item h3 a:hover{color: #0084c8;}
.carrier_list .item .sub{position: relative; margin: 0; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #00203d; line-height: 28px; text-align: left; padding: 0; margin-bottom: 0;}
.carrier_list .item .sub::before{position: absolute; bottom: 0; left: 0; height: 2px; width: 48px; display: none; content: ""; background: #c5c5c5;}
.carrier_list .item .anotation{display: block; padding: 0; font-size: 14px; line-height: 20px; color: #00203d; text-align: justify; }
.contact_list{display: block; width: 100%; position: relative;}
.contact_list > h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 60px 0 20px;}
.contact_list > h2:nth-child(1){margin-top: 0;}
.contact_list .item{display: block; padding: 25px 20px; margin: 0 0 20px; position: relative; border: 1px solid #f2f2f2;}
.contact_list .item .text{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 270px;}
.contact_list .item h3{padding: 0; margin: 0; display: block; padding: 0 0 10px; font-size: 18px; line-height: 24px; color: #00203d; text-align: left;}
.contact_list .item .sub{position: relative; margin: 0; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #00203d; line-height: 28px; text-align: left; padding: 5px 0; margin-bottom: 0;}
.contact_list .item .sub::before{position: absolute; bottom: 0; left: 0; height: 2px; width: 48px; display: none; content: ""; background: #c5c5c5;}
.contact_list .item .anotation{margin: 0 0 20px; display: block; padding: 0; font-size: 14px; line-height: 20px; color: #00203d; text-align: left; }
.contact_list .item .anotation strong{text-align: left; font-size: 14px; line-height: 20px; font-weight: 700;}
.contact_list .item .anotation a{color: #0084c8; font-size: 14px; line-height: 20px; 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 .contact_list .item .anotation a:hover{color: #08263f}
.contact_list .item .img{height: 200px; margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 30%; 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;}
.contact_list .item .mapa{position: relative; height: 200px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(100% - 270px - 30% - 8px); background: #f9f9f9;}
.contact_list .item .mapa .id_map{width: 100%; height: 200px; position: relative; z-index: 0; background-repeat: no-repeat; background-position: center center;}
.contact_list .item .mapa > a{background: #0084c8; color: #fff; line-height: 32px; padding: 0 8px; font-size: 13px; font-weight: 400; position: absolute; left: 0; bottom: 0; z-index: 100; -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 .mapa > a:hover{background: #08263f;}
.contact_person_omni h3{ margin-top: 0;}
.contact_person_box{overflow: hidden; margin-top: 10px; height: 330px; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 280px; -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_person_box span.img{display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; 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; -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_person_box .text{background: rgba(255,255,255,0.9); padding: 17px 15px; text-align: left; position: absolute; bottom: 25px; left: 25px; right: 25px; }
.contact_person_box .text span.title{display: block; font-size: 15px; line-height: 22px; color: #000000; text-align: center; margin: 0; padding: 0; font-weight: 700;}
.contact_person_box .text span.subtitle{font-style: italic; display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0 0 5px; font-weight: 400;}
.contact_person_box .text span.mail, .contact_person_box .text span.phone{display: block; font-size: 13px; line-height: 20px; color: #4d4d4d; text-align: center; margin: 0; padding: 0; font-weight: 500;}
.contact_person_box .text span.mail a, .contact_person_box .text span.phone a{font-size: 13px; line-height: 20px; color: #0084c8; text-align: center; margin: 0; padding: 0; font-weight: 500; -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_person_box .item .text span.mail a:hover, .notouch .contact_person_box .text span.phone a:hover{color: #08263f;}
@media screen and (max-width: 1160px) {
.contact_person_box{height: 270px; width: 220px;}
}
@media screen and (max-width: 1024px){
.contact_person_omni h3{font-size: 18px; line-height: 24px;}
}
@media screen and (max-width: 600px){
.contact_person_omni h3{font-size: 16px; line-height: 22px;}
}
/*
.carrier_box{display: flex; flex-wrap: wrap;}
.carrier_box .item{border: 1px solid #f2f2f2; padding: 25px 20px; width: calc(50% - 20px); margin-right: 20px; margin-top: 20px; box-sizing: border-box;}
.carrier_box .item:nth-child(2n){margin-right: 0;}
.carrier_box .item:nth-child(-n + 2){margin-top: 0;}
.carrier_box .item h3{padding: 0; margin: 0; display: block; padding: 0 0 10px; font-size: 18px; line-height: 24px; color: #00203d; text-align: left;}
.carrier_box .item h3 a{display: block; padding: 0 0 10px; font-size: 18px; line-height: 24px; color: #00203d; 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 .carrier_box .item h3 a:hover{color: #0084c8;}
*/
.pobocky_box{margin-top: 30px;}
.pobocky_box label{font-weight: 600; display: block; margin-bottom: 16px;}
.pobocky_box label h3{margin: 0;}
.pobocky_box .sbHolder{position: relative; color: #bbb; width: 195px; background: #0084c8; margin: 0; margin-bottom: 20px; z-index: 10; padding: 0; box-sizing: border-box; border: 1px solid #fff;}
.pobocky_box .sbHolder .sbToggle{margin: 0; z-index: 999; background: url(../../img/arrow_down_small.svg) no-repeat scroll center center; background-size: 11px 11px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px;}
.pobocky_box .sbHolder .sbToggle.sbToggleOpen{background: url(../../img/arrow_down_small.svg) no-repeat scroll center center; background-size: 11px 11px; }
.pobocky_box .sbHolder a.sbSelector{margin: 0; white-space: nowrap; z-index: 998; display: block; color: #fff !important; font-size: 14px; line-height: 20px; padding: 12px 70px 12px 20px; font-weight: 400; width: calc(100% - 120px); text-align: left; text-decoration: none;}
.pobocky_box .sbHolder span{display: block; left: 0; padding: 8px 14px; color: #fff;}
.pobocky_box .sbOptions{max-height: 300px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px; -webkit-box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px -4px rgba(0,0,0,0.3);}
.pobocky_box .sbOptions li:nth-child(1){display: none;}
.pobocky_box .sbOptions a{text-decoration: none; border: 1px solid #dbdbdb; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 14px; font-size: 13px; line-height: 16px; margin: 0; font-weight: 400; color: #000000 !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;}
.pobocky_box .sbOptions li:nth-child(2) a{border-top: 1px solid #dbdbdb;}
.notouch .pobocky_box .sbOptions a:hover{padding: 6px 14px !important; background: #0084c8 !important; color: #fff !important;}
@media screen and (max-width: 500px){
.pobocky_box .sbHolder{width: 100%;}
}
.carrier_no_results{margin: 30px 0 50px;}
.carrier_article_bottom{margin: 30px 0 60px;}
.landing{width: 100%; display: block;}
.landing ul{margin: 0; padding: 0 0 20px;}
.landing ul li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
aside .landing ul li{display: block;}
p.main_info{font-size: 14px; line-height: 20px; font-weight: 400;}
p.main_info strong{font-size: 14px; line-height: 20px; font-weight: 700;}
p.main_info a{color: #0084c8; font-size: 14px; line-height: 20px; 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 p.main_info a:hover{color: #08263f}
p.main_info span:last-of-type{display: none;}
p.form_text{font-size: 14px; line-height: 20px; font-weight: 700; margin: 50px 0 -15px;}
.partners_list{width: 100%; display: block; position: relative; padding: 0}
.partners_list.mix{display: none;}
.partners_list h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 20px 0 30px;}
.partners_list h2 a{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left;}
.partners_list:first-child h2:first-child{margin: 0 0 30px; padding: 0;}
.partners_list .item{display: block; margin-bottom: 50px;}
.partners_list.problematika .img{height: 160px; 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;}
.partners_list .img{width: 315px; border: 1px solid #fff; display: inline-block; zoom: 1; *display: inline; vertical-align: top; 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;}
.notouch .partners_list .hover_efekt .img{border: 1px solid #f1f1f1;}
.partners_list.center .img{vertical-align: middle;}
.partners_list.center .text{vertical-align: middle;}
.grey_row .partners_list .img{border: 1px solid #f2f2f2;}
.notouch .grey_row .partners_list .hover_efekt .img{border: 1px solid #f2f2f2;}
.grey_row .partners_list .img a span img{margin: 0 auto; max-width: 100%;}
.partners_list .img label{display: block; width: 100%;}
.partners_list .img label span{display: block; width: 100%;}
.partners_list .img label span img{margin: 10px auto; display: block; width: initial; width: auto; max-width: 80%;}
.partners_list .text{width: calc(100% - 370px); padding-left: 40px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.partners_list .text .title{display: block; margin: 0 !important; padding: 0; font-size: 18px; line-height: 24px;}
.partners_list .text .title{font-size: 18px; line-height: 24px; color: #00203d; font-weight: 700; text-transform: uppercase; 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 .partners_list .item:hover .text .title{color: #0084c8;}
.partners_list .text .sub{position: relative; margin: 0; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #00203d; line-height: 28px; text-align: left; padding: 5px 0; margin-bottom: 0;}
.partners_list .text .sub::before{position: absolute; bottom: 0; left: 0; height: 2px; width: 48px; display: none; content: ""; background: #c5c5c5;}
.partners_list .text .anotation{display: block; margin: 10px 0; font-size: 15px; line-height: 22px; padding: 0; font-weight: 400; text-align: left; color: #00203d;}
.partners_list .text .name{display: block; font-size: 14px; font-weight: 700; color: #00203d; line-height: 20px; text-align: left;}
.partners_list .text .name span{font-size: 14px; font-weight: 300; color: #929292; line-height: 20px; text-align: left;}
.soubory_list{width: 100%; display: block; position: relative; padding: 0 0 50px}
.soubory_list.padding{padding: 40px 0 0;}
.soubory_list h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 20px 0 30px;}
.soubory_list .item{width: calc(100% / 3 - 30px); display: inline-block; zoom: 1; *display: inline; margin: 0 -4px 20px 0; background: #fff; border: 1px solid #f1f1f1;}
.soubory_list .item:nth-child(3n - 1){margin: 0 15px;}
.soubory_list .img{ padding: 6px; width: 98px; display: inline-block; zoom: 1; *display: inline; 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;}
.soubory_list .img a{display: table; height: 98px; width: 100%;}
.soubory_list .img a span{display: table-cell; vertical-align: middle; width: 100%;}
.soubory_list .img a span img{margin: 0 auto; display: block; max-width: 98px; max-height: 98px;}
.soubory_list .text{width: calc(100% - 145px); padding: 0 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.soubory_list .text h2{margin: 0; padding: 0; font-size: 16px; line-height: 22px; }
.soubory_list .text h2 a{font-size: 16px; line-height: 22px; color: #00203d; font-weight: 400; text-transform: uppercase; 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 .soubory_list .hover_efekt .text h2 a{color: #0084c8;}
.drobky{background: #f2f2f2; z-index: 100; position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 0;}
.drobky.hide{display: none;}
.drobky ul{margin: 0; padding: 22px 0; text-align: left;}
.drobky ul li{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; margin: 2px -4px 2px 0; }
.drobky ul li.first a{padding: 0 13px 0 0; width: 14px; height: 20px;}
.drobky ul li.first a::before{position: absolute; left: 0; top: 0; content: ""; width: 14px; height: 20px; background: url(../img/drobky_home.svg) no-repeat scroll center center; background-size: 14px 20px; 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;}
.drobky ul li.first a::after{position: absolute; left: 0; top: 0; content: ""; width: 14px; height: 20px; background: url(../img/drobky_home_hover.svg) no-repeat scroll center center; background-size: 14px 20px; 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 .drobky ul li.first a:hover::before{opacity: 0;}
.notouch .drobky ul li.first a:hover::after{opacity: 1;}
.drobky ul li a{white-space: nowrap; position: relative; display: block; color: #1a1a1a; font-size: 12px; line-height: 24px; font-weight: 400; padding: 0 13px; -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: #0084c8;}
.drobky ul li span{white-space: nowrap; display: block; color: #1a1a1a; font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 1px; padding: 0 0 0 13px;}
#content{position: relative;}
#content{min-height: calc(100vh - 360px - 62px)}
@media screen and (max-width: 1440px){
#content{min-height: calc(100vh - 300px - 62px)}
}
@media screen and (max-width: 1280px){
#content{min-height: calc(100vh - 260px - 62px)}
}
@media screen and (max-width: 1024px){
#content{min-height: calc(100vh - 220px - 62px)}
}
@media screen and (max-width: 500px){
#content{min-height: calc(100vh - 160px - 62px)}
}
#content a.scroll_top{z-index: 9999; opacity: 0; position: fixed; right: 30px; bottom: -20px; width: 40px; height: 40px; background: url(../img/scroll_arrow.png) no-repeat scroll center center #bbb; 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; }
#content a.scroll_top.active{opacity: 1; bottom: 30px;}
.notouch #content a.scroll_top:hover{background-color: #777;}
aside{opacity: 1; z-index: 999; position: relative; width: 330px; display: block; float: left; padding: 90px 0;}
aside .box{background: #fff; border: 1px solid #f1f1f1; padding: 20px}
aside .box p.title{font-size: 20px; line-height: 28px; position: relative; padding: 20px 0 5px; }
aside .box p.title.blue{padding: 10px 0 5px; margin: 0;}
aside .box p.title:not(.blue)::before{position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 136px; background: #0084c8; height: 1px;}
aside .box p.subtitle{font-size: 16px; line-height: 22px; position: relative; padding: 15px 0 5px; }
aside .box p.subtitle::before{position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 80px; background: #0084c8; height: 1px;}
aside .box p{margin: 0 0 15px; font-size: 13px; line-height: 18px; font-weight: 400; text-align: left;}
aside .box p.copy{margin: 20px 0 15px;}
aside .box p:last-of-type{margin: 0;}
aside .box p strong{font-weight: 700; font-size: 13px; line-height: 18px;}
aside .box p a{text-decoration: underline; font-weight: 600; font-size: 13px; line-height: 16px; display: inline-block; padding: 0 0 5px;}
aside .box p a.margin{margin-bottom: 10px;}
.notouch aside .box p a:hover{text-decoration: none;}
aside ul{margin: 0; padding: 0;}
aside ul li{list-style: none; display: block; margin: 0;}
aside ul li a{display: block; position: relative; font-size: 14px; line-height: 22px; color: #00203d; text-align: left; padding: 4px 0 4px 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;}
aside ul li a::before{opacity: 1; display: block; content: ""; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: none; border: 1px solid #0084C8; -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 aside ul li a:hover{color: #0084C8;}
aside ul li.active a{color: #00203d; font-weight: 700;}
.notouch aside ul li a:hover::before, aside ul li.active a::before{background: #0084C8;}
.c_column{width: calc(100% - 380px); position: relative; display: block; float: right; padding: 90px 0 90px 50px;}
.contact_page{padding: 0; width: 100%; position: relative;}
.contact_page h1{text-align: center; font-size: 30px; margin: 0; padding: 45px 0 75px; text-transform: uppercase; line-height: 40px; font-weight: 700;}
.contact_page .item{position: relative; padding: 20px 4%; float: left; width: calc((100% - 4px - 16%) / 3)}
.contact_page .item::before{width: 1px; height: 196px; position: absolute; left: 0; top: 0; margin-top: 0; background: #eaeaea; display: block; content: "";}
.contact_page .item.first{padding: 20px 4% 20px 0;}
.contact_page .item.first::before{display: none;}
.contact_page .item.last{padding: 20px 0 20px 4%;}
.contact_page .item .box{display: table; width: 100%;}
.contact_page .item .box .centering{display: table-cell; width: 100%; vertical-align: middle;}
.contact_page .item p.title{font-size: 20px; line-height: 26px; color: #1a1a1a; font-weight: 600; margin: 0; padding: 0 0 20px;}
.contact_page .item p{font-size: 14px; line-height: 20px; color: #1a1a1a; font-weight: 400; margin: 0 0 20px; padding: 0;}
.contact_page .item p strong{display: block; font-size: 14px; line-height: 20px; color: #1a1a1a; font-weight: 700;}
.contact_page .item img{max-width: 100%;}
.risk_list{display: block; margin: 30px 0; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; background: #f2f2f2;}
.risk_list .desktop_version{padding: 30px 30px 22px; display: block; font-size: 0;}
.risk_list .ipad_version{padding: 30px 30px 22px; display: none; font-size: 0;}
.risk_list .mobile_version{padding: 30px 30px 22px; display: none; font-size: 0;}
.risk_list ul{display: inline-block; padding: 0; margin: 0; vertical-align: top;}
.risk_list .desktop_version ul{width: calc(33.33%);}
.risk_list .ipad_version ul{width: calc(50%);}
.risk_list .mobile_version ul{width: calc(100%);}
.risk_list ul li{list-style: none; display: block; position: relative; padding: 0 0 8px;}
.risk_list ul li a{display: block; padding: 0 0 0 20px; position: relative; font-size: 13px; line-height: 18px; color: #000; font-weight: 400; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.risk_list ul li a::before{width: 8px; height: 8px; border: 1px solid #0084c8; content: ""; display: block; position: absolute; left: 0; top: 4px; -webkit-border-radius: 30px; border-radius: 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 .risk_list ul li a:hover{color: #0084c8;}
.notouch .risk_list ul li a:hover::before{background: #0084c8;}
@media screen and (max-width: 1200px) {
.risk_list .desktop_version{display: none;}
.risk_list .ipad_version{display: block;}
.risk_list .mobile_version{display: none;}
}
@media screen and (max-width: 650px) {
.risk_list .desktop_version{display: none;}
.risk_list .ipad_version{display: none;}
.risk_list .mobile_version{display: block;}
}
.shop_list { width: 100%; text-align: left; margin: 0;}
.shop_list .item { position: relative; text-align: center; display: inline-block; vertical-align: top; width: calc(25% - 45px / 4 - 3px); margin: 15px 0 0; -webkit-box-shadow: 0px 0px 10px -4px rgba(64,32,32,0.5); box-shadow: 0px 0px 10px -4px rgba(64,32,32,0.5); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.shop_list .item::before{ z-index: 10; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000000; opacity: 0; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .shop_list .item:hover::before{opacity: 0.5;}
.shop_list .item:nth-child(4n - 1) { margin: 15px 15px 0;}
.shop_list .item:nth-child(4n - 2) { margin: 15px 0 0 15px;}
.shop_list .item:nth-child(-n + 4) { margin-top: 0;}
.shop_list .item .img{z-index: 0; position: relative; width: calc(100% - 40px); display: block; padding: 0 0 30%; margin: 20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;}
/*.shop_list .item .img{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;}
.shop_list .item .img.grayscale-replaced {-webkit-filter: none; filter: none;}
.shop_list .item .img.grayscale-replaced > svg {-webkit-transition: opacity .5s ease; transition: opacity .5s ease;opacity: 1;}
.shop_list .item .img.grayscale-replaced.grayscale-off > svg, .shop_list .item .img.grayscale-replaced.grayscale-fade:hover > svg {opacity: 0;} */
.shop_list .item .title{letter-spacing: 1px; z-index: 20; opacity: 0; left: 20px; right: 20px; font-size: 13px; line-height: 18px; color: #fff; font-weight: 700; margin: 0; text-transform: none; position: absolute; top: 50%; -webkit-transform: translateZ(0) translateY(-50%); transform: translateZ(0) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.shop_list .item.no_img .title{color: #000; opacity: 1;}
.notouch .shop_list .item:hover .title{opacity: 1; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
@media screen and (max-width: 1600px) {
.shop_list .item{width: calc(33.33% - 30px / 3 - 3px); margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 2){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 4){margin-top: 15px;}
.shop_list .item:nth-child(3n - 1){margin: 15px 15px 0;}
.shop_list .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 1120px) and (min-width: 1025px) {
.shop_list .item{width: calc(50% - 15px / 2 - 3px); margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 2){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 4){margin-top: 15px;}
.shop_list .item:nth-child(3n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 3){margin-top: 15px;}
.shop_list .item:nth-child(2n){margin: 15px 0 0 15px;}
.shop_list .item:nth-child(-n + 2){margin-top: 0;}
}
@media screen and (max-width: 850px){
.shop_list .item{width: calc(50% - 15px / 2 - 3px); margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 2){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 4){margin-top: 15px;}
.shop_list .item:nth-child(3n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 3){margin-top: 15px;}
.shop_list .item:nth-child(2n){margin: 15px 0 0 15px;}
.shop_list .item:nth-child(-n + 2){margin-top: 0;}
}
@media screen and (max-width: 550px) {
.shop_list .item{width: 100%; margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(4n - 2){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 4){margin-top: 15px;}
.shop_list .item:nth-child(3n - 1){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 3){margin-top: 15px;}
.shop_list .item:nth-child(2n){margin: 15px 0 0;}
.shop_list .item:nth-child(-n + 2){margin-top: 15px;}
.shop_list .item:nth-child(1){margin-top: 0;}
}
.reg_form{position: relative; width: 100%; margin: 30px 0; }
.reg_form .box{display: inline-block; background: #f9f9f9; border: 1px solid #eee; padding: 25px 20px;}
.reg_form table{border-collapse: separate; border-spacing: 10px;}
.reg_form table th{max-width: 250px; min-width: 70px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; text-align: right; padding: 0 0 0 30px; margin: 0; vertical-align: middle;}
.reg_form table th:first-child{padding-left: 0;}
.reg_form table th span{font-size: 1em; line-height: 1em; color: #ff0000; font-weight: 700;}
.reg_form table td{position: relative;}
.reg_form.search table td:nth-child(1){width: 100%;}
.reg_form table tr.empty td{height: 8px;}
.reg_form table td input[type=text], .reg_form table td input[type=password]{width: 230px; background: #fff; border: 1px solid #eee; font-size: 13px; line-height: 18px; padding: 8px 3%; 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;}
.reg_form.search table td input[type=text]{width: 94%; padding: 6px 3%; max-width: 100%;}
.reg_form table td textarea{width: calc(94% - 2px); max-width: 100%; resize: none; overflow: auto; height: 80px; background: #fff; border: 1px solid #eee; font-size: 13px; line-height: 18px; padding: 8px 3%; 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;}
.reg_form table td input[type=text]:focus, .reg_form table td input[type=password]:focus, .reg_form table td textarea:focus{border: 1px solid #0084c8;}
.reg_form table td{font-size: 16px; line-height: 20px; color: #000; font-weight: 400; text-align: left; padding: 0; margin: 0; vertical-align: middle;}
.reg_form table td > span{margin-left: 5px; font-size: 1em; line-height: 1em; color: #ff0000; font-weight: 700;}
.reg_form table td input[type="text"].uploadFile{width: calc(94% - 2px - 123px); float: left; position: relative; z-index: 0;}
.reg_form table td .uploadBtn{width: 100%;}
.reg_form table td .fileUpload {position: absolute;top: 0; left: 0;z-index: 999;overflow: hidden;margin: 0;float: left;padding: 0 0 0 calc(100% - 123px)}
.reg_form table td .fileUpload span{margin: 3px 0 3px 5px;}
.reg_form table td .fileUpload input[type=file] {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;display: block;opacity: 0;filter: alpha(opacity=0);}
.reg_form table td .sbHolder{border: 1px solid #000; position: relative; font-size: 14px; font-weight: 400; width: 100%; min-width: 220px; margin: 0; background: #fff}
.reg_form table td .sbHolder .sbToggle{position: absolute; background: url(../img/arrow_down_small.png) no-repeat scroll 9px center; right: 0; top: 0; height: 100%; width: 30px;}
.reg_form table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/arrow_down_small.png) no-repeat scroll -31px center;}
.reg_form table td .sbHolder a.sbSelector{position: relative; display: block; text-align: left; color: #000; font-weight: 400; font-size: 14px; line-height: 18px; padding: 7px 30px 7px 15px;}
.reg_form table td .sbOptions{width: 100%; z-index: 10; position: absolute; left: -1px; right: -1px; border: 1px solid #000; border-top: none; margin: 0; padding: 0; top: 100% !important; background: #fff;}
.reg_form table td .sbOptions li{position: relative; list-style: none; width: 100%; }
.reg_form table td .sbOptions li:first-child{display: none; }
.reg_form table td .sbOptions a{display: block; height: auto; background: #fff; padding: 7px 15px; font-size: 14px; border-top: 1px solid #000; line-height: 18px; text-align: left; margin: 0; font-weight: 400; color: #000; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;}
.reg_form table td .sbOptions a:hover{background: #f3f3f3;}
.reg_form p.spec{line-height: 40px; margin: 0; padding: 5px 20px 0; display: block;}
.reg_form p.spec span{font-size: 1em; line-height: 1em; color: #ff0000; font-weight: 700;}
.reg_form .checker{float: none; display: inline-block; zoom: 1; *display: inline;}
.sign{background: #333333; padding: 0; text-align: center;}
.sign a{padding: 21px 4%; color: #989898; font-weight: 400; font-size: 14px; line-height: 20px; 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: #fff;}
.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; 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: 700; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;}
.control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 13px; line-height: 20px; font-weight: 400; margin: 10px 0; text-align: center;}
.control_popup .box .text p{margin: 0; }
.control_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;}
.control_popup .box .btn{z-index: 100; position: relative;}
.video_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 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;}
.video_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; }
.video_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.video_popup .boxes{min-width: 200px; text-align: center; position: relative; max-width: 600px; padding: 40px 60px; left: 0; display: inline-block; zoom: 1; *display: inline; -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;}
.video_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 13px; line-height: 20px; font-weight: 400; margin: 10px 0; text-align: center;}
.video_popup .box .text iframe{width: 500px; height: 280px;}
.video_popup .box .btn{z-index: 100; position: relative;}
.file_list{width: 100%; margin: 0;}
.file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000; display: block; float: left; margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 10px 0;}
.file_list .item:nth-child(-n + 5){margin-top: 0;}
.file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center top; -webkit-background-size: contain; background-size: contain;}
.file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;}
.file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;}
.file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #f2f3f3; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a{text-decoration: none; font-size: 13px; color: #535353; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .clas_item:hover{border: 1px solid #53ac36; background: #53ac36;}
.notouch .file_list .clas_item:hover a{color: #ffffff;}
.notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;}
@media screen and (max-width: 1280px) {
.file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;}
.file_list .item:nth-child(-n + 4){margin-top: 0;}
}
@media screen and (max-width: 1100px) {
.file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 4){margin-top: 10px;}
.file_list .item:nth-child(3n - 1){margin: 10px 10px 0;}
.file_list .item:nth-child(-n + 3){margin-top: 0;}
}
@media screen and (max-width: 700px) {
.file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;}
.file_list .item:nth-child(5n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(5n - 3){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 5){margin-top: 10px;}
.file_list .item:nth-child(4n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(4n - 2){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 4){margin-top: 10px;}
.file_list .item:nth-child(3n - 1){margin: 10px 0 0;}
.file_list .item:nth-child(-n + 3){margin-top: 10px;}
.file_list .item:nth-child(2n){margin: 10px 0 0 10px;}
.file_list .item:nth-child(-n + 2){margin-top: 0;}
}
.file_list .item_class{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #3a3d3e; margin: 0 6px 10px 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 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; }
.file_list .item_class a{text-decoration: none; /*background: url(../img/empty_file_icon.png) no-repeat scroll 20px center;*/ font-size: 13px; color: #3a3d3e; font-weight: 600; line-height: 24px; 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_class a span{font-size: 13px; color: #3a3d3e; font-weight: 600; line-height: 24px; 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 .file_list .item_class:hover{border: 1px solid #0084c8;}
.notouch .file_list .item_class:hover a{color: #0084c8;}
.notouch .file_list .item_class:hover a span{text-decoration: none; color: #0084c8;}
.fotogalerie{width: 100%; position: relative;}
.fotogalerie a{width: 14.28%; margin: 0; float: left; display: block; position: relative;}
.fotogalerie a::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, 132, 200, 0.9); 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 img{max-width: calc( 100% - 8px); display: block; margin: 4px;}
.notouch .fotogalerie a:hover::before{opacity: 1;}
#hide_tr{display: none;}
.grayscale {filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;}
.grayscale.grayscale-fade {transition: filter .5s;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {-webkit-transition: -webkit-filter .5s;transition: -webkit-filter .5s;}
}
.grayscale.grayscale-off, .grayscale.grayscale-fade:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}
.grayscale.grayscale-replaced {-webkit-filter: none;filter: none;}
.grayscale.grayscale-replaced > svg {-webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1;}
.grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg {opacity: 0;}
.grey_row{background: #f2f2f2;}
.info_mapa .container{display: none; visibility: hidden; opacity: 0; background: #ffd67c; position: fixed; left: 0; right: 0; z-index: 999999; top: 0; border-top: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.container{overflow: hidden; border-top: 1px solid #fff; position: relative; z-index: 100; }
.container .spec_circle{z-index: 999; display: block; width: 512px; margin: 30px auto 0; position: relative;}
.container .spec_circle::before{content: ""; position: absolute; top: 50%; right: -60px; width: 53px; height: 49px; margin-top: -24px; background: url(../img/system_arrow_right.svg) no-repeat; background-size: 100%; }
.container .spec_circle::after{content: ""; position: absolute; top: 50%; left: -60px; width: 53px; height: 49px; margin-top: -24px; background: url(../img/system_arrow_left.svg) no-repeat; background-size: 100%; }
.container .spec_circle p{cursor: pointer; text-align: center; position: relative; color: #00213E; font-size: 12px; line-height: 18px; font-weight: 400; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 14px 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; }
.container .spec_circle p:nth-child(6), .container .spec_circle p:nth-child(8){width: 180px;}
.container .spec_circle p strong{color: #00213E; font-size: 14px; line-height: 18px; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.container .spec_circle img.small{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 44px; height: 7px; margin: 14px 2px;}
.container .spec_circle img.big{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 142px; height: 7px; margin: 14px 0;}
.notouch .container .spec_circle p:hover, .notouch .container .spec_circle p:hover strong, .container .spec_circle p.active, .container .spec_circle p.active strong{color: #fff}
.deco{pointer-events: none;}
.deco--title{position: absolute; top: 0px; right: 0; left: 0; height: 940px; background-image: url(../img/system_bg.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position;}
.info_mapa .deco--title{height: 100vh; background: url(../img/solution_pop_bg.svg) no-repeat center center; background-size: 100%;}
.slideshow {position: relative;width: 100%; height: 610px; margin: 0; margin: 50px 0 0; padding-bottom: 60px;}
.info_mapa .slideshow{height: 100vh; margin: 0; padding: 0; }
.slideshow .slide {display: -webkit-flex;display: flex;-webkit-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-align-items: center;align-items: center;width: 100vw;text-align: center;}
.slideshow .slide .close{background: #08263f; line-height: 60px; font-size: 12px; color: #000; font-weight: 700; text-align: center; cursor: pointer; width: 60px; height: 60px; display: block; position: absolute; top: 114px; right: 55px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 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; }
.slideshow .slide .close::before{opacity: 0; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../img/category_close.svg) no-repeat scroll center center; background-size: 50%; display: block; 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; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.slideshow .slide .close::after{opacity: 1; position: absolute; top: 0; left: 0; width: 60px; height: 60px; background: url(../img/category_close_hover.svg) no-repeat scroll center center; background-size: 50%; display: block; 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; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.notouch .slideshow .slide .close:hover{background: #fff}
.notouch .slideshow .slide .close:hover::before{opacity: 1;}
.notouch .slideshow .slide .close:hover::after{opacity: 0;}
.slideshow .slide .icon{border: 2px solid #FCB833; color: #000; font-size: 30px; line-height: 70px; text-align: center; font-weight: 700; background-color: #fff; width: 70px; height: 70px; display: block; position: absolute; top: -35px; left: 0; right: 0; margin: 0 auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.slideshow .slide#slide_01 .icon{background: url(../img/system_icon_1.svg) no-repeat scroll center center #fff; background-size: 80%;}
.slideshow .slide#slide_02 .icon{background: url(../img/system_icon_2.svg) no-repeat scroll center center #fff; background-size: 72%;}
.slideshow .slide#slide_03 .icon{background: url(../img/system_icon_3.svg) no-repeat scroll center center #fff; background-size: 60%;}
.slideshow .slide#slide_04 .icon{background: url(../img/system_icon_4.svg) no-repeat scroll center center #fff; background-size: 68%;}
.slideshow .slide#slide_05 .icon{background: url(../img/system_icon_5.svg) no-repeat scroll center center #fff; background-size: 77%;}
.slideshow .slide .number{margin: -80px 0 30px; position: relative; color: #F2F2F2; font-size: 60px; line-height: 66px; font-weight: 300; text-align: center; display: block; }
.slideshow .slide h2{position: relative; color: #00213E; font-size: 30px; line-height: 34px; font-weight: 300; text-align: center; display: block; margin: 0; padding: 0 0 30px;}
.slideshow .slide .anotation{width: calc(100% - 160px); position: relative; color: #1A1A1A; font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; display: block; margin: 0 80px; padding: 0;}
.slideshow .slide .prev_product{white-space: nowrap; text-align: right; position: absolute; top: 50%; right: calc(100% + 30px); margin-top: -12px; color: #1A1A1A; font-size: 18px; line-height: 26px; font-weight: 300; text-align: center; display: block; margin: 0; padding: 0;}
.slideshow .slide .prev_product strong{padding-right: 8px; color: #1a1a1a; font-size: 18px; line-height: 22px; font-weight: 700;}
.slideshow .slide .next_product{white-space: nowrap; text-align: left; position: absolute; top: 50%; left: calc(100% + 30px); margin-top: -12px; color: #1A1A1A; font-size: 18px; line-height: 26px; font-weight: 300; text-align: center; display: block; margin: 0; padding: 0;}
.slideshow .slide .next_product strong{padding-right: 8px; color: #1a1a1a; font-size: 18px; line-height: 22px; font-weight: 700;}
.slideshow .slide .text{position: relative; color: #fff; font-size: 12px; line-height: 18px; font-weight: 400; text-align: center; display: block; margin: 0 110px; padding: 0;}
.slideshow .slide .text p{margin: 0 0 16px;}
.slideshow .slide .text p, .slideshow .slide .text p strong{color: #fff; font-size: 12px; line-height: 18px; }
.info_mapa .slideshow .slide .text, .info_mapa .slideshow .slide .text p, .info_mapa .slideshow .slide .text p strong{color: #4a4a4a;}
.js .slideshow .slide {position: absolute;z-index: 1000; top: 0;left: 0;visibility: hidden;pointer-events: none;}
.slideshow .slide.slide--current {position: relative;visibility: visible;}
.deco--circle {position: absolute;top: 25px; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: #fff;}
.info_mapa .deco--circle{top: 50%; margin-top: -320px;}
.deco--circle-left {display: block; right: calc(100% - 210px);}
.deco--circle-right {left: calc(100% - 210px);}
.info_mapa .deco--circle,.info_mapa .slide__inner {width: 640px;height: 640px;}
.deco--circle,.slide__inner {width: 500px;height: 500px;}
.slide__item {position: relative;width: 100%;}
.info_mapa .slide__item {padding: calc((100vh - 740px) / 2) 0}
.no-js .slide__item {display: none;}
.slide__inner {position: relative;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin: 0 auto;padding: 20px;pointer-events: auto;}
.info_mapa .deco--expander {position: absolute;top: 50%;left: 50%;margin: -350px 0 0 -350px;border-radius: 50%;background: #fff; border: 24px solid #FCB833;}
.deco--expander {position: absolute;top: 50%;left: 50%;margin: -274px 0 0 -274px;border-radius: 50%;background: #fff; border: 24px solid #FCB833;}
.navbutton--prev {display: block; z-index: 9999; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute; top: 50%; left: 90px;-webkit-transform: none !important; transform: none !important; width: 90px; height: 90px; margin: -100px 0 0 0;padding: 0;border: none; background: url(../img/system_arrow_prev.svg) no-repeat scroll center center #FFC64E; background-size: 19px 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; }
.info_mapa .navbutton--prev{display: block; margin-top: -45px; background-color: #0084c8;}
.notouch .info_mapa .navbutton--prev:hover{background-color: #08263f;}
.notouch .navbutton--prev:hover{background-color: #0084c8;}
.navbutton--prev svg{display: none}
.navbutton--next {z-index: 9999; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: absolute; top: 50%; right: 90px; -webkit-transform: none !important; transform: none !important; width: 90px; height: 90px; margin: -100px 0 0 0;padding: 0;border: none; background: url(../img/system_arrow_next.svg) no-repeat scroll center center #FFC64E; background-size: 19px 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; }
.info_mapa .navbutton--next{margin-top: -45px; background-color: #0084c8;}
.notouch .info_mapa .navbutton--next:hover{background-color: #08263f;}
.notouch .navbutton--next:hover{background-color: #0084c8;}
.navbutton--next svg{display: none}
.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: 21px; line-height: 26px; font-weight: 600; color: #19212b;}
.popup_popup .box .text{z-index: 100; position: relative; color: #19212b; 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;}
.special_video_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.special_video_popup.active{opacity: 1; display: table;}
.special_video_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.8); z-index: 0; }
.special_video_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;}
.special_video_popup .boxes{text-align: center; position: relative; width: 92%; max-width: 1440px; padding: 0; left: 0; display: inline-block; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.special_video_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: none; padding: 25px 0 0; text-align: center; font-size: 16px; line-height: 22px; font-weight: 600; color: #ffffff;}
.special_video_popup .boxes video{width: 100%; display: block;}
.special_video_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #0084c8; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.special_video_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close_video.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .special_video_popup .boxes .close:hover{background: #002b51;}
.notouch .special_video_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
@media screen and (max-width: 850px) {
.special_video_popup .box span.warning{display: block;}
}
.video_small{cursor: pointer; min-height: 0; height: 0; position: fixed; right: 0; left: 0; width: 100%; margin: 0 auto; top: 50%; display: block; z-index: 998; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.video_small .overflow{border: 3px solid #0084c8; border-right: 0; display: block; position: absolute; width: 200px; top: 50%; transform: translateY(-50%); overflow: hidden; right: 0; height: 150px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.video_small .overflow::before{content: ""; z-index: 999; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url(../img/play.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.video_small .overflow video{border: 0; position: absolute; top: 50%; left: 50%; display: inline-block; width: 370px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .video_small:hover .overflow{width: 230px; height: 200px;}
.notouch .video_small:hover .overflow video{width: 500px;}
@media screen and (max-width: 1280px) {
.video_small .overflow{border: 2px solid #0084c8; border-right: 0; width: 130px; height: 110px;}
.video_small .overflow::before{background-size: 24px 24px;}
.video_small .overflow video{width: 200px;}
.notouch .video_small:hover .overflow{width: 160px; height: 230px;}
.notouch .video_small:hover .overflow video{width: 240px;}
}
@media screen and (max-width: 700px) {
.video_small .overflow{width: 90px; height: 70px;}
.video_small .overflow::before{background-size: 20px 20px;}
.video_small .overflow video{width: 140px;}
.notouch .video_small:hover .overflow{width: 120px; height: 100px;}
.notouch .video_small:hover .overflow video{width: 180px;}
}
.login_form{text-align: left; position: relative; margin: 30px 0 0; border: 1px solid #f2f2f2; padding: 25px 30px; max-width: 450px;}
.login_form .box{width: 100%; padding: 0; display: block;}
.login_form .box table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.login_form .box table.not_full{width: auto;}
.login_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 10px; margin: 0;}
.login_form .box table th.align_top{vertical-align: top; padding-top: 9px;}
.login_form .box table th span{margin-right: -7px; position: relative; top: -5px; right: -1px; font-size: 14px; line-height: 20px;}
.login_form .box table tr th:first-child{padding-left: 0; }
.login_form .box table td{padding: 0 0 10px;}
.login_form .box table td input[type=text], .login_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.login_form .box table td input[type=text]:-webkit-autofill, .login_form .box table td input[type=password]:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #ffffff inset;}
.login_form .box table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.login_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;}
.login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus, .login_form .box table td textarea:focus{border: 1px solid #0084c8;}
.login_form .box table td .forgotten, .login_form .box table td .forgotten2{display: inline-block; vertical-align: middle; background: none; border: 0; padding: 0; text-decoration: underline; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;}
.notouch .login_form .box table td .forgotten:hover, .notouch .login_form .box table td .forgotten2:hover{color: #ec1b24}
@media screen and (max-width: 900px) {
.login_form{padding: 25px; max-height: initial !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{padding: 0; text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;}
.login_form .box table tr.empty{display: none}
.login_form .box table th{text-align: left; padding: 0;}
.login_form .box table th span{top: -2px;}
.login_form .box table td{padding: 2px 0 10px;}
.login_form .box:last-of-type table tr:last-of-type td{padding: 3px 0 0;}
}
@media screen and (max-width: 500px) {
.login_form{padding: 20px;}
}
/*SELECT 0.2*/
.sbHolder{cursor: pointer;position:relative;display:inline-block;}.sbSelector{outline:medium none;position:relative;text-decoration:none}.sbToggle{font-size: 0; padding: 0; border: 0; display:block;outline:none;position:absolute}.sbToggle.sbToggleOpen{background:url(../img/select_arrow.svg) no-repeat scroll center bottom}.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151}.sbOptions{list-style:none;left:0;margin:0;padding:0;position:absolute;top:27px!important;text-align:center;overflow-y:auto}.sbOptions li{margin:0;padding:0;text-align:left}.sbOptions a{display:block;text-decoration:none;outline:none}.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px}