/* Add your custom styles here */

/** Fonts **/
p {
  color:#000;
}
h1 {
  font-weight:600;
}
h2, h3, h4, h5, h6 {
  color:#13295A;
  font-weight:600;
}
/***Header ***/
#logowrap {
height:120px;
}
#logowrap img {
  width:auto;
margin-top:-10px;
}
#mainwrap {
  padding-top:0;
}

/***Menu styles ***/
.zen-menu.zen-menu-horizontal ul {
font-size:18px;
}
#menu ul > li.active > span.zen-menu-heading, #menu ul > li.active > a, #menu ul > li a {
    font-weight: 800;
    font-size: 20px;
  	color:#ffffff;
}
#menu ul > li a, #menu ul > li span.zen-menu-heading {
	color:#d3d3d3;
	font-size:20px;
	font-weight:800;
}
#navwrap {
  margin-bottom:0;
}
#search p {
  font-size:24px;
  color:#13295A;
  font-weight:600;
}
#search a:hover {
  color:#666666;
}
#search .fa-linkedin-square {
  font-size:36px;
}

/*** Request a call module ***/
#grid15 #ajaxcontact {  
    width: 90%;
    float: right;
    margin-left: 30%;
    margin-bottom: -7%;
}
#grid15 .ac-cf-container {
	padding-bottom:10px;
}

#grid13 h2 span {
	color:#fff;
	font-weight:600;
}
/** Footer ***/
.footer-contact p {
	font-size:14px;
	font-weight:600;
  color:#13295A;
}
#copyright a:hover {
	color:#13295A;
}

/*** Contact us page ***/
.contactus {
  width:60%;
  margin:auto;
}
.contactus .ac-cf-container {
  padding-bottom:10px;
}
.contactus .inputbox.required {
  border:1px solid #13295A;
}

/****Article/Page styling ***/
.article-header {
  background-color:#13295A;
margin-top:10px;
}
.article-title {
    padding: 0 0 15px 0;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #fff;
    margin-left: 10px;
}
.article-content {
  margin-left:10px;
  margin-top:20px;
}

/*** remove bullet point befor emenu heading ***/
.zen-menu ul > li.parent > a:before, .zen-menu ul > li.parent > .zen-menu-heading:before {
  content:none;
}

/*** Sticky Nav ***/
.fixed #menu ul.first-level > li.active > span.zen-menu-heading, .fixed #menu ul.first-level > li.active > a {
  color:#13295A;
}
.fixed #menu ul.first-level > li > a, .fixed #menu ul.first-level > li > span.zen-menu-heading {
  color:#666666;
}
.zen-nav-fixed #menu {
  margin-top:15px;
}

/** Responsive images **/
img {
    /*width: 100%;*/
    max-width:100%;
    height: auto;
}
/*** Home page main content ***/

.homeimage img {
    float: right;
    margin-left: 1.0em;
    margin-right: 4.0em;
    width:300px;
    /*height: 400px;*/
    margin-top: -80px;
  padding-bottom:10px;
}
.homelist ul {
    padding-left: 1.2em;
    overflow: hidden;
    float:left;
    margin-left:100px;
}
.homelist li {
    list-style-position: outside;
}
ul.list1 {
    list-style: none;
}
.list1 li {
    list-style-image: url(/../../images/bullet1.png);
    margin-left: 25px;
    line-height: 1.8em;
    padding-left: 10px;
}
.homelist a {
  font-weight:600;
}
/*** Hero***/
#banner {
    /*background-image: url(../../../images/headers/sales_hero.jpg);*/
    background-size: cover;
}
.hero h1 {
  margin-top: 8%;
  text-shadow: -1px -4px 1px rgba(19, 41, 90, 1);
  background-color: rgba(0,0,0,0.4);
}
/** Mobile menu ***/
#mobile-logo img {
  	height: 50px;
    width: auto;
    margin-top: -40px;
}

#mobile-logo {
  margin-top: 50px;
}
#toolbar {
  height:80px;
}
#toolbar.zen-row-wrap {
	background-color:rgba(255,255,255,0.7)
}
#toolbar > div > div > div > div.offcanvas-trigger.zg-col.zg-col-3 > a {
  margin-top:-80px;
}
/*** Mobile phone num ***/
#top1 {
    margin-top: 80px;
    font-size: 25px;
    font-weight: 600;
}
/*** CTA button styling - Hero ***/
#banner .hero .btn{
  padding:20px;
  font-size: 20px;
  font-weight: 600;
  border-radius: 3px;
}
#banner .hero .btn:hover{
  color:#13295A;
  background-color:#ffffff;
}
/*** CTA Request call **/
#grid15 #ac-submit {
  background-color:#ffffff;
  color:#13295A;
}
#grid15 #ac-submit:hover {
  background-color:#666666;
  color:#ffffff;
}
/**** Media Queries ****/
@media only screen and (max-device-width: 667px) and (orientation: portrait) {
  .contactus {
    width:85%;
  }
  .homeimage img {
    margin-top:20px;
    margin-left:-5px;
    float:none;
    margin-bottom:10px;
  }
  .homelist ul {
    margin-left:-40px;
  }
  .homelist h3 {
    font-size: 25px;
  }
  .homelist li {
    margin-bottom:-15px;
  }
  #grid13 h2 {
    margin-left:0;
  }
  #grid13 .zen-module-title {
    text-align:center;
  }
  #grid13 .sub-heading {
    margin-left:0!important;
    text-align:center;
  }
  #grid15 #ajaxcontact {
    margin:auto;
    width:85%;
    float:none;
  }
  #footerwrap, #grid21 p {
    text-align:center!important;
  }
  .hero h1 {
    line-height: 1.0em;
    font-size: 35px;
  }
  .article-title {
    font-size:35px;
  }
  .article-content img {
    margin-left:0!important;
    margin-right:0!important;
  }
  img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
  #grid15 #ajaxcontact {
    margin:auto;
    width:85%;
    float:none;
  }
  #grid13 h2 {
    margin-left:0;
    text-align:center;
  }
  #grid13 .sub-heading {
    margin-left:0!important;
    text-align:center;
  }
  .article-content img {
    margin-left:0!important;
    margin-right:0!important;
  }
  img {
    width: 100%;
    height: auto;
  }
  .homeimage img {
    margin-top:0;
  }
  .homeimage {
    text-align:center;
  }
}

/****Ipad ***/
@media only screen 
  and (min-device-width: 736px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #grid13 h2 {
      margin-left:10px;
      text-align:center;
    }
    #grid13 h2 span {
      margin-left:0!important;
    }
    #grid13 .sub-heading {
      margin-left:10px!important;
      text-align:center;
    }
    .homeimage img {
      margin-top:0;
      margin-bottom:10px;
      float:none;
      height:100%;
    }
    .homeimage {
      text-align:center;
    }
    #footerwrap, #grid21 p {
    text-align:center!important;
     }
    #grid15 #ajaxcontact {
    margin:auto;
    width:85%;
    float:none;
  }
  img {
    width: 100%;
    height: auto;
  }
}