@font-face {
   font-family: 'Norwester';
   src: url('fonts/norwester.eot');
   src:url('fonts/norwester.woff') format('woff'),
       url('fonts/norwester.ttf') format('truetype'),
       url('fonts/norwester.svg#norwesterregular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Built Tilting';
   src: url('fonts/built_titling_bd.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'BEBAS';
   src: url('fonts/BEBAS.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'FF DIN';
   src: url('fonts/FF_DIN_Bold.otf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'HelveNeuBolCon';
   src: url('fonts/HelveticaNeue-Condensed Bold.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'AvenirNext-Medium';
   src: url('fonts/AvenirNext-Medium.ttf');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'AvenirNext-Regular';
   src: url('fonts/AvenirNext-Regular.ttf');
   font-weight: normal;
   font-style: normal;
}
body{font-size: 14pt;font-family: 'AvenirNext-Regular', Arial, Helvetica, sans-serif;font-weight: normal;}
.wrapper{max-width: 1920px;margin: 0 auto;}
img{max-width: 100%;height: auto;}

.carousel-caption{right: 10%;left: 10%;bottom: 20px;}
.carousel-ss, .carousel-cap-ss,.carousel-cap-hk,.hs_ban_size{text-align: center;}
.carousel-cap-hk h2{color: #253370;font-family: 'Norwester';font-size: 2em; }
.carousel-cap-ss h2{color: #fff;font-family: 'Built Tilting';font-size: 2em;}
.carousel-cap-hk h5{color: #e10d17;padding: 5px 0;font-family: 'FF DIN';font-size: 1em;}
.hs_banner_logo{max-width: 200px;width: 80%;margin: 10px 0;}
.hs_ban_size{font-family: 'HelveNeuBolCon';text-align: center;color: #fff;font-size: 1em}
.carousel-cap-hk .hs_ban_size{color: #253370}
.carousel-control-next, .carousel-control-prev{z-index: 999;width: 10%;opacity: 0.25}
.carousel-control-next-icon,.carousel-control-prev-icon {
    background-image:  url('img/next.png');width:20px;height:40px;background-size: cover;
}
.carousel-control-prev-icon {background-image:  url('img/prev.png');}
.hs_hands{background: url('img/hs_hands.jpg') no-repeat center;background-size:cover;padding: 100px 0}
.hs_hands .smalltitle, .hs_hands .sec-title{color: #253370;font-family: 'HelveNeuBolCon';font-size: 1.66em;}
.hs_hands .sec-title{font-size:2em}
.hs_form_cont{position: relative;}
.hs_form_col{background: #dce0e0;border-radius: 1em;padding: 20px;text-align: center;margin: 0 auto;}
p.intros{line-height: 1.5}
#hs_form .form-group{display: flex;justify-content: center;align-items: center;}
#hs_form .form-group select.form-control{width: auto;margin: 0 20px}
#hs_form legend,#hs_form label{color: #1d70b7;font-family: 'AvenirNext-Medium';}#hs_form legend{font-size: 1.5em;padding: 10px;margin: 20px auto;border-bottom: 2px solid #fff}
.hs_showcase{background: url('img/product_showcase.jpg') no-repeat center;background-size:cover;padding-top: 45%}

.hs_prod{border: 1px solid #3c3c3b;padding: 0.5em;border-radius: 1em;margin: 2em auto;}
.hs_prod_logo img{max-width: 240px;margin: 0.5em auto;}
.hs_ft img{max-width: 90px;margin: 0.5em auto;}


#footer{background: #253081;color: #fff;}
#footer a{color: #fff;font-size: 16px;font-family: 'AvenirNext-Medium';}#footer a:hover{color: #fff}
.footer-logos{padding: 1em}
.footer-logos .fpl{max-width: 120px;margin: 20px}
.hs_ftlinks div{box-shadow: 2px 0 0 #fff;text-align: center;padding: 10px;margin-bottom: 20px}

@media only screen and (max-width:992px) {
  .carousel-caption{position: relative;right: 0;left: 0;top: 0;bottom: 0;padding: 20px}
  .carousel-cap-hk{background: #bee0e2}
  .carousel-cap-ss{background: #216aaf}
  .carousel-caption{padding-bottom: 10px;}
  .hs_ban_size{margin-top: 40px;font-size: 16px;}
  .hs_form_col{max-width: 360px}.hs_form_cont{padding: 40px 0}
}
@media only screen and (min-width:560px) {
.hs_hands .sec-title{font-size:2.5em}
}
@media only screen and (min-width:768px) {
.hs_hands .sec-title{font-size:3em}

}
@media only screen and (min-width:992px) {
.hs_ban_size{position: absolute;width: 100%;text-align: center !important;bottom: 0}
.carousel-cap-hk h2,.carousel-cap-ss h2,.hs_hands .sec-title{font-size: 3em}
.carousel-control-next-icon,.carousel-control-prev-icon {width:45px;height:82px;}
.hs_hands{padding: 40px 0 160px 0}
.hs_form_col{position: absolute;top:-200px;right: 0;}
.carousel-cap-hk h2,.carousel-cap-ss h2{font-size: 2.5em; }
.carousel-cap-hk h5{padding: 5px 0;font-size: 1em;}
.hs_banner_logo{max-width: 240px;margin: 10px 0;}
.hs_prod{padding: 1.5em}
.carousel-cap-hk,.hs_ban_size{text-align: right;}
.carousel-ss,.carousel-cap-ss,.carousel-cap-hk .hs_ban_size{text-align: left;}
}
@media only screen and (min-width:1280px) {
.hs_banner_logo{max-width:240px;}
.carousel-caption{padding-bottom: 8%;}
.carousel-cap-hk h5{font-size: 1.5em;}
.hs_ban_size{font-size: 1.2em}
.carousel-cap-hk h2,.carousel-cap-ss h2,.hs_hands .sec-title{font-size: 3em}
}
@media only screen and (min-width:1600px) {
  .hs_banner_logo{max-width:300px;}
.carousel-cap-hk h2,.carousel-cap-ss h2,.hs_hands .sec-title{font-size: 4em}
}