@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadPro';
    src: url('../font/myriadpro.eot');
    src: url('../font/myriadpro.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro.woff') format('woff'),
         url('../font/myriadpro.ttf') format('truetype'),
         url('../font/myriadpro.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebasneue_3-webfont.eot');
    src: url('../font/bebasneue_3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue_3-webfont.woff') format('woff'),
         url('../font/bebasneue_3-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{margin:0px; padding:0px; background:#fff;}
img{border:0px;}
.wrapper{width:1000px; margin:0px auto;}
.mainWrapper{background:url(../images/headerBg.png) repeat-x left top;}
.header{overflow:hidden; text-align:center; padding:2% 0px 18px 0px;}
.logo{float:left; }
* {box-sizing:border-box;}


.banner{position:absolute; width:100%; z-index:-1; left:0px; top:0px; text-align: center;}
.container{background:#f9f9f9; overflow:hidden; padding:2px 2px 20px 2px; margin:290px 0px 30px 0px;}
.innerPage{margin-top:230px!important;}
.boxPan{float:left; width:980px; padding:10px 10px 10px 10px;}
.boxPan h1{font:normal 35px/40px "bebas_neueregular", MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#fff; padding:0px 0px 10px 0px;}
.boxPan p{font:normal 18px/18px "MyriadPro", Arial, Helvetica, sans-serif!important; margin:0px; padding:0px; color:#fff!important; padding:10px 0px 10px 0px; line-height:22px !important;}
.box1{ width:320px; float:left; background:url(../images/ico_service.png) no-repeat right top #822367; border-bottom:7px solid #aa3789; border-top:40px solid #aa3789; padding:40px 15px 10px 15px; margin:0px 10px 0px 0px;}
.box2{ width:320px; float:left; background:url(../images/ico_testimonials.png) no-repeat right top #3a4c96; border-bottom:7px solid #475cb0; border-top:40px solid #475cb0; padding:40px 15px 10px 15px; margin:0px 10px 0px 0px;}
.box3{ width:300px; float:left; background:url(../images/ico_help.png) no-repeat right top #ba86ad; border-bottom:7px solid #a57198; border-top:40px solid #a57198; padding:40px 15px 10px 15px;}
.innerbox{width:980px; float:left; background:#3a4c96; border-bottom:7px solid #5769b5; border-top:40px solid #5769b5; padding:40px 15px 10px 15px;}

.conPan{float:left; width:96%; padding:10px 2% 10px 2%;}
.row{float:left; width:100%;  padding:0px 0px 20px 0px;}
.container h2{font:normal 30px/30px "bebas_neueregular", MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 10px 0px; color:#3a4c96;  border-top:0px;}
.container h2 span{background:#646464; padding:0px 10px 0px 0px;}
.container h3{font:normal 20px/22px MyriadPro, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#822367;}
.container h4{font:normal 18px/22px MyriadPro, Arial, Helvetica, sans-serif; margin:0px; color:#696969; padding:0px 0px 0px 0px; text-transform:uppercase;}
.box .pic{padding:15px 0px 0;}
.container p{font:normal 18px/22px "MyriadPro", Arial, Helvetica, sans-serif; margin:0px; padding:10px 0px 10px; color:#6d6d6d; }
.container p a{color:#000; text-decoration: underline;}
.container p a:hover{ color:#6d6d6d; text-decoration:none;}
.clm1{ width:100%;  float:left;  padding: 10px 0 10px 0px;}


.conPan .row .clm1 h3:before{content: "\f072"; font-family: 'FontAwesome'; margin: 0 5px 0 0;}
.conPan .row .clm1 p {padding:10px 0 10px 20px;}

.contactLeft{ width:45%; float:left; }
.contactRight{ width:50%; float:right;background:url(../images/shadow.png) no-repeat left top; padding:0px 0px 0px 3%; }


.footWrapper{position:relative;}
.footer{ width:100%; overflow:hidden; background:#f9f9f9; padding:20px 0px 20px 0px;  border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; z-index:-1; }
.footer h1{font:normal 18px/20px "MyriadPro", Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#545454; padding:0px 0px 10px 0px;}
.footer p{font:normal 14px/20px "MyriadPro", Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#7e7e7e; padding:0px 0px 0px 0px;}
.footer p span{color:#d54836;}
.footer p a{color:#d54836; text-decoration:none;}
.footer p a:hover{color:#7e7e7e; text-decoration:none;}

.links{float:left; width:12%;}
.links ul{margin:0px; padding:0px 0px; float:left;}
.links li{list-style:none; font:normal 14px/18px "MyriadPro", Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#7e7e7e; line-height:22px;}
.links li a{color:#7e7e7e; text-decoration:none;}
.links li a:hover{color:#000; text-decoration:none;}
.contact{float:left; width:15%;}
.call{float:left; width:30%;}
.testi{float:left; width:27%; padding:0px 20px 0px 0px;}
.social{float:left; width:13%;}
.middle{ vertical-align:middle;}
.copyright{font:normal 12px/18px "MyriadPro", Arial, Helvetica, sans-serif; text-align:center; margin:0px; padding:0px 0px 10px 0px; color:#676767;}

#header{height:753px; }
.headerimg{background-position: center top; background-repeat:no-repeat; width:100%; height:752px; position:absolute; z-index:-1;}
.headerimg img{ width:100%;}
#headertxt{width:100%; margin:0 auto; clear:both; position:absolute; top:390px; text-align:center; text-transform:uppercase;}
#headertxt p{margin:0px; padding:0px;}
#firstline{background:url(../images/titleBg.png) no-repeat center center; color:#fff; font:bold 31px ProximaNovaBold, Arial, Helvetica, sans-serif; padding:20px 0px 20px; display:block; width:100%; text-align:center; text-shadow:#333 1px 1px 7px;  }
#secondline{text-shadow:#fff 1px 1px 4px; color:#0c4b87; font:bold 42px ProximaNovaBold, Arial, Helvetica, sans-serif; padding:15px 0px 0px; text-align:center; display:block; clear:both;}

.frmrow{overflow:auto; padding:5px 0px 0px 0px; font:15px Arial, Helvetica, sans-serif; color:#656565;}
.lClm {float: left;padding: 10px 0 0;width: 35%;}
.rClm {float: left;padding: 5px 0 5px 10px;width:60%;}
.txtfld {border: 1px solid #DCDCDC; margin: 0;padding: 5px; width: 90%;}
.button{ width:141px; float:left;}



@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

.nav{ width:100%; float:left;}
.nav ul{padding:0px; margin:0px;}
.nav ul li{ width:25%;list-style:none; float:left; margin:0px; padding:0px 0px 0px 0px; font:normal 25px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}
.nav ul li a{width:99.5%; height:35px; display:block; float:left; border-right:2px solid #fff; color:#FFF; text-decoration:none; background:#168dff; padding:7px 0px 5px 0px;} 
.nav ul li a:hover, .nav ul li a.active{width:99.5%; height:35px; display:block; float:left; color:#FFF; background:#0c4b87; padding:7px 0px 5px 0px;}
.nav a.nav-btn { display:none; }


.nav-collapse, .nav-collapse * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.nav-collapse, .nav-collapse ul {list-style: none; width: 100%; float: left;}

.nav-collapse ul {margin: 0; padding: 0; width: 100%; display: block; list-style: none;}
.nav-collapse li {float: left; width: 100%;}

.nav-collapse li a {color:#fff; text-decoration:none; width:100%; background:#822367; border-bottom:1px solid white; padding: 7px 0px; float: left; font:normal 25px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}
.nav-collapse li a:hover, .nav-collapse li a.active {color: #fff; text-decoration: none; width:100%; background: #3a4c96; border-bottom: 1px solid white; padding: 7px 0px; float: left; font:normal 25px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}

/*! responsive-nav.js 1.0.32 by @viljamis */
.js .nav-collapse {clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1;}
.nav-collapse.opened {max-height: 9999px;}
.disable-pointer-events {pointer-events: none !important;}
.nav-toggle {
  -webkit-tap-highlight-color: #168dff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
.nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

@media screen and (min-width: 40em) {
.nav-collapse a{margin: 0; float:left; text-align:center; border-bottom: 0; border-right: 2px solid white; width:100%; list-style:none; font:normal 25px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}
.nav-collapse a:hover, .nav-collapse a.active {margin: 0; float: left; text-align: center; border-bottom:0; border-right: 2px solid white; width:100%; list-style:none; font:normal 25px/35px "bebas_neueregular", arial; text-transform:uppercase; text-align:center;}
}

@media screen and (min-width: 40em) {
.js .nav-collapse {position: relative;}
.js .nav-collapse.closed {max-height: none;}
.nav-toggle {display: none;}
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background:#1064b4;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 40px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 40px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {font-size: 24px; content:"x";}