@charset "utf-8";h1,h2,h3,h4,h5,h6,p{margin:20px 0 10px}
@font-face{font-family:'oswaldregular';src:url('../fonts/oswald-regular-webfont.eot');src:url('../fonts/oswald-regular-webfont.eot?#iefix')
format('embedded-opentype'),url('../fonts/oswald-regular-webfont.woff2')
format('woff2'),url('../fonts/oswald-regular-webfont.woff')
format('woff'),url('../fonts/oswald-regular-webfont.ttf')
format('truetype'),url('../fonts/oswald-regular-webfont.svg#oswaldregular')
format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'open_sansregular';src:url('../fonts/opensans-regular-webfont.eot');src:url('../fonts/opensans-regular-webfont.eot?#iefix')
format('embedded-opentype'),url('../fonts/opensans-regular-webfont.woff2')
format('woff2'),url('../fonts/opensans-regular-webfont.woff')
format('woff'),url('../fonts/opensans-regular-webfont.ttf')
format('truetype'),url('../fonts/opensans-regular-webfont.svg#open_sansregular')
format('svg');font-weight:normal;font-style:normal;}
body,ul{padding:0;margin:0}
.container,.top-nav,body,nav ul li,ul{padding:0}
.banner h2,.slider h2{text-transform:uppercase;text-shadow:2px 2px 2px rgba(0,0,0,.3)}
.banner h2,.slider h2,nav ul li{text-transform:uppercase}
body{font-family:'open_sansregular';font-size:13px;font-weight:400;color:#5a5959}
.profile-title,h1,h2,h3,h4,h5,h6{font-family:'oswaldregular';}
h1,h2,h3,h4,h5,h6{color:#41576c}h1{font-size:42px}
h2{font-size:32px}h3{font-size:20px}
h4{font-size:18px}
.align-left{float:left}
.align-right{float:right}
ul{list-style-type:none}
a{color:#fff}
a:focus,a:hover{text-decoration:none}
img{max-width:100%;height:auto;vertical-align:middle;border:0;outline:0}.container{margin:0 auto}
header{position:absolute;top:0;background:rgba(0,0,0,.5);min-height:57px;border-bottom:1px solid #0d0f13;width:100%;z-index:99}
header h1.logo{position:absolute;margin:0;left:14px}
.mobile-logo {display:none; position:absolute;margin:0;left:14px;}
.affix,.top-nav,nav,nav ul,nav ul ul{position:relative}
.top-nav{top:25px;width:60%;margin-left:15px}
.menubtn{display:none}nav{display:block;z-index:9999}
nav span{display:none}nav ul,nav ul ul{padding:0;margin:0;list-style:none;line-height:1}
nav ul li{text-align:center;background:0 0;margin:0 14px 0 0;min-width:50px;letter-spacing:.2px;float:left}
nav ul li:last-child{margin-right:0}
nav ul li ul{position:absolute;width:180px;left:-999em;background:rgba(0,0,0,.8);font-weight:400;border-radius:0 0 7px 7px}
nav ul li ul li{width:100%}
nav ul ul li,nav ul ul ul li,nav ul ul ul ul li{border-right:none}
nav ul li ul a{padding:1em 1.5em;margin-top:-1px}
nav ul li ul li:last-child a{border-bottom:none}nav ul li ul ul{margin:-36px 0 0 180px}
nav ul li.sfhover ul ul,nav ul li.sfhover ul ul ul,nav ul li:hover ul ul,nav ul li:hover ul ul ul{left:-999em}
nav ul li li li.sfhover ul,nav ul li li li:hover ul,nav ul li li.sfhover ul,nav ul li li:hover ul,nav ul li.sfhover ul,nav ul li:hover ul{left:auto}
nav ul a{display:block;color:#FFF;padding:0 5px 17px;border-bottom:3px solid transparent}
nav .active,nav ul a:hover{border-bottom:3px solid #3a67b9}
nav ul a:hover{color:#fff}nav ul li ul a{border-bottom:1px solid #ddd;color:#fff}
nav ul li ul a:hover{border-bottom:1px solid #3a67b9}
nav .active a{border-bottom:none}
.social-icons{width:177px;float:right;padding:14px 0}
.social-icons ul li{float:left;border:1px solid #fff;text-align:center;margin-right:15px;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.facebook:hover{background:#314a87}
.twitter:hover{background:#22bbf4}
.linked-in:hover{background:#006dc0}
.g-plus:hover{background:#d13e2f}
.social-icons ul li:last-child{margin-right:0}
.slider{height:538px}
.slider .item .slider-img{background:url(../images/slider-img2.jpg) top center no-repeat;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
.slider .carousel-caption{max-width:735px;padding-bottom:0;bottom:88px;margin:0 auto}
.slider .item:nth-child(1) .slider-img{background:url(../images/slider-img.jpg) top center no-repeat}
.slider .item:nth-child(2) .slider-img{background:url(../images/slider-img3.jpg) top center no-repeat}
.slider .item:nth-child(4) .slider-img{background:url(../images/slider-img4.jpg) top center no-repeat}
.slider h2{color:#fcfffd;font-size:32.83px;line-height:48px}
.carousel-control{width:39px;height:39px;z-index:9999;background-image:none!important;border:1px solid #fff;top:50%;opacity:1;margin-top:24px}
.carousel-control.left{left:46px}
.carousel-control.right{right:46px}
.active,.carousel,.carousel-inner,.item{height:100%}
.middle-content{margin:15px 0 33px}
.middle-content .download-brochure{border:3px solid #efefef;width:inherit;padding:0;float:right;margin:23px 16px 0 0}
.middle-content .download-brochure .download-brochure-btn{background:url(../images/blue-strip.jpg) repeat-x;color:#fff;font-size:21px;font-family:Oswald,sans-serif;width:100%;text-align:center;display:block;padding:7px 0}.middle-content h3{margin:20px 0}
.middle-content p{margin:0 0 10px}
.client-logo{background:#f8f8f8;border-top:3px solid #e0e0e0;text-align:center;height:151px;line-height:151px}
.client-logo ul{display:inline-block}
.client-logo ul li{float:left;text-align:center;margin-right:105px}
.client-logo ul li:last-child{margin-right:0}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-item{float:left}
footer{background:#01325a;border-top:3px solid #012c4f;height:116px;text-align:center;color:#fff}
footer ul.footer-nav{margin:10px 0;display:inline-block}
footer ul.footer-nav li{float:left;background:url(../images/footer-nav-divider.jpg) right 6px no-repeat}
footer ul.footer-nav li:last-child{background:0 0}
footer ul.footer-nav li a{padding:0 18px}
footer ul.social-nav-footer li{display:inline-block;border:1px solid #fff;margin-right:12px}
footer ul.social-nav-footer li:last-child{margin-right:0}
footer .contact-box{display:inline-block;padding:12px 20px;background:url(../images/footer-nav-divider.jpg) right 17px no-repeat}
footer .contact-box:last-child{background:0 0;margin-right:0}
footer .copyright{background:#dfdfdf;padding:16px 0 14px}
footer .copyright p{color:#01325a;margin:0;font-size:12px}
footer .copyright a{color:#01325a}
footer .copyright a:hover{color:#000}
.inner-pages{margin:11px 0 29px}
.banner{position:relative;background:url(../images/company-profile.jpg) center top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;height:332px}
.banner .carousel-caption{max-width:735px;padding-bottom:0;bottom:50px;margin:0 auto}
.banner.brand-experience{background:url(../images/brand-experience.jpg) center top no-repeat}
.banner.contact{background:url(../images/contact-us.jpg) center top no-repeat}
.banner.support{background:url(../images/support-and-services.jpg) center top no-repeat}
.banner.support h2{color:#41576c}.banner h2{color:#fcfffd;font-size:32.83px;line-height:48px}.profile-pic{float:left;width:281px;border:3px solid #efefef;padding:0;margin:0 15px 0 14px}
.profile-title{background:url(../images/blue-strip.jpg) repeat-x;color:#fff;font-size:21px;width:100%;text-align:center;display:block;padding:7px 0}
.right-section{width:inherit;max-width:877px;float:right}
.right-section p{margin:0 0 20px}
.right-section p:last-child{margin:0}
#gallery{max-width:860px;margin:0 auto;text-align:center}
#gallery .carousel-indicators .active,#gallery .carousel-indicators li{width:207px;height:135px;overflow:hidden;text-align:center;line-height:130px;background:#f0f0f0;text-indent:0;border-radius:0}
#gallery .carousel-indicators{position:inherit;padding-left:0;bottom:auto;left:auto;margin-left:0;width:100%;margin-top:4px;text-align:left;margin-bottom:0}
#gallery .carousel-indicators li{margin:0 5px 5px 0}
#gallery .carousel-inner{border:2px solid #01325a;height:545px;background:url(../images/gallery-bg.jpg) top repeat-x;line-height:544px;margin:34px 0 7px;max-width:850px}
#gallery .carousel-indicators li:hover{border:1px solid #476a86}
#gallery .carousel-inner img{display:inline-block}
#gallery .carousel-control{background:#01325a;width:43px;height:68px;border:1px solid #879fb1;line-height:68px;margin:-34px 0 0}
#gallery .carousel-control.left{left:0;text-align:center;border-top-right-radius:5px;border-bottom-right-radius:5px}
#gallery .carousel-control.right{right:0;border-top-left-radius:5px;border-bottom-left-radius:5px}
#gallery .carousel-caption{bottom:25px;padding:0}
#gallery .carousel-caption h3{margin:0;font-family:'open_sansregular';text-shadow:none;color:#231f20;font-size:20px}
#gallery .carousel-indicators .title { font-size:18px; font-family:'oswaldregular'; display:block; width:inherit; height:inherit; background:none; text-align:left; margin:0; line-height:35px;}
#gallery .carousel-indicators .title.active{}
.contact-us .form-control{margin-bottom:10px}
.contact-us textarea{height:100px}
.contact-us input[type=button]{background:#01325a;color:#fff;width:20%;height:40px;font-size:16px}
.contact-us input[type=button]:hover{background:#23527c}
.contact-us i.icon{margin-right:10px}.contact-us h4{margin:0 0 30px}
.contact-us .right-section{margin-right:30px}
.contact-us .right-section p{font-size:16px}
.contact-us a{color:#5a5959}
.contact-us a:hover{color:#23527c}
.contact-us .thanks{border:2px solid #dfdfdf;padding:10px}
.contact-us .thanks h5{margin:0 0 10px}
.contact-us .thanks p{margin:0}
.contact-us .captcha{position:relative}
.contact-us .captcha_c{position:absolute}
.contact-us .capt{padding-left:9em;height:40px}
.contact-us span.formvald{font-size:10px;position:relative;top:-10px}
.support-and-services .quotes{margin-bottom:10px}
.support-and-services .quotes h5:first-child{margin:0 0 10px}
.support-and-services .quotes p{border-bottom:1px solid #c9c9c9;padding-bottom:10px;max-width:510px}
.support-and-services .quotes p:last-child{border-bottom:none}
.error-page{text-align:center}
.error-page h2{font-size:52px}
.error-page h3{font-size:42px}
.error-page h4{font-size:32px}
.error-page .error-btn{background:#01325a;color:#fff;width:20%;height:40px;font-size:16px;display:block;margin:0 auto;line-height:40px}
.error-page .error-btn:hover{background:#23527c}
@media all and (min-width:768px) and (max-width:1216px){.container{padding:0 15px}header h1.logo{width:80px}
header .logo-section{width:14%}
.top-nav{width:66%;margin-left:0;top:25px}
nav ul li{font-size:13px;margin-right:6px}
nav ul a{padding:0 2px 17px}
.social-icons{width:150px}
.social-icons ul li{margin-right:5px}
.slider{height:450px}
.slider h2{font-size:28px;line-height:normal}
.middle-content .download-brochure{width:225px}
.profile-pic{width:270px}
.right-section{max-width:670px}
}
@media all and (min-width:768px) and (max-width:992px){.social-icons{width:147px}
.slider{height:300px}
.middle-content .download-brochure{width:171px}
.middle-content .download-brochure .download-brochure-btn{font-size:16px}
#gallery .carousel-inner{max-width:700px;display:inline-block}
#gallery .carousel-indicators .active,#gallery .carousel-indicators li{width:174px;height:112px;line-height:107px}
#gallery .carousel-indicators{display:inline}
#gallery .carousel-indicators li{margin:0 0 5px}
.right-section{max-width:445px}.contact-us .right-section{margin-right:0}
.contact-us .right-section p{font-size:13px}
#gallery .carousel-indicators h4{text-align:center}
}
@media all and (max-width:1024px){.menubtn:hover,nav span:hover{cursor:pointer}
.logo-mobile img{display:block;width:20%;float:left}
#nav{float:none;z-index:9999;max-width:288px;position:absolute;right:19px;top:33px}
.menubtn,nav span{display:block;float:right}
.menubtn{text-indent:-9999px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;width:40px;height:20px;margin:-5px 20px 0 0}
nav span{top:0;padding:10px}
nav ul,nav ul>ul{display:none;float:none;width:100%}
nav ul li{border-right:none}nav ul a{color:#FFF}
nav ul a:hover{color:#fff;border-bottom:1px solid #ddd}
nav .active{border-bottom:1px solid #3a67b9}
nav ul li a.sf-with-ul:after{content:''}
nav ul li,nav ul li ul,nav ul li ul li,nav ul ul{width:100%}
nav ul ul li ul a{padding:.5em 1em .5em 3em}
nav ul ul ul li ul a{padding:.5em 1em .5em 4em}
nav ul li li li.sfhover ul,nav ul li li li:hover ul,nav ul li li.sfhover ul,nav ul li li:hover ul,nav ul li ul,nav ul li ul ul,nav ul li.sfhover ul,nav ul li.sfhover ul ul,nav ul li.sfhover ul ul ul,nav ul li:hover ul,nav ul li:hover ul ul,nav ul li:hover ul ul ul{position:relative;display:none;margin:0;left:0}
nav{margin:0;clear:both;background:0 0;height:auto}
nav span,ul li.menuOpen>span{z-index:9999;width:32px;height:32px;right:0}
.menubtn{background:url(../images/navbar-icon.png) right center no-repeat}
nav span{background:url(../images/arrow-down.png) center right no-repeat;position:absolute}
nav ul li,nav ul li ul li,nav ul ul{background:rgba(0,0,0,.8)}
nav ul li,nav ul ul{position:relative}nav ul li ul li a{color:#fff}
ul li.menuOpen>span{background:url(../images/arrow-up.png) center right no-repeat;position:absolute}
.lpanel,.rpanel{width:100%}
ul ul ul li.menuOpen,ul ul ul li.menuOpen:hover{background:#cdebf7}
nav ul a,nav ul li a,nav ul li ul a{padding:10px 25px;border-bottom:1px solid #ddd}
nav ul li:last-child a{border-bottom:none}
nav ul li:first-child a{padding-left:25px}
.carousel-caption{font-size:14px}
.carousel-caption .caption-title{font-size:23px}
.rpanel{margin-left:0}.add-image h3{width:80%;margin:0 auto 10px;font-size:24px;line-height:30px}header{padding-top:0}
#topnav{width:100%;z-index:9999;top:0}
.affix{position:fixed;top:0;left:0;background:#fff;padding:10px 20px 75px 10px}
#gallery .carousel-caption{left:0;right:0;width:100%;bottom:20px}
}
@media all and (max-width:767px){#gallery .carousel-indicators,.contact-us,.inner-pages h3,.right-section{text-align:center}
.container{padding:0 15px}
header{height:110px}
header h1.logo{width:135px}
#nav{top:71px}
.top-nav{width:inherit}
.menubtn{margin:50px 20px 0 0}
.social-icons{position:absolute;top:0;right:0;width:150px}
.social-icons ul li{margin-right:5px}
.slider{height:300px}
.client-logo,footer{height:auto}
.banner .carousel-caption,.slider .carousel-caption{bottom:70px}
.banner h2,.slider h2{font-size:15px;line-height:normal}
.carousel-control{z-index:inherit}.carousel-control.left{left:0}
.carousel-control.right{right:0}.middle-content .download-brochure{float:none;width:268px;margin:0 auto}
.client-logo ul li{margin-right:40px}
footer ul.footer-nav{display:block}
footer ul.footer-nav li{float:none;background:rgba(0,0,0,.3)!important;margin-bottom:5px}footer ul.footer-nav li a{padding:5px;display:block}
footer .contact-box{padding:2px;display:block;background:0 0}
footer .contact-box:last-child{margin-bottom:10px}
footer ul.social-nav-footer{margin:10px 0}
#gallery .carousel-inner{height:250px;line-height:250px}
#gallery .carousel-indicators .active,#gallery .carousel-indicators li{width:150px;height:96px;line-height:90px}
#gallery .carousel-inner img{max-width:30%}
#gallery .carousel-caption{bottom:10px}
#gallery .carousel-caption h3{font-size:14px}
.profile-pic{float:none;width:268px;margin:0 auto 20px}
.right-section{float:none}
.support-and-services .quotes p:last-child{border-bottom:1px solid #c9c9c9}
.support-and-services .quotes+.quotes p:last-child{border-bottom:none}
.contact-us .thanks{display:inline-block}
.contact-us h4{margin:20px 0 10px}
.contact-us .right-section p{margin:0 0 10px}
.contact-us input[type=button]{width:100%}
#gallery .carousel-indicators li{margin:0 0 5px}
.banner.support { background-size:100% 50% !important; background:url('../images/support-and-services.jpg') no-repeat center 110px;}
}
@media all and (max-width:640px){#gallery .carousel-inner{height:445px;line-height:445px}
}
@media all and (max-width:480px){#gallery .carousel-inner{height:225px;line-height:225px}
#gallery .carousel-indicators .active,#gallery .carousel-indicators li{width:108px;height:68px;line-height:63px}
#gallery .carousel-indicators li img{height:100%}.banner .carousel-caption,.slider
.banner h2,.slider h2{font-size:13px}
}
@media all and (max-width:320px){
header h1.logo { display:none;}
.social-icons { width:180px; }
.social-icons ul li { width:40px; height:40px; line-height:40px; }
.mobile-logo { display:block;}
#gallery .carousel-inner{height:180px;line-height:180px}
#gallery .carousel-indicators .active,#gallery .carousel-indicators li{width:88px;height:56px;line-height:50px}
.banner { height:200px;}
.banner .carousel-caption { bottom:5px; }
}