/*!
 * Gridpak Beta CSS
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */


/* CSS Resets */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   border: 0;
   margin: 0;
   padding: 0
}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
   display: block
}

a img {
   border: 0
}

figure {
   position: relative
}

figure img {
   width: 100%
}


/* Reusable column setup */

.col {
   border: 0px solid rgba(0, 0, 0, 0);
   float: left;
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -moz-background-clip: padding-box !important;
   -webkit-background-clip: padding-box !important;
   background-clip: padding-box !important;
}

.container {
   overflow: hidden;
   position: relative;
   width: 100%;
   float: left;
}

.row {
   width: 100%;
   min-width: 700px;
   max-width: 1280px;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
}

/**custom css after live**/

input, textarea {

}

input:focus, textarea:focus {
  color: #333!important;
  background: #FFFFF2!important;
}

.layer-desc{
   font-size:18px;
   font-weight:300;
}

.social-media-box .linkedin:before {
    content: '\f0e1';
}

.blog-box {
    margin-bottom: 6.4%;
}

.service-detail{
   margin-top:30px;
   padding-top:30px;
   border-top:1px solid #ddd;
}

.service-detail a{
   text-decoration:none;
}

.service-detail li{
   list-style:none;
   font-size:20px;
   margin-bottom:10px;
}

.service-detail span{
   font-weight:bold;
}

.fscf-label{
   font-size:20px;
}

.white-page{
   background:#fff;
}

.white-page.single-container {
    padding: 60px 0;
}

.full-page-text p, .full-page-text li{
   font-size:20px;
}

.full-page-text li{
   margin-bottom:10px;
}

.menu-items-container li:first-child{
   margin-left:0px;
}

.menu-items-container{
   padding-left:0px!important;
}

/**disable**/
.cat-grid-item.col.col_2.blog{
   display:none;
}

.blog .certifications, .blog .apply-button-box{
   display:none;
}

.container.category-banner.top-pad.blog{
   height:0px;
}

/**team page**/
.profile-image-box{
   position: relative;
   float: left;
   height: 376px;
   overflow: hidden;
}

.profile-img{
   width:100%;
   float:left;
}

.profile-box{
   margin-bottom:6.4%;
}

.profile-desc{
   width:100%;
   padding:20px;
   background:#eee;
   float:left;
}

.hero-container {
    height: 494px!important;
}


.profile-desc h2{
   color:#FF290B;
   font-size:30px;
}


/**not sure why this wasn't done before?**/
a{
   text-decoration:none!important;
}

#fscf_submit2:hover{
   background: #FF290B !important;
   color:#fff!important;
}

hr{
   border: 1px solid #ccc;
   margin:30px 0;
   border-style:dashed;
}

/**drop-down-wide**/
.drop-down-wide ul{
   width:496px;
}

.drop-down-wide ul li:nth-child(even) a{
   border-left:none;
}

.drop-down-wide ul li:nth-child(2) a{
   border-top:1px solid #ddd;
}

.page-id-224 h4{
   font-size:30px;
   margin-bottom:20px;
}

.page-id-224 .service-detail{
   border-top:none;
}

.blog-page .blog-box .blog-thumb{
   height:auto;
   width:100%;
   height:330px;
   border-bottom:none;
}

.blog-page .blog-box .blog-thumb img{
   width:100%;
   height:auto;
}

.blog-box{
   text-align:center;
}

.blog-box .button{
   margin: 0 auto;
}

.blog-page .blog-box .blog-post.post-title{
   color:#FF290B;
   font-size:38px;
   font-weight:300;
   text-align:center;
   font-family: "source_sans_prolight", sans-serif;
}

.blog-page .blog-box .blog-excerpt{
   text-align:center;
   margin-top:20px;
   font-size:18px;
   height: 156px;
}

#responsive-menu-button {
   z-index: 99999999!important;
}

#responsive-menu-container {
   z-index:999;
}

#responsive-menu {
    top: 150px;
    position: absolute!important;
}

#responsive-menu::-webkit-scrollbar {
    display: none;
}

.full-page-text img{
   max-width:100%;
}
/* 1. 6 Column Grid 0px - 1539px
    -----------------------------------------------------------------------------

    col 1:    16.6666666667%
    col 2:    33.3333333333%
    col 3:    50.0%
    col 4:    66.6666666667%
    col 5:    83.3333333333%
    col 6:    100%

    ----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 1539px) {
   .col {
      margin-left: 0%;
      padding: 0 3.2%;
   }
   .row .col:first-child {
      margin-left: 0;
   }
   /*
        Add your semantic classnames in alongside their corresponding cols here. e.g.

        .col_3,
        .my_semantic_class_name {
            ...
        }
        */
   .col_1 {
      width: 16.6666666667%;
   }
   .col_2 {
      width: 33.3333333333%;
   }
   .col_3 {
      width: 50.0%;
   }
   .col_4 {
      width: 66.6666666667%;
   }
   .col_5 {
      width: 83.3333333333%;
   }
   .col_6 {
      margin-left: 0;
      width: 100%;
   }
}


/* 2. 6 Column Grid 1540px - Infinity
    -----------------------------------------------------------------------------

    col 1:    16.6666666667%
    col 2:    33.3333333333%
    col 3:    50.0%
    col 4:    66.6666666667%
    col 5:    83.3333333333%
    col 6:    100%

    ----------------------------------------------------------------------------- */

