@font-face {
    font-family: 'oswald_regularregular';
    src: url('oswald-regular-webfont.eot');
    src: url('oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular-webfont.woff2') format('woff2'),
         url('oswald-regular-webfont.woff') format('woff'),
         url('oswald-regular-webfont.ttf') format('truetype'),
         url('oswald-regular-webfont.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'oswaldlight';
    src: url('oswald-light-webfont.eot');
    src: url('oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-light-webfont.woff2') format('woff2'),
         url('oswald-light-webfont.woff') format('woff'),
         url('oswald-light-webfont.ttf') format('truetype'),
         url('oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'oswaldbold';
    src: url('oswald-bold-webfont.eot');
    src: url('oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-bold-webfont.woff2') format('woff2'),
         url('oswald-bold-webfont.woff') format('woff'),
         url('oswald-bold-webfont.ttf') format('truetype'),
         url('oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%;}
body {font-family:'oswald_regularregular'; font-size:13px; line-height:normal; color:#000;}
a {outline:none; text-decoration:none; color:#000000;}
input, textarea, select {font-size:13px; color:#3a3a3a; vertical-align:middle; font-family:'oswald_regularregular'; outline:none;}
input[type="button"] {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.vAlign {vertical-align:middle !important;}
img {border:none; vertical-align:top;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ul {list-style:none;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.mainCon {width:100%;}
.resposive {max-width:980px; margin:auto; padding:0 10px;}
header {background:#000000;}
.logo {float:left; padding:18px 0;}
.headerRight {float:right; font-family: 'open_sansregular'; font-size:13px; color:#fff; text-align:right;}
.headerRight a {color:#fff;}
.phone {display:inline-block; padding:7px 0;}
.phoneIcon {display:inline-block; background:url(../images/icons.png); width:14px; height:10px; vertical-align:middle; margin:0 5px 4px 0;}
.email {display:inline-block; padding:7px 0 7px 20px;}
.emailIcon {display:inline-block; background:url(../images/icons.png) -15px 0; width:13px; height:9px; vertical-align:middle; margin:0 5px 0 0;}
.searchBox {border-top:1px solid #4d4d4d; padding:7px 0;}
.searchInput {background:#fff; border:1px solid #636363; padding:8px 10px; width:270px;}
.searchBtn {background:#065b81 url(../images/search_icon.png) no-repeat center; width:48px; height:36px; border:none; cursor:pointer; overflow:hidden; text-indent:-300px;}

.bannerSlider {position:relative;}
.bannerBox {height:478px; background-size:cover; background-position:center;}
.bannerSlider .owl-dots {position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:9;}
.bannerSlider .owl-dots .owl-dot {width:9px; height:9px; background:#fff; border-radius:9px; display:inline-block; margin:0 2px;}
.bannerSlider .owl-dots .owl-dot.active, .bannerSlider .owl-dots .owl-dot:hover {background:#f8b614;}
.bannerSlider .owl-prev {background:url(../images/icons.png) -1px -13px; width:13px; height:20px; position:absolute; left:50%; bottom:28px; overflow:hidden; text-indent:-300px; cursor:pointer; z-index:10; margin-left:-70px;}
.bannerSlider .owl-prev:hover {background-position:-1px -34px;}
.bannerSlider .owl-next {background:url(../images/icons.png) -15px -13px; width:13px; height:20px; position:absolute; right:50%; bottom:28px; overflow:hidden; text-indent:-300px; cursor:pointer; z-index:10; margin-right:-70px;}
.bannerSlider .owl-next:hover {background-position:-15px -34px;}

.tabCon {background:#025f88; width:100%;}
a.showMobMenu {display:none;}
.tabCon .tab {position:relative; height:43px; z-index:100;}
.tabCon .tab ul {position:absolute; left:0; bottom:0;}
.tabCon .tab ul li {display:block; float:left; font-size:14px; text-transform:uppercase; background:url(../images/tab_sep.gif) no-repeat right bottom;}
.tabCon .tab ul li:last-child {background:none;}
.tabCon .tab ul li a {display:block; float:left; color:#fff; padding:26px 26px 0 26px; height:53px;}
.tabCon .tab ul li a:hover, .tabCon .tab ul li a.active {color:#025f88; background:#fff url(../images/over_bg.gif) repeat-x bottom;}

.welcomeCon {background:#f5f5f5;}
.welcomeVideo {float:left; width:46%; padding:50px 0;}
.videoContainer {position: relative; padding-bottom: 56.25%;}
.video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.welcomeDet {float:right; padding:45px 0; width:50%;}
.welcomeHd {font-size:18px; font-family: 'oswaldbold'; padding-bottom:10px;}
.welcomeHd span {display:block; font-size:38px; line-height:42px;}
.welcomeDet .blcTxt {font-size:19px; color:#000; font-family: 'oswaldlight'; padding-bottom:10px;}
.welcomeDet .grayTxt {font-size:18px; color:#787878; font-family: 'oswaldlight'; padding-bottom:20px;}
a.readMore {display:inline-block; background:#025f88; font-size:14px; color:#fff; text-transform:uppercase; padding:10px 20px; border-radius:3px;}
a.readMore i.arrow {background:url(../images/icons.png) -31px 0; width:7px; height:12px; display:inline-block; vertical-align:middle; margin:0 0 2px 10px;}
a.readMore:hover {background:#0178ac;}

.ourProducts {padding:50px 0;}
.ourProductHd {text-align:center; font-size:38px; font-family: 'oswaldbold';}
.ourProductTxt {text-align:center; font-style:italic; color:#7a7a7a; font-size:17px; padding-bottom:35px;}
.productList ul li {display:block; float:left; color:#555b5d; font-size:13px; font-family: 'open_sansregular'; line-height:19px; width:24.25%; margin-right:1%; border:1px solid #dddddd; height:100px; padding:15px 10px; text-align:center; -webkit-box-shadow:0 0 8px #e2e2e2, 0 0 50px #e0e0e0 inset; -moz-box-shadow:0 0 8px #e2e2e2, 0 0 50px #e0e0e0 inset; -ms-box-shadow:0 0 8px #e2e2e2, 0 0 50px #e0e0e0 inset; box-shadow:0 0 8px #e2e2e2, 0 0 50px #e0e0e0 inset; cursor:pointer;}
.productList ul li:last-child {margin-right:0;}
.productList ul li .hd {font-size:16px; color:#4c4c4c; text-transform:uppercase; font-family: 'oswaldbold'; line-height:22px; padding-bottom:6px;}
.productList ul li .hd span {display:block;}
.productList ul li:hover {color:#000;}
.productList ul li:hover .hd {color:#025f88;}

footer {background:#131313; width:100%; font-family: 'open_sansregular';}
.footerContact {width:37%; float:left; text-align:center; padding:30px 0; color:#898989; font-size:13px; line-height:22px;}
.footerHd {font-size:18px; font-style:italic; color:#fff; display:block; font-family: 'oswald_regularregular'; line-height:normal; padding-bottom:5px; text-transform:uppercase;}
.footerAbout {width:42%; float:left; text-align:center; padding:30px; color:#898989; font-size:13px; line-height:22px;}
.footerAbout .links a {margin:0 12px; color:#898989;}
.footerAbout .links a:hover {color:#fff;}
.copy {background:#1d1d1d; border-radius:20px; color:#fff; font-size:11px; padding:2px 5px; margin-top:10px;}
.footerLinks {width:21%; float:right; padding:30px 0;}
.footerLinks ul li {display:block; padding:2px 0 2px 10px; position:relative;}
.footerLinks ul li a {color:#898989;}
.footerLinks ul li a:hover {color:#fff;}
.footerLinks ul li a  span {position:absolute; left:0; top:2px;}

.abootTxt {padding:50px 0; color:#787878; font-size:18px; line-height:28px;  font-family: 'oswaldlight';}
.abootTxt .welcomeVideo {padding:0; margin:0 20px 10px 0;}
.mainHd {font-family: 'oswaldbold'; padding-bottom:10px; font-size:38px; line-height:42px; color:#000;}
.abootTxt .blcTxt {font-size:19px; color:#000; font-family: 'oswaldlight'; padding-bottom:10px;}

.map iframe {width:100%; height:400px; vertical-align:top;}
.contactLft {float:left; width:58%; border-right:1px solid #ebebeb; margin:50px 0; padding:0 20px 0 0;}
.contactTxt {font-size:19px; color:#000; font-family: 'oswaldlight'; padding-bottom:20px;}
.form li {clear:both;}
.formField {float:left; width:100%; padding-bottom:15px;}
.formField.smll {width:48%; margin-right:4%;}
.formField:last-child {margin-right:0;}
.formInput {width:100%; border:1px solid #d9d9d9; background:#fff; padding:12px; font-size:14px; color:#333;}
.formBtn {border:none; cursor:pointer; background:#025f88; padding:12px 40px 9px 40px; border-radius:3px; color:#fff; font-size:15px; text-transform:uppercase; line-height:normal;}
.formBtn:hover {background:#003e5a;}
.contactRgt {float:right; width:42%; margin:50px 0; padding:0 0 0 20px; color:#787878; font-size:14px; font-family: 'oswaldlight'; line-height:20px;}
.contactRgt a {color:#025f88;}
.addressBx {background:url(../images/loacation_icon.png) no-repeat 0 2px; padding:0 0 20px 25px;}
.phoneBx {background:url(../images/phone_icon.png) no-repeat 2px 0; padding:2px 0 20px 25px; float:left; width:50%;}
.faxBx {background:url(../images/fax_icon.png) no-repeat 2px 0; padding:2px 0 20px 25px; float:left; width:50%;}
.emailBx {background:url(../images/mail_icon.png) no-repeat 2px 2px; padding:0 0 20px 25px; float:left; width:50%; clear:both;}
.webBx {background:url(../images/web_icon.png) no-repeat 4px 1px; padding:0 0 20px 25px; float:left; width:50%;}