/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*======================================================================
    Global Style
========================================================================*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
/*=== GENERAL LAYOUT ===*/
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color:#3E3737;
  line-height: 25px; }
  @media (max-width: 1000px) {
    body {
      font-size: 16px; } }
  body p {
    font-size: 16px;
    color:#3E3737;
    margin: 1em 0; }
    @media (max-width: 1000px) {
      body p {
        font-size: 16px; } }
  body ol li,
  body ul li {
    font-size: 16px; }

a {
  outline: 0 !important; }

.mobile-menu,
.menu-trigger {
  display: none; }

#main-wrapper {
  position: relative;
  overflow: hidden; }

.wrapper {
    max-width: 1480px;
    margin: auto;
    padding: 0 40px;
    position: relative; }

.cols2 {
  width: 50%;
  padding-right: 3%;
  padding-left: 3%;
  float: left;
  padding-top: 20px; }
  @media (max-width: 1000px) {
    .cols2 {
      width: 100%; } }

.gform_wrapper .top_label .gfield_label {
  display: none !important; }

.gform_wrapper .top_label .display-label .gfield_label {
  display: block;
  font-weight: normal;
  color: #000; }

.gform_wrapper textarea.medium,
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  background: #f2f2f2;
  border: 0 !important;
  width: 100%;
  padding: 23px 18px; }

.gform_wrapper ul li.gfield {
  margin-bottom: 17px; }

