body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,
html,iframe,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{main:' ';main:none;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
input{padding:0;margin:0;outline:0;}
a{color:#0782c1;text-decoration:none; outline: none;}a:hover{text-decoration:none;}a img{border:0px;}img{display:block;max-width:100%;} 
sub,sup{font-size: 75%;line-height: normal;}
h1{font-size:140%;} h2{font-size: 130%;}h3{font-size: 120%;}h4,h5,h6{font-size: 110%;}hr{border-color:#e9e9e9;}
@font-face {font-family: 'HN'; font-weight: normal; font-style: normal; src: url('fonts/HelveticaNeue.eot');
    src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff2') format('woff2'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
}
@font-face {font-family: 'HNMedium'; font-weight: 500; font-style: normal; src: url('fonts/HelveticaNeue-Medium.eot');    
    src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Medium.woff2') format('woff2'), url('fonts/HelveticaNeue-Medium.woff') format('woff'), url('fonts/HelveticaNeue-Medium.ttf') format('truetype'), url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
}
@font-face{font-family: 'HNBold'; font-weight: bold; font-style: normal; src: url('fonts/HelveticaNeue-Bold.eot');
    src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
}
body{display: table; width: 100%; margin: 0; padding: 0; background: #fff; font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #333;}
b, strong, h1, h2, h3{font-family: HNBold; font-weight: normal;}
h4, h5, h6{font-family: HNMedium; font-weight: normal;}
.wrap{position: relative; padding: 0; margin: auto;}
.wow{opacity: 0;}
.clear{font-size: 0; height: 0; margin: 0; padding: 0; clear: both; width: 0; overflow: hidden; zoom: 1;}
.clear:before, .clear:after{content: '\0020'; display: block; height: 0; overflow: hidden;}
.clear:after{clear: both;}
button, input[type='submit']{cursor: pointer;}
select, textarea, input[type='text'], input[type='number'], input[type='submit'], input[type='password']{box-sizing: border-box; font-family: HN, Arial, Verdana, sans-serif; text-indent: 5px;
color: #333; width: 100%; height: 35px; background: #fff; margin: 0; padding: 0; border: 1px solid #b0b8c3; border-radius: 0; outline: none; -moz-appearance: none; -webkit-appearance: none;}
input[type='submit']{font-family: HNMedium; text-transform: uppercase; color: #fff; width: 150px; background: #9bdf7a; text-indent: 0; border: 0; transition: all 0.25s ease 0s;}
input[type='submit']:hover{background: #ed3237;}
select{background: #fff url(images/select.png) right 9px center no-repeat; cursor: pointer;}
textarea{padding: 5px; text-indent: 0; height: 79px; display: block;}
label.error, #email-registered{position: absolute; right: 5px; top: 0; font-size: 13px!important; font-weight: normal; line-height: 35px; color: #ff0000;}
input::-webkit-input-placeholder{color: #808080;}
input:-moz-placeholder{color: #808080;}
input::-moz-placeholder{color: #808080;}
input:-ms-input-placeholder{color: #808080;}
textarea::-webkit-input-placeholder{color: #808080;}
textarea:-moz-placeholder{color: #808080;}
textarea::-moz-placeholder{color: #808080;}
textarea:-ms-input-placeholder{color: #808080;}
.header{position: relative;}
.logo{position: relative; margin: 10px 0 10px 10px; text-align: center;}
.logo h1{font-weight: normal; font-size: 100%; overflow: hidden;}
.logo a{display: block; margin: auto; overflow: hidden;}
.logo a img{margin: auto;}
.logo a span{border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;}
.name{float: left; margin: 53px 0 53px 20px; padding-left: 21px; background: url(images/name.png) no-repeat center left; text-transform: uppercase;}
.name p:nth-child(1){font-family: HNBold; line-height: 37px; color: #9bdf7a; margin: 0 0 7px;}
.name p:nth-child(2){font-family: HNMedium; font-size: 20px; color: #e8b92b;}
.hotline{position: absolute; right: 0; margin: auto; background: url(images/hotline.png) no-repeat center left / auto 100%; font-size: 15px; text-transform: uppercase;}
.hotline a{font-size: 20px; font-weight: bold; color: #ed3237;}
.search{position: absolute; right: 0; width: 235px; z-index: 101;}
.search input[type='text']{float: left; width: calc(100% - 55px); height: 30px;}
.search input[type='submit']{float: right; width: 50px; height: 30px; background: #ed3237 url(images/search.png) no-repeat center;}
.slide{margin-bottom: 20px;}
.main-title{position: relative; height: 38px; margin: 0 0 14px; padding: 0 0 0 17px; border-bottom: 2px solid #9bdf7a;}
.main-title:before, .main-title:after{content: ''; position: absolute; top: 0; height: 100%; background: #9bdf7a;}
.main-title:before{left: 0; width: 5px;}
.main-title:after{left: 6px; width: 9px;}
.main-title-inner{display: inline-block; font-family: HNMEdium; font-size: 17px; text-transform: uppercase; color: #fff; padding: 9.5px 15px 7.5px; background: #9bdf7a;}
.main-name{margin: 0 0 10px;}
.main-name-inner{display: inline-block; font-size: 14px; text-transform: uppercase; color: #333;}
.main-detail{line-height: 22px; margin: 0; padding: 0;}
.main-detail ul, .main-detail ol{margin-left: 35px;}
.main-detail img{margin: 10px 0 5px!important; max-width: 100%; height: auto!important; display: inline-block!important;}   
.main-detail table{width: 100%!important; border-collapse: collapse; border-color: #808080;}
.main-detail b, .main-detail strong, .main-detail h1, .main-detail h2, .main-detail h3{font-family: HNBold; font-weight: normal;}
.main-detail h4, .main-detail h5, .main-detail h6{font-family: HNMedium; font-weight: normal;}
.main-share{margin: 15px 0; text-align: right; line-height: 9px;}
ul.pagination{text-align: center; margin: 0 0 30px;}
ul.pagination li{display:inline-block; margin: 0 2.5px;}
ul.pagination li a{display: block; width: 35px; height: 35px; line-height: 35px; color: #aaa; border: 1px solid #aaa; transition: all 0.25s ease 0s;}
ul.pagination li a:hover, ul.pagination li a.active{background: #ff0000; border: 1px solid #ff0000; color: #fff;}
.footer{padding-top: 20px; background: url(images/bg.jpg); color: #333;}
.footer a{color: #333;}
.footer-left{margin-bottom: 20px;}
.footer-right{margin-bottom: 10px;}
.footer-info{margin: 0 0 15px;}
.footer-info ul{list-style: none;}
.footer-info ul li{line-height: 25px;}
.footer-info ul li:nth-child(1){font-family: HNBold; font-size: 20px; line-height: 30px; color: #44070f; margin: 0 0 10px;}
.footer-social{margin: 0 0 10px;}
.footer-social a i{width: 40px; height: 40px; margin: 0 3px; border-radius: 20px; font-size: 15px; text-align: center; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.footer-social a:nth-child(1) i{background: #4267b2;}
.footer-social a:nth-child(2) i{background: #db4437;}
.footer-social a:nth-child(3) i{background: #1da1f2;}
.footer-social a:nth-child(4) i{background: #ff0000;}
.footer-social a:nth-child(5) i{background: #000000;}
.footer-count{line-height: 30px;}
.footer-copyright{padding: 10px 0; font-family: HNMedium; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 20px; color: #fff; background: #9bdf7a;}
.scroll{position: fixed; bottom: 110px; right: 10px; display: none; cursor: pointer; z-index: 99991; opacity: 0.5; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);}
.scroll:hover{opacity: 1;}
.alo-phone{position: fixed; bottom: 0; left: 0; background-color: transparent; cursor: pointer; z-index: 99992; transition: visibility 0.5s;}
.alo-ph-circle{position: absolute; top: 20px; left: 20px; width: 160px; height: 160px; background-color: transparent; border: 2px solid #00aff2; border-radius: 100%; transition: all 0.5s ease 0s;
    animation: alo-circle-anim 1.25s infinite ease-in-out; transform-origin: 50% 50%; opacity: 0.5;
}
@keyframes alo-circle-anim{0%{transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1;} 30%{transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5;} 100%{transform: rotate(0) scale(1) skew(1deg); opacity: 0.6;}}
.alo-ph-circle-fill{position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; background: rgba(0,175,242,0.5); border: 2px solid transparent; border-radius: 100%; transition: all 0.5s ease 0s;
    animation: alo-circle-fill-anim 2.25s infinite ease-in-out; transform-origin: 50% 50%; opacity: 0.75!important;
}
@keyframes alo-circle-fill-anim{0%{transform: rotate(0) scale(.7) skew(1deg); opacity: 0.25} 50%{transform: rotate(0) scale(1) skew(1deg); opacity: 0.25} 100%{transform: rotate(0) scale(.7) skew(1deg); opacity: 0.25}}
.alo-ph-img-circle{position: absolute; top: 70px; left: 70px; width: 60px; height: 60px; border: 2px solid transparent; border-radius: 100%;
    animation: alo-circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; opacity: 0.75;
}
@keyframes alo-circle-img-anim{0%{transform: rotate(0) scale(1) skew(1deg)} 10%{transform: rotate(-25deg) scale(1) skew(1deg)} 20%{transform: rotate(25deg) scale(1) skew(1deg)}
    30%{transform: rotate(-25deg) scale(1) skew(1deg)} 40%{transform: rotate(25deg) scale(1) skew(1deg)} 50%{transform: rotate(0) scale(1) skew(1deg)} 100%{transform: rotate(0) scale(1) skew(1deg)}}