@media screen and (min-width: 1540px) {
   .col {
      margin-left: 0%;
      padding: 0 3.2%;
   }
   .row .col:first-child {
      margin-left: 0;
   }
   .col_1 {
      width: 16.6666666667%;
   }
   .col_2 {
      width: 33.3333333333%;
   }
   .col_3 {
      width: 50.0%;
   }
   .col_4 {
      width: 66.6666666667%;
   }
   .col_5 {
      width: 83.3333333333%;
   }
   .col_6 {
      margin-left: 0;
      width: 100%;
   }
}

@media screen and (max-width: 1110px) {
   .title-decal {
      display: none;
   }
   .container {

   }
   #fscf_name1, #fscf_email1 {
      width: 100%!important;
      margin-right: 0px!important;
   }
   #FSContact1 {
      padding-left: 0px;
      padding-right: 0px;
   }
   .b-b, .b-t {
      border: none!important;
   }
   .main-page-container .col {

   }
   .col, .container, .row, .splash-table, .company-description {
      width: 100%!important;
      min-width: 0px!important;
      max-width: none;
   }
   .col {
      padding: 0 6%;
   }
   .service-col {
      padding-bottom: 60px;
      border-bottom: 1px solid #ddd;
   }
   .services-container {
      border-bottom: none!important;
      padding-bottom: 0px!important;
   }
   .where-we-work {
      display: none!important;
   }
   .where-we-work .col {
      width: 100%!important;
   }
   .logo-col img {
      margin-left: 0px!important;
   }
   #mc_embed_signup, .sign-up-label, .mailchimp-container, .mailchimp-container input, .mailchimp-container input.subscribe, .mailchimp-container {
      width: 100%!important;
      min-width: 0px!important;
      text-align: center;
   }
   .mailchimp-container {
      padding: 0 6%;
   }
   .footer-container {
      text-align: center;
   }
   .social-media-box {
      float: none!important;
      position: relative!important;
      margin-right: 0px!important;
      width: 208px!important;
      margin: 20px auto!important;
   }
   .social-icon-box {
      float: left!important;
   }
   .social-media-box {
      margin-left: 0px;
   }
   .copyright-footer {
      text-align: center;
   }
   .company-number {
      text-align: center!important;
   }
   #FSContact1 {
      width: 100%!important;
   }
   #fscf_submit1 {
      width: 100%!important;
   }
   .main-page-container.top-pad {
      padding-top: 35px;
   }
   .title-breaker {
      margin: 16px auto!important;
   }
   .footer-container {
      padding-bottom: 90px!important;
      padding-top: 90px!important;
   }
   .copyright-footer {
      padding-bottom: 30px!important;
      padding-top: 30px!important;
   }
   body .cta-container {
      width: 100%;
      padding-bottom: 40px;
      padding-top: 40px;
      text-align: center;
   }
   body .cta-container div {
      width: 100%;
      float: none;
   }
   body .take-action {
      border-bottom: none;
   }
   body .faq-item{
      margin-bottom:0px;
   }

   .social-media-box a:first-child div{
      margin-left:0px;
   }

   .ls-nav-prev, .ls-nav-next{
      display:none;
   }

   .menu-items-container{
      display:none;
   }

   .menu-container {
      height: 77px!important;
   }

   #responsive-menu-button{
      top: 10px!important;
   }

   .menu-container .logo-col img {
      width: 100px!important;
   }

   .menu-container .logo-col {
      margin: 10px 0!important;
      padding: 0 3.2%!important;
   }

   .top-pad {
      margin-top: 76px!important;
   }

   .slider-typo{
      font-size:25px!important;
      left:30px!important;
   }

   .slider-button.button{
      top:285px!important;
      left:30px!important;
   }

   #mc_embed_signup input{
      width:100%!important;
   }

   #mc_embed_signup .email{
      border-left:none;
   }

   .contact-details {
      font-size: 22px!important;
   }

   .featured-box.col{
      max-width:478px!important;
      margin:20px auto!important;
      float:none;
   }
   .mail-capture {
      padding-left: 20px;
      padding-right: 20px;
   }

   .profile-box{
      max-width:50%;
   }

   .profile-image-box{
      height:291px;
   }

   .single-container {
      padding: 55px 0!important;
   }

   .single-container .gallery-col{
      padding-bottom:30px!important;
   }

   .layer-desc{
      left: 30px!important;
      width: 304px!important;
      white-space: initial!important;
      top: 20px!important;
      margin-top: -41px!important;
      margin-left: 30px!important;

   }

   .blog-page .blog-box .blog-thumb {
      height: auto;
      width: 100%;
      height: auto;
      border-bottom: none;
   }

   .blog-page .blog-box .blog-excerpt {
      text-align: center;
      margin-top: 20px;
      font-size: 16px;
      height: auto;
      margin-bottom: 30px;
   }
   .blog-page .blog-box .blog-post.post-title {
      font-size: 23px;
   }
}

@media screen and (max-width: 767px) {
   .header-contact {
      left: 30%;
   }

   .profile-box{
      max-width:100%;
   }

   .profile-image-box{
      height:auto;
   }

   .ls-bg{
      margin-left: -910px!important;
   }
}

@media screen and (max-width: 566px) {
   .header-contact {
      display:none;
   }


}