/*GLOBAL*/
,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;}
span.clear{margin: 4px 0 0}
.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}
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;}

.need{color: #cc0000;}
 
 
.message_centering{z-index: 999999; min-height: 0; position: fixed; top: -92px;  width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important;  -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: 40px; font-weight: 400; padding: 0 54px; clear: both; position: relative; letter-spacing: 0.5px;}
.flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;}
                                                                                                                  
.alert-error  {color: #fff; background: url(http://www.aerost-hk.com/global/error_icon.png) no-repeat scroll 15px center #ff5700;}
.alert-success{color: #fff; background: url(http://www.aerost-hk.com/global/success_icon.png) no-repeat scroll 15px center #009e08;}
.alert-error span{background: url(http://www.aerost-hk.com/global/error_close.png) no-repeat;}                               
.alert-success span{background: url(http://www.aerost-hk.com/global/success_close.png) no-repeat;}

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: #000; font-size: 30px; line-height: 34px; font-weight: 300; margin: 0 0 10px; text-align: left;}          
h2{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 20px 0 10px; text-align: left;}
h3{color: #000; font-size: 18px; line-height: 22px; font-weight: 400; margin: 20px 0 10px; text-align: left;}  
h4, h5, h6{color: #000; font-size: 16px; line-height: 20px; font-weight: 400; margin: 20px 0 10px; text-align: left;}   


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


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

article a, article a strong, article strong a{font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{text-decoration: none; color: #0000FF;}
 
 
 
article{clear: both; margin: 0 auto; text-align: justify; line-height: 22px;}
article p, article div{margin:0 0 15px; text-align: justify; line-height: 22px;}
article .text_p{margin: 0; }



article ul{margin: 15px 0; padding: 0;}
article ul li{padding: 0 0 0 25px; margin: 5px 0; position: relative; font-weight: 400; list-style: none; background: url(../image/drobky_arrow.svg) no-repeat scroll 9px 8px; background-size: 6px 9px;}


article ol{margin: 15px 0; padding: 0; counter-reset: item;}
article ol li{padding: 0 0 0 25px; margin: 5px 0; position: relative; font-weight: 400; list-style-type: none; counter-increment: item;}
article ol li:before{position: absolute; top: 0; left: 0px; display: block; padding-right: 5px; font-weight: 600; text-align: right; content: counter(item) ".";}
article ol ol{margin: 0; padding: 0;}
article ol ul{margin: 0; padding: 0;}
article ol ul li{background: url(../image/drobky_arrow.svg) no-repeat scroll 9px 8px; background-size: 6px 9px; padding: 0 0 0 25px;}
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: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;}
article table thead{margin-bottom: 3px;}                                                                                                      
article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 600; line-height: 20px; padding: 10px 14px; background: #000; color: #fff; border: 1px solid #666; border-right: 0;}
article table tr td{text-align: left; font-size: 14px; line-height: 20px; padding: 8px 14px; font-weight: 400; border: 1px solid #cacaca;}
article table tr:nth-child(even) td{background: #fff;}
article table tr:nth-child(odd) td{background: rgba(203,203,203,0.2);}


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

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





input[type=text], input[type=password], input[type=submit], textarea{font-family: 'canada-type-gibson', 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{color: #4d4d4d; overflow-x: hidden; -webkit-text-size-adjust: none; background: #fff; text-rendering: auto; max-width: 2560px; margin: 0 auto; font-family: 'canada-type-gibson', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);}



.inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1520px; margin: 0 auto;}
.small_inside{position: relative; z-index: 100; width: 92%; padding: 0 4%; max-width: 840px; margin: 0 auto;}



.btn{overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; padding: 10px 30px; font-size: 15px; line-height: 20px; font-weight: 500; -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;}
.btn.full{width: 100%; text-align: center; padding: 0; max-width: 200px; margin: 0 auto;}
.btn.line_height{line-height: 30px;}
.btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;}
.btn.left{float: left;}
.btn.right{float: right;}
.btn.cursor{cursor: pointer;}
.btn.ultra_min_margin_top{margin-top: 1px;}
.btn.ultra_min_margin_bottom{margin-bottom: 1px;}
.btn.ultra_min_margin_right{margin-right: -3px;}
.btn.ultra_min_margin_left{margin-left: 1px;}
.btn.min_margin_top{margin-top: 5px;}
.btn.min_margin_bottom{margin-bottom: 5px;}
.btn.min_margin_right{margin-right: 5px;}
.btn.min_margin_left{margin-left: 5px;}
.btn.middle_margin_top{margin-top: 10px;}
.btn.middle_margin_bottom{margin-bottom: 10px;}
.btn.middle_margin_right{margin-right: 10px;}
.btn.middle_margin_left{margin-left: 10px;}
.btn.max_margin_top{margin-top: 15px;}
.btn.max_margin_bottom{margin-bottom: 15px;}
.btn.max_margin_right{margin-right: 15px;}
.btn.max_margin_left{margin-left: 15px;}


.btn.bg_black{background: #333333;}
.btn.bg_red{background: #0000FF;}



.btn.border_black{border: 1px solid #333333;}
.btn.border_red{border: 1px solid #0000FF;}


.btn.color_white{color: #fff;}
.btn.color_black{color: #000000;}



.notouch .btn.border_red.bg_red.color_white:hover{background: #fff; border: 1px solid #0000FF; color: #0000FF;}

                                           


.main_top{position: relative; width: 100%; height: 520px; position: relative; text-align: center;}
.main_top .left_side{z-index: 10; float: left; width: 60%; height: 520px; position: relative; background-image: url(../image/main_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; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.main_top .right_side{overflow: hidden; float: left; width: 40%; height: 520px; position: relative; background: #555; }
.main_top .right_side::before{display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #555; content: ""; opacity: 0.6; z-index: 10; }
.main_top .right_side video{min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}

.main_top h1{z-index: 10; display: inline-block;  *display: inline; font-size: 36px; line-height: 44px; color: #fff; font-weight: 700; letter-spacing: 8px;  text-align: left; position: absolute; right: 38%; top: 50%; margin: -60px 0 0; padding: 0; text-shadow: 0 0 11px rgba(0,0,0,0.5); text-transform: uppercase;}
.main_top h1 span{text-align: right; margin-right: -50%; display: block; font-size: 26px; line-height: 30px; font-weight: 300; letter-spacing: 5px; text-shadow: 0 0 11px rgba(0,0,0,0.5);}

.lang_ru .main_top h1{font-weight: 900;}
.lang_ru .main_top h1 span{font-weight: 400;}


.sub .main_top{height: 370px;}
.sub .main_top .left_side{background-image: url(../image/main_bg.jpg); width: 100%; height: 370px;}






header{z-index: 999; text-align: center; position: absolute; margin: 0 auto; max-width: 2460px; left: 50px; right: 50px; top: 485px; background: #f2f2f2; 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);}
header.active{position: fixed; top: 0 !important;}
.sub header{top: 335px;}
header a.logo{ width:520px; height: 70px; display: block; float: left; position: absolute; top: 0; left: -1px; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
header a.logo img{width: 520px; height: 100%; 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;}
header a.logo.active, .sub header a.logo{ height: 70px; top: 0px; }
header a.logo.active img, .sub header a.logo img{ height: 70px;}

header ul{height: 70px; margin: 0; padding: 0; display: block; float: right;}
header ul li{position: relative; list-style: none; display: block; float: left;}
header ul li a{text-transform: uppercase; display: block; line-height: 70px; font-size: 15px; font-weight: 300; padding: 0 30px; letter-spacing: 2px; color: #333333; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch header ul li:hover a, header ul li.active a{background: #0000FF; color: #fff;}

header ul li ul{height: initial; height: auto; z-index: 0; margin: 0; padding: 6px; position: absolute; top: 100%; left: 50%; background: #f2f2f2; border: 1px solid #e0e0e0; display: none; /*box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3);*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
header ul li ul:after{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(19, 62, 103, 0); border-bottom-color: #f2f2f2; border-width: 10px;margin-left: -10px;}
header ul li:hover ul{display: block;}
header ul li ul li{margin: 6px 0 0; list-style: none; display: block; width: 100%; padding: 0;}
header ul li ul li a{letter-spacing: 0; border: 0 !important; background: #f2f2f2 !important; text-transform: none; font-weight: 300; white-space: nowrap; display: block; border-top: 0 !important; padding: 0 36px; line-height: 32px; text-align: center; color: #000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
header ul li ul li:first-child a{border: 0 !important}
header ul li ul li:first-child{margin-top: 0;}
.notouch header ul li ul li a:hover, header ul li ul li.active a{background: #0000FF !important; color: #fff !important;}

header .lang_box{text-align: center; margin: 0 30px 0 30px; padding: 19px 0; display: block; float: right;}
header .lang_box a{display: inline-block; zoom: 1; *display: inline;; vertical-align: middle; padding: 6px; margin: 0; font-size: 14px; line-height: 20px; color: #000000; font-weight: 200; -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 .lang_box a.active{font-weight: 600; color: #0000FF;}
.notouch header .lang_box a:hover{color: #0000FF; } 


.open_close_navigation{text-align: center; display: none; position: absolute; top: 50%; margin-top: -26px; right: 173px; height: 52px; width: 52px; z-index: 99999; padding: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;}
.open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;}
.open_close_navigation .lines-button {font-size: 0; padding: 24px 11px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; user-select: none;}
.open_close_navigation .lines-button:active {transition: 0;}
.open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: relative;}
.open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;}
.open_close_navigation .lines:before {top: 0.5rem;}
.open_close_navigation .lines:after {top: -0.5rem;}
.open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}
.open_close_navigation .lines-button.x.close .lines {background: transparent !important;}
.open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #000;}
.open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}

.notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #0000FF;}
.notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #0000FF;} 
.notouch .open_close_navigation:hover .lines{background: #0000FF;}  



.ipad_menu{display: block !important; position: absolute; max-width: 2560px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); padding: 70px 0 0; z-index: 998; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu.move{top: 0;}
.ipad_menu.active{display: block !important;}
.ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;}
.ipad_menu ul li{position: relative; list-style: none; display: block;}
.ipad_menu ul li.lang{display: none;}
.ipad_menu ul li.lang a{display: inline-block; zoom: 1; *display: inline; width: calc(50% - 30px);}
.ipad_menu ul li a{border-top: 1px solid #CCCCCC;  position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #000000;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #0000FF; color: #fff;} 

.ipad_menu ul ul{display: none;}
.ipad_menu ul ul li{}
.ipad_menu ul ul li a{background: #f6f6f6 !important; border: 0 !important; border-top: 1px solid #fff !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; 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;}
.ipad_menu ul ul li:first-child a{border: 0 !important;}
.notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;}

.ipad_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; background: #999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;}
.ipad_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(../image/ipad_menu_arrow.png) no-repeat scroll center center;}
.ipad_menu ul li .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)}
.notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #999;}






.welcome{position: relative; z-index: 100; padding: 105px 0 70px;}
.welcome h2.main{font-size: 30px; line-height: 36px; letter-spacing: 4px; margin: 0; padding: 0  0 40px; font-weight: 300; text-align: center; text-transform: uppercase; color: #000000;}
.welcome article{max-width: 950px; margin: 0 auto;}


.box_list{padding: 60px 0; text-align: center; display: block; position: relative; z-index: 90; background: #f7f7f7}
.box_list h2.main{font-size: 30px; line-height: 36px; letter-spacing: 4px; margin: 0; padding: 0  0 40px; font-weight: 300; text-align: center; text-transform: uppercase; color: #000000;}
.box_list::before{position: absolute; width: 399px; height: 475px; display: block; top: 0; left: 0; z-index: 0; background: url(../image/plane.svg) no-repeat scroll center center; content: ""; }
.box_list .item{position: relative; z-index: 200; width: 30%; max-width: 300px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.box_list .item:nth-child(2){margin: 0 3%;}
.box_list .item .img{display: block; background: rgba(255,255,255,0.6); padding: 25px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.box_list .item .img span{display: block; width: 100%; height: 230px; background: #fff; border: 10px solid #fff; max-width: calc(100% - 20px); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; -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 .box_list .item:hover .img{background: rgba(255,255,255,1); 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);}
.box_list .item .text{display: block; position: relative;}
.box_list .item .text .title{display: block; position: relative; font-size: 15px; line-height: 22px; letter-spacing: 2px; margin: 0; padding: 20px 0; font-weight: 600; text-align: center; text-transform: uppercase; color: #000000; -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 .box_list .item:hover .text .title{color: #0000FF;}
.box_list .item .text .title::before{position: absolute; bottom: -1px; height: 2px; width: 60px; display: block; content: ""; left: 0; right: 0; margin: 0 auto; background: #000000; -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 .box_list .item:hover .text .title::before{background: #0000FF;}
.box_list .item .text .anotation{display: block; position: relative; font-size: 13px; line-height: 18px; margin: 0; padding: 20px 0 0; font-weight: 300; text-align: center; color: #999999;}


.paralax{height: 270px; display: block; width: 100%; background: url(../image/paralax.jpg) no-repeat fixed 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;}



.benefits_list{overflow: hidden; padding: 60px 0; text-align: center; display: block; position: relative; z-index: 90; background: #fff}
.benefits_list h2.main{font-size: 30px; line-height: 36px; letter-spacing: 4px; margin: 0; padding: 0  0 40px; font-weight: 300; text-align: center; text-transform: uppercase; color: #000000;}

.benefits_list .item{transform: scale(0); -webkit-transform: scale(0); opacity: 0; z-index: 999; padding: 25px; position: absolute; width: 280px; display: block;}
.benefits_list .item::before{content: ""; display: block; width: 20px; height: 20px; position: absolute; background: #0000FF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

.benefits_list .item:nth-child(1){left: 50%; margin: 0 0 0 -165px; bottom: 636px}
.benefits_list .item:nth-child(1)::before{top: 100%; left: 50%; margin-left: -10px;}
.benefits_list .item:nth-child(2){left: calc(50% + 258px); margin: 0; top: calc(50% - 45px)}
.benefits_list .item:nth-child(2)::before{top: 25px; right: 100%; margin-top: 0;}
.benefits_list .item:nth-child(3){left: 50%; margin: 0 0 0 -165px; top: 638px}
.benefits_list .item:nth-child(3)::before{bottom: 100%; left: 50%; margin-left: -10px;}
.benefits_list .item:nth-child(4){right: calc(50% + 258px); margin: 0; top: calc(50% - 45px)}
.benefits_list .item:nth-child(4)::before{top: 25px; left: 100%; margin-top: 0;}

.benefits_list .item .title{display: block; position: relative; font-size: 15px; line-height: 22px; letter-spacing: 2px; margin: 0; padding: 0; font-weight: 600; text-transform: uppercase; color: #000000; -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 .benefits_list .item:hover .title{color: #0000FF;}
.benefits_list .item .anotation{display: block; position: relative; font-size: 13px; line-height: 18px; margin: 0; padding: 0; font-weight: 300; text-align: left; color: #999999;}
.benefits_list .item:nth-child(1) .title, .benefits_list .item:nth-child(3) .title,
.benefits_list .item:nth-child(1) .anotation, .benefits_list .item:nth-child(3) .anotation{text-align: center;}
.benefits_list .item:nth-child(2) .title, .benefits_list .item:nth-child(2) .anotation{text-align: left;}
.benefits_list .item:nth-child(4) .title, .benefits_list .item:nth-child(4) .anotation{text-align: right;}


.benefits_list .benefit_box{display: block; position: relative; height: 497px; padding: 140px 0 120px;}
.benefits_list .bg1{z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; width: 100%; height: 100%; background: url(../image/benefit_bg.png) no-repeat scroll center bottom; background-size: contain;}
.benefits_list .bg2{z-index: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; display: block; width: 100%; height: 100%; background: url(../image/benefit_bg_2.png) no-repeat scroll center bottom; background-size: contain;opacity: 0.7;}
.benefits_list .circle1{transform: scale(0); -webkit-transform: scale(0); opacity: 0; z-index: 5; position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -250px; display: block; width: 498px; height: 498px; border: 1px solid #e6e6e6; -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px;}
.benefits_list .circle2{transform: scale(0); -webkit-transform: scale(0); opacity: 0; z-index: 5; position: absolute; top: 50%; left: 50%; margin: -175px 0 0 -175px; display: block; width: 348px; height: 348px; border: 1px solid #e6e6e6; -webkit-border-radius: 400px; -moz-border-radius: 400px; border-radius: 400px;}
.benefits_list .plane{transform: scale(0); -webkit-transform: scale(0); opacity: 0; background: url(../image/benefit_plane.png) no-repeat scroll center center; z-index: 10; position: absolute; top: 50%; left: 50%; margin: -108px 0 0 -269px; display: block; width: 479px; height: 256px;}
                                                                                                                                                                 










.drobky{border-bottom: 1px solid #e6e6e6; z-index: 100; position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 35px 0 0;}

 
.drobky ul{max-width: calc(100% - 160px); margin: 0; padding: 20px 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(../image/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(../image/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(../image/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: 300; 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: #0000FF;}
.drobky ul li span{white-space: nowrap; display: block; color: #000; font-size: 12px; line-height: 24px; font-weight: 500; letter-spacing: 1px; padding: 0 0 0 13px;} 



#content{position: relative; width: 100%; display: block; /*min-height: 1400px;*/}



.c_column{max-width: 1200px; display: block; margin: 0 auto; padding: 40px 0;}

.contact_page{text-align: left; padding: 0; width: 100%; position: relative;}
.contact_page .item{text-align: left; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top;  margin-right: -4px;}
.contact_page .item:nth-child(1){width: 24%; padding: 20px 5% 0 0}
.contact_page .item:nth-child(2){width: calc(66% - 1px); padding: 20px 0 0 5%; border-left: 1px solid #d3d3d3;}

.contact_page .item p.title{width: 100%; float: none; text-align: left; font-size: 18px; line-height: 24px; color: #000; font-weight: 600; margin: 0 0 10px; padding: 0;}
.contact_page .item p{display: inline-block; zoom: 1; *display: inline; vertical-align: top;  width: 50%; text-align: left; font-size: 14px; line-height: 20px; color: #000; font-weight: 300; margin: 0 -4px 28px 0; padding: 0;}
.contact_page .item p.full{width: 100%;}
.contact_page .item p strong{font-size: 14px; line-height: 20px; color: #000; font-weight: 600;}
.contact_page .item p .mail{padding-left: 30px; position: relative; font-size: 14px; line-height: 20px; color: #0000FF; font-weight: 400; 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;}
.contact_page .item p .mail::before{position: absolute; left: 0; top: 50%; margin-top: -5px; width: 17px; height: 13px; content: ""; display: block; background: url(../image/contact_icon.svg) no-repeat scroll center center; background-size: 17px 13px;}
.contact_page .item p .phone{padding-left: 18px; position: relative; font-size: 14px; line-height: 20px; color: #0000FF; 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;}
.contact_page .item p .phone::before{position: absolute; left: 0; top: 50%; margin-top: -4px; width: 10px; height: 12px; content: ""; display: block; background: url(../image/contact_icon2.svg) no-repeat scroll center center; background-size: 10px 12px;}
.contact_page .item p a{padding-left: 0; position: relative; font-size: 14px; line-height: 20px; color: #0000FF; font-weight: 400; 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 .contact_page .item p a:hover{text-decoration: none !important;}
#MyGmaps{height: 430px; margin: 50px 0 0; background: url(../image/mapa.jpg) no-repeat scroll center center; background-size: cover;}


            


.vypis_gallery{display: block; width: 100%; margin: 0}
.vypis_gallery .item{border: 1px solid #d8d8d8; -webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%;height: 295px; position: relative; width: calc(32% - 2px); float: left; margin: 0 0 2%}
.vypis_gallery .item:nth-child(3n-1){margin: 0 2% 2%;}
.vypis_gallery .item figure {margin: 0; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;height: 295px;transform-style: preserve-3d;}
.vypis_gallery .item figure > div {display: block; position: relative; overflow: hidden; height: 295px;z-index: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.vypis_gallery .item figure > div::before{z-index: 1000; display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; }
.vypis_gallery .item figure > div span.img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transform: translateX(25%);-moz-transform: translateX(25%);-ms-transform: translateX(25%);transform: translateX(25%); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}
.notouch .vypis_gallery .item figure:hover > div span.img{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);}
.vypis_gallery .item figcaption {height: 100%; min-width: 50%; max-width: 70%; position: absolute; height: 295px; left: 0; background: #e6e6e6; top: 0; opacity: 1; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;	transition: transform 0.4s, opacity 0.1s;}
.notouch .vypis_gallery .item figure:hover figcaption{opacity: 0;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}
.vypis_gallery .item figure .box{height: 100%; width: 100%; display: table; margin: 0;}
.vypis_gallery .item figure .box .centering{display: table-cell; vertical-align: middle; width: 100%;}
.vypis_gallery .item figure .box .centering .title{position: relative; font-weight: 600; color: #000; font-size: 18px; line-height: 24px; padding: 0 20px; display: block;}
.vypis_gallery .item figure .box .centering .title::before{position: absolute; bottom: -5px; left: 20px; right: 0; border-bottom: 1px dotted #000; content: ""; display: block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.vypis_gallery .item figure .box .centering .anotation{font-weight: 300; color: #000; font-size: 14px; line-height: 20px; padding: 13px 20px 0; display: block;}





footer{padding: 70px 10% 25px 10%; position: relative; z-index: 0; text-align: center; background: #404040;}
footer p.title{font-size: 30px; line-height: 36px; font-weight: 300; text-transform: uppercase; text-align: left; margin: 0; padding: 0 0 45px; letter-spacing: 4px; color: #fff;}
footer .box{width: 35%; display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;}
footer .box table{width: 100%; border-collapse: separate;}
footer .box table td{width: 100%; padding: 0;}
footer .box table td input[type=text]{position: relative; margin-bottom: 20px; font-size: 14px; line-height: 20px; color: #000; padding: 9px 3%; border: 1px solid #fff; background: #fff; width: 94%; font-weight: 300; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;}
footer .box table td textarea{position: relative; resize: none; height: 80px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #000; padding: 9px 3%; border: 1px solid #fff; background: #fff; width: 94%; font-weight: 300; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;}
footer .box table td input[type=text]:focus, footer .box table td textarea:focus{border: 1px solid #0000FF;}
footer .box table td p.gdpr{text-align: right; font-size: 14px; line-height: 20px; font-weight: 300; color: #fff; margin: 0 0 12px;}
footer .box table td p.gdpr a{font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.5px; color: #fff; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch footer .box table td p.gdpr a:hover{color: #0000FF}

footer .contact{text-align: left; width: 230px; margin: 0 80px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;}
footer .contact p{font-size: 14px; line-height: 20px; font-weight: 300; color: #fff; margin: 0 0 22px;}
footer .contact p strong{font-size: 14px; line-height: 20px; font-weight: 600; color: #fff;}
footer .contact p a{font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.5px; color: #fff; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.notouch footer .contact p a:hover{color: #0000FF}


footer .mapa{margin-top: -30px; text-align: left; width: calc(100% - 35% - 390px - 12px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;}
footer .mapa img{width: 100%;}

.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;}







.reg_form{position: relative;}
.reg_form.margin{margin-top: 40px;}
.reg_form table{width: 100%; border-collapse: separate; border-spacing: 0 10px;}
.reg_form table.not_full{width: initial; width: auto;}
.reg_form table th{position: relative; vertical-align: middle; width: 150px; font-size: 13px; line-height: 17px; color: #333333; font-weight: 500; text-align: right; padding: 0 20px 0; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.reg_form table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #bd0505; font-size: 14px; line-height: 20px;}
.reg_form table tr th:first-child{padding-left: 0; }
.reg_form table td{position: relative; padding: 0; font-size: 14px; font-weight: 300; line-height: 25px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity  400ms ease; -o-transition: opacity  400ms ease; -ms-transition: opacity  400ms ease; transition: opacity  400ms ease;}
.reg_form table td input[type=text], .reg_form table td input[type=password]{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: 1px solid #e6e7e8; min-width: 200px; max-width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.detail .reg_form table td input[type=text], .detail .reg_form table td input[type=password]{width: calc(100% - 32px);}
.reg_form table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all  400ms ease; -o-transition: all  400ms ease; -ms-transition: all  400ms ease; transition: all  400ms ease;}
.reg_form table td input[type=text]:focus, .reg_form table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #000000;}

.reg_form .box table td span.text{position: absolute; top: calc(50% - 12px); left: 240px; white-space: nowrap; display: inline-block; zoom: 1; *display: inline; vertical-align: top; font-size: 14px; line-height: 20px; font-weight: 400; color: #000;}

.reg_form .box table td .sbHolder{min-width: 230px; position: relative; background: #fff; vertical-align: middle; margin: 0; border: 1px solid #e6e7e8; }
.reg_form .box table td .sbHolder .sbToggle{position: absolute; margin: 0; background: url(http://www.aerost-hk.com/img/select_arrow.svg) no-repeat scroll center center; background-size: 10px 5px !important; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8}
.notouch .reg_form .box table td .sbHolder:hover .sbToggle{background: url(http://www.aerost-hk.com/img/select_arrow_hover.svg) no-repeat scroll center center;}
.reg_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(http://www.aerost-hk.com/img/select_arrow_up.svg) no-repeat scroll center center;}
.notouch .reg_form .box table td .sbHolder:hover .sbToggle.sbToggleOpen{background: url(http://www.aerost-hk.com/img/select_arrow_up_hover.svg) no-repeat scroll center center;}
.reg_form .box table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 13px; line-height: 18px; padding: 8px 41px 8px 15px; font-weight: 300; text-align: left; text-decoration: none;}
.reg_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;}
.reg_form .box table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 300; color: #000 !important;  -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;}
.reg_form .box table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;}
.notouch .reg_form .box table td .sbOptions a:hover, .reg_form .box table td .sbOptions a.sbFocus{background: #f0f0f0 !important;} 
                                                   
.reg_form .title{text-align: left; font-weight: 20px; line-height: 24px; font-weight: 600; color: #000; margin: 30px 0 5px; padding: 0;}


.reg_form .box table td input[type="text"].uploadFile{width: 170px; float: left; position: relative; z-index: 0;}
.reg_form .box table td .uploadBtn{width: 400px;}
.reg_form .box table td .fileUpload {position: absolute; top: 0; left: 0; z-index: 999;  overflow: hidden; margin: 0;float: left;padding: 0 0 0 240px}
.reg_form .box table td .fileUpload input[type=file] {position: absolute; top: 0; left: 0; margin: 0; padding: 7px 0; font-size: 13px; line-height: 20px; cursor: pointer;display: block;opacity: 0;filter: alpha(opacity=0);}
.reg_form .box table td .fileUpload span{margin: 2px 0;}














    
                                                                      

.control_popup{display: none;  width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index: 99999; -webkit-transition: all 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: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;}
.control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 22px; 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: 600; margin: 0; text-align: center;}
.control_popup .box .btn{z-index: 100; position: relative;}



                                                      
.file_list{width: 100%; margin: 40px 0;}
.file_list h3{margin-bottom: 20px;}
.file_list .item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #000000; margin: 0 20px 24px 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 a{text-decoration: none; font-size: 13px; color: #000000; font-weight: 400; line-height: 24px; padding: 5px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.file_list .item a span{font-size: 13px; color: #000000; font-weight: 600; line-height: 24px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.notouch .file_list .item:hover{border: 1px solid #0000FF; background: #0000FF;}
.notouch .file_list .item:hover a{color: #fff;}
.notouch .file_list .item:hover a span{text-decoration: none; color: #fff;}
 



.fotogalerie{width: 100%; position: relative;}
.fotogalerie h3{margin-bottom: 20px;}
.fotogalerie a.swipebox{width: 14.28%; margin: 0; float: left; display: block; position: relative;}
.fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(http://www.aerost-hk.com/img/fotogallery_icon.svg) no-repeat scroll center center rgba(227, 32, 14, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.fotogalerie a.swipebox img{max-width: calc( 100% - 8px); display: block; margin: 4px;}
.notouch .fotogalerie a.swipebox:hover::before{opacity: 1;}


#hide_tr{display: none;}



a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 20px; bottom: -20px; width: 48px; height: 48px; background: #999;  -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px;  -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
a.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../image/scroll_arrow.png) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
.notouch a.scroll_top:hover{background: #0000FF;}
a.scroll_top.active{opacity: 1; bottom: 20px;}
.footer_font { display:block;font-size:14px;padding:6px 0;border-top:1px solid #2d2d2d;margin-top:40px }
.footer_font p a { color:#fff }

.main_banner {
    width:100%;
    position:relative;
}
.main_banner_bg {
    width:100%;
    height:520px;
    /* position:absolute; */
}
.main_banner h1{z-index: 10; display: inline-block;  *display: inline; font-size: 36px; line-height: 44px; color: #fff; font-weight: 700; letter-spacing: 8px;  text-align: left; position: absolute; right: 38%; top: 50%; margin: -60px 0 0; padding: 0; text-shadow: 0 0 11px rgba(0,0,0,0.5); text-transform: uppercase;}
.main_banner h1 span{text-align: right; margin-right: -50%; display: block; font-size: 26px; line-height: 30px; font-weight: 300; letter-spacing: 5px; text-shadow: 0 0 11px rgba(0,0,0,0.5);}