.gform_wrapper textarea.medium {
  min-height: 237px;
  width: 100% !important; }

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image] {
  font-size: 20px;
  display: inline-block;
  padding: 11px 34px;
  border: 1px solid #0B2F4B;
  color: #0B2F4B;
  margin: 27px 0 0;
  font-weight: 300;
  background: #ffffff !important;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
  .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_footer input[type=image]:hover {
    background: #3C281E !important;
    text-decoration: none;
    color: #fff; }
  .gform_wrapper .gform_footer input.button:after, .gform_wrapper .gform_footer input[type=submit]:after, .gform_wrapper .gform_footer input[type=image]:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
.input-wrapper{
  margin-bottom:16px;
  width:100%;
}
textarea,
input[type="email"],
input[type="text"]{
  width:100%;
  border:1px solid #9D958E ;
  padding:7px 16px;
}
input[type="submit"]{
  background:#7FC31B;
  padding:7px 28px;
  color:#fff;
  border:0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

input[type="submit"]:hover{
  background:#5db243;
}
::-webkit-input-placeholder {
  font-family: 'Open Sans', sans-serif;
  color: #9D958E;  }

:-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Open Sans', sans-serif;
    color: #9D958E;  }

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Open Sans', sans-serif;
  color: #9D958E; }

:-ms-input-placeholder {
  font-family: 'Open Sans', sans-serif;
  color: #9D958E;  }


h1{
  font-size: 36px;
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  color:#3E3737;
  margin: 40px 0 40px;
}
h2{
  font-size: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  color:#2E57A5;
    margin: 0 0 35px;
}
h3{
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
  margin:0;
  color:#54A822;
}
h4{
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
  margin:0;
  color:#9D958E;
  margin-bottom:30px;
}
h5{
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
}
a:focus{
  text-decoration:none;
}
/*Header*/
#masthead{
  background: #2E57A5;
}
.site-logo{
  margin:0;
  width:auto;
  float:left;
  background: url('../images/logo-bg.png') no-repeat top right;
  padding: 17px 116px 17px 0;
  position: relative;
  z-index: 9;
}
.site-logo a {
   position: relative;
  z-index: 9;
}
.white-bg{
    position: absolute;
    background:#fff;
    top: 0;
    left: 0;
    width: 420px;
    height: 100%;
    /* margin-right: 116px; */
    padding-left: 100%;
    margin-left: -100%;
    box-sizing: content-box;
    z-index: 8;
}
.right-side-header p{
    float: right;
    color: #fff;
    font-size: 17px;
    margin: 18px 0;
    text-align: right;
}
.right-side-header a{margin:0;float:right;}
.right-side-header a.fb-icon{
  width:11px;
  height:24px;
  display: inline-block;
  background:url(../images/fb.png) no-repeat top center;
  text-indent: -9999px;
  margin: 29px 20px 29px 0;
}
.right-side-header a.fb-icon:hover{
  background:url(../images/fb-hover.png) no-repeat top center;
}
.right-side-header a.email-icon{
  width:29px;
  height:20px;
  display: inline-block;
  background:url(../images/mail.png) no-repeat top center;
  text-indent: -9999px;
  margin: 29px 20px 29px 0;
}
.right-side-header a.email-icon:hover{
  background:url(../images/mail-hover.png) no-repeat top center;
}
.right-side-header a.phone-icon{
  width:28px;
  height:28px;
  display: inline-block;
  background:url(../images/phone.png) no-repeat top center;
  text-indent: -9999px;
  margin: 29px 20px 29px 0;
}
.right-side-header a.phone-icon:hover{
  background:url(../images/phone-hover.png) no-repeat top center;
}
.menu-trigger{display:none;}
.navi-wrapper{
  background: #7FC31B;
}
.main-navigation {text-align: center;}
.main-navigation ul{
  margin: 0;
  text-decoration: none;
  display: inline-block;
  background: #54A822;
  padding: 0;
}
.main-navigation ul li{
  display: inline-block;
}
.main-navigation ul li:first-child a{
    background: url('../images/anchor-active5.png') no-repeat top left;
}
.main-navigation ul li a:after{
    right: -20px;
    z-index: 999;
}
.main-navigation ul li a{
  display: block;
  margin-right: -6px;
  color: #fff;
  font-size: 15px;
  padding: 13px 21px 13px 46px;
  position: relative;
  width: auto;
  text-transform: uppercase;
}

.main-navigation ul li:hover a{
  color:#1b75bc;
  text-decoration: none;
}
.main-navigation ul li.current_page_item a{
  background:#2E57A5 url('../images/anchor-active.png') no-repeat top left;
}

.main-navigation ul li a:after{
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  display: block;
  width: 44px;
  height: 100%;
  background: url(../images/anchor-active3.png) no-repeat top right;
}
.main-navigation ul li:last-child a:after{
    right: -20px;
}

/*.main-navigation ul li:hover a:after{
  content: "";
  position: absolute;
  top: 0;
  right: -27px;
  display: block;
  width: 44px;
  height: 100%;
  background: url(../images/anchor-active2.png) no-repeat top right;
}*/
.main-navigation ul li.current_page_item a:after{
  content: "";
  position: absolute;
  top: 0;
  right: -27px;
  display: block;
  width: 44px;
  height: 100%;
  background: url(../images/anchor-active2.png) no-repeat top right;
}
.main-navigation ul li.current_page_item:last-child a:after{
  background:url('../images/anchor-active6.png') no-repeat top left;
  right: -44px;
}

/*Content*/
.metaslider{
    max-width: 100% !important;
}
.page-template-template-map .content-page{
  margin-bottom:40px;
}
.divider-bg{
  width:100%;
  height:auto;
  margin-top: -20px;
}
.page-right-content{
  background: url('../images/number-bg.png') no-repeat bottom center;
}
.number-item{
  color:#54A822;
  padding:20px 0;
}
.number-item.one-item{
  color:#54A822;
}
.number-item.two-item{
  color:#9D958E;
}
.number-item.three-item{
  color:#2E57A5;
}
.number-item.four-item{
  color:#7FC31B;
}
.number-item.five-item{
  color:#999999;
}
.number-item span{
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  width:820px;
  text-align:left !important;
  line-height: 18px;
  min-height:49px !important;
    font-family: 'Open Sans', sans-serif;

}
.number-item span div{
  text-align:left !important;
}
.number-item span.numbers {
    font-size: 48px;    font-family: 'Open Sans Condensed', sans-serif;
    float: left;
    display: inline-block;
    padding: 0px 32px;
    line-height: 50px;
    width:80px;
}
.number-wrapper{
    max-width: 900px;
    margin: 0 auto 50px;
    text-align:left;
}

.post-thumbnail{
    width: 200px;
    float:left;
    text-align: center;
}
.project-content{
    width: 650px;
    float:right;
}
.project-content p.project-title{
  font-size: 18px;
  font-weight: bold;
  color:#7FC31B;
  margin:0;
}

.project-content p{
  color:#3E3737;
  font-size:16px;
  font-family: 'Open Sans', sans-serif;
  margin-top:0;
}
.project-cols{
  margin-bottom: 20px;
}

#subhead{
  background:#7FC31B;
  color:#fff;
  padding:20px 0;
  position: relative;
}
  #subhead p{
  color:#fff;}
  #subhead a{
    color:#fff;
  }
  #subhead a:hover{
    color:#262262;
    text-decoration: none;
  }
  #subhead a.conwaycreative-logo .mobile-logo{display:none;}
.leftfooter{
  float:left;
  width:50%;
  margin: 32px 0;
}
.rightfooter{
  float:right;
  width:50%;
}
  .rightfooter p{
    float:left;
    margin-left: 60px;
    display:inline-block;
  }
  .rightfooter p span{
    color:#0A0045;
  }
  .rightfooter a{
    float: right;
    padding: 29px 0;
  }
  .blue-bg{
    background: url('../images/blue-bg.png') no-repeat top left;
    background-size: 100% 100%;
    width:60%;
    height:110%;
    position:absolute;
    top:0;
    right:0;
    margin-top:-1%;
  }








@media (max-width: 1200px) {
  iframe {
    max-height: 200px; } 
  .white-bg{
      width: 325px;
  }
  .site-logo{
    width: 438px;
  }
  .site-logo img{
    width:300px;
    height:auto;
  }
}
iframe{max-width:100%;}
@media (max-width: 1190px) {
  header#masthead .right-side-header {
      width: 44%;
      float: right;
  }
  .rightfooter p{
    margin-left:20px;
  }

}

@media (max-width: 1000px) {
  .number-wrapper{
    width:600px;
  }
  .bg-column {
      width: 100%;
      position: relative;
      height:auto !important;
  }
  .page-right-content .cols2{margin-bottom:30px;text-align: center;padding:0;}
  .featured-column{
    padding:50px 0 10px;
  }
  .number-item span{
    width: 505px;
  }
  .project-content {
    width: 400px;
    float: right;
  }
}
@media (max-width: 900px){
  header#masthead .right-side-header {
      width: 41%;
  }
}


@media (max-width: 850px){
  header#masthead .right-side-header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
  }
  .site-logo{
    margin-top: 86px;
    background:#fff url(../images/logo-bg2.png) no-repeat top right;
    width: 80%;
    text-align: right;
  }

  .mobile-display{
    width: 320px;
    margin: auto;
  }
  #subhead {
      background: #7FC31B;
      color: #fff;
      padding: 20px 0;
      position: relative;
      margin-bottom: 83px;
      font-size: 12px;
  }
  #subhead p{
      font-size: 12px;
  }
  #subhead a.conwaycreative-logo{
    position: absolute;
    top: 100%;
    float: none;
    left: 0;
    color: #7FC31B;
    text-align: center;
    width: 100%;
    margin-top: 24px;
  }
  .rightfooter {
      float: right;
      width: 50%;
      text-align: right;
  }
  .rightfooter p {
      margin-left: 0px;
      width: 100%;
  }
  #site-navigation{display:none;}
  .menu-trigger{display:block;
    text-align: center;
    color:#fff !important;
    text-decoration: none !important;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 0;
  }
  .main-navigation ul li.current_page_item:first-child a ,
  .main-navigation ul li.current_page_item a{
    background: #2E57A5 ;
  }
  .main-navigation ul li:first-child a {
      background: none;
  }
  .navi-wrapper .wrapper{
    width:100%;
    max-width: none;
    padding:0;
  }
  .main-navigation ul{
    width:100%;
  }
  .main-navigation ul li{
    width:100%;
    float:none;
    display: block;
  }
  .main-navigation ul li a{
    padding: 13px 12px;
  }
  .main-navigation ul li a:after{display:none;}
  .main-navigation ul li.current_page_item a:after{display:none;}

  #subhead a.conwaycreative-logo .mobile-logo{display:inline;}
  #subhead a.conwaycreative-logo .desktop-logo{display:none;}
    
}
@media (max-width: 700px){
  .featured-columns{display:none;}
  .banner-description {
    width: 100%;
    background-size: cover;
  }
  .home .metaslider .caption{padding:0;}
  .metaslider .caption-wrap {
      bottom: 0% !important;
  }
  .leftfooter{
    width: 34%;
  }
  .site-logo{
    width:100%;
  }
  .number-wrapper {
      width: 400px;
  }
  .number-item span {
      width: 305px;
  }
  .post-thumbnail,
  .project-content {
    width: 100%;
    float: right;
    text-align: center;
  }
}
@media (max-width: 550px){
  .site-logo img {
      width: 233px;
      height: auto;
  }
  .white-bg {
      width: 198px;
  }
  .number-wrapper {
      width: 300px;
  }
  .number-item span {
      width: 205px;
  }
  .mobile-display {
      width: 249px;
      margin: auto;
  }
  .right-side-header p{
    font-size: 11px;
  }
}
@media (max-width: 440px){
  .white-bg {
      width: 50px;
  }
  .site-logo img {
      width: 162px;
      height: auto;
  }
  .number-wrapper {
      width: 100%;
  }
}
@media (max-width: 350px){
  .site-logo{background:#fff;
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
  .white-bg {
      width: 126%;
  }
  .number-item span {
      width: 170px;
  }
}



