html
{
	font-size: 62.5%;
}

body, html 
{
  width: 100%;
  height: 100%; 
}

body 
{
  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; 
  font-size: 1.8rem;
  line-height: 1.6;
  color: #404954;
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #F05F40; }

hr.light {
  border-color: #fff; }

a {
  color: #0d345b;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  
  }

a:hover {  color: #f8c20a; text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.4;
  font-weight: 700; }
  
h2
{
	font-size: 2.8rem; /* 4.4 */
	line-height: 1.2;
}

h3
{
	font-size: 2.8rem; /* 3.2 */
}

h4
{
	font-size: 2.1rem;
}

h5
{
	font-size: 2.4rem;
}

h6
{
	font-size: 2.1rem;
}

p
{
	margin-bottom: 2.5rem;
}

h2.big {font-size: 3rem !important; margin-bottom: 2rem !important;}

.bg-primary {
  background-color: #0d345b !important; }
  
.bg-secondary {
  background-color: #f8c20a !important; }

.bg-dark {
  background-color: #212529 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

.bg-primary p {color: #dee8f1;}
  
.mb-6 {margin-bottom: 4.5rem !important;}

.mb-80 {margin-bottom: 8rem !important;}
.mb-70 {margin-bottom: 7rem !important;}
.mb-60 {margin-bottom: 6rem !important;}
.mb-50 {margin-bottom: 5rem !important;}
.mb-40 {margin-bottom: 4rem !important;}
.mb-30 {margin-bottom: 3rem !important;}
.mb-20 {margin-bottom: 2rem !important;}

.mt-80 {margin-top: 8rem !important;}
.mt-70 {margin-top: 7rem !important;}
.mt-60 {margin-top: 6rem !important;}
.mt-50 {margin-top: 5rem !important;}
.mt-40 {margin-top: 4rem !important;}
.mt-30 {margin-top: 3rem !important;}
.mt-20 {margin-top: 2rem !important;}

.ml-80 {margin-left: 8rem !important;}
.ml-70 {margin-left: 7rem !important;}
.ml-60 {margin-left: 6rem !important;}
.ml-50 {margin-left: 5rem !important;}
.ml-40 {margin-left: 4rem !important;}
.ml-30 {margin-left: 3rem !important;}
.ml-20 {margin-left: 2rem !important;}

.mr-80 {margin-right: 8rem !important;}
.mr-70 {margin-right: 7rem !important;}
.mr-60 {margin-right: 6rem !important;}
.mr-50 {margin-right: 5rem !important;}
.mr-40 {margin-right: 4rem !important;}
.mr-30 {margin-right: 3rem !important;}
.mr-20 {margin-right: 2rem !important;}

.pb-80 {padding-bottom: 8rem !important;}
.pb-70 {padding-bottom: 7rem !important;}
.pb-60 {padding-bottom: 6rem !important;}
.pb-50 {padding-bottom: 5rem !important;}
.pb-40 {padding-bottom: 4rem !important;}
.pb-30 {padding-bottom: 3rem !important;}
.pb-20 {padding-bottom: 2rem !important;}

.pt-80 {padding-top: 8rem !important;}
.pt-70 {padding-top: 7rem !important;}
.pt-60 {padding-top: 6rem !important;}
.pt-50 {padding-top: 5rem !important;}
.pt-40 {padding-top: 4rem !important;}
.pt-30 {padding-top: 3rem !important;}
.pt-20 {padding-top: 2rem !important;}

.pl-80 {padding-left: 8rem !important;}
.pl-70 {padding-left: 7rem !important;}
.pl-60 {padding-left: 6rem !important;}
.pl-50 {padding-left: 5rem !important;}
.pl-40 {padding-left: 4rem !important;}
.pl-30 {padding-left: 3rem !important;}
.pl-20 {padding-left: 2rem !important;}

.pr-80 {padding-right: 8rem !important;}
.pr-70 {padding-right: 7rem !important;}
.pr-60 {padding-right: 6rem !important;}
.pr-50 {padding-right: 5rem !important;}
.pr-40 {padding-right: 4rem !important;}
.pr-30 {padding-right: 3rem !important;}
.pr-20 {padding-right: 2rem !important;}

.txt12 {font-size: 12pt;}
.txt11 {font-size: 11pt;}
.txt10 {font-size: 10pt;}
.txt9 {font-size: 9pt;}
.txt8 {font-size: 8pt;}

.mb0, .business-box h2
{
	margin-bottom: 0;
}

p.big {font-size: 2rem;}

.h {
	display: none;
}

section {
  padding: 9rem 0; }

.section-heading {
  margin-top: 0; }
  
.section-sub
{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }

body {
  -webkit-tap-highlight-color: #212529; }

.fullcontainer {
	padding: 100px 0px;
}

.fullcontainerfirst {
	padding: 0px 0px 100px 0px;
}

.fullcontainerlast {
	padding: 100px 0px 100px 0px;
}

main.mainfullwidth {
	margin: 0px; 
	padding: 0px;
}

.menuborder {
	border-bottom: #AAA 0px solid;
	border-right: #AAA 0px solid;
	border-left: #AAA 1px solid;
	box-shadow: 3px 3px #AAA;
}

#mainNav {
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }
  #mainNav .navbar-brand {
    font-weight: 700;
    text-transform: uppercase;
    color: #F05F40;
    font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; }
    #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
      color: #f05f40; }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #212529; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
      color: #F05F40; }
    #mainNav .navbar-nav > li.nav-item > a.nav-link.active,
    #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
      color: #F05F40 !important;
      background-color: transparent; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
        background-color: transparent; }
  @media (min-width: 992px) {
    #mainNav {
      border-color: transparent;
      background-color: transparent; }
      #mainNav .navbar-brand {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: #fff; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 1rem; }
      #mainNav .navbar-nav > li.nav-item > a.nav-link,
      #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        color: rgba(255, 255, 255, 0.7); }
        #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
        #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
          color: #fff; }
      #mainNav.navbar-shrink {
        border-bottom: 1px solid rgba(33, 37, 41, 0.1);
        background-color: #313131;
		-webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.4);
		box-shadow: 0 1px 3px 2px rgba(0,0,0,0.4); }
        #mainNav.navbar-shrink .navbar-brand {
          color: #F05F40; }
          #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
            color: #f05f40; }
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
        #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
          color: #212529; }
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
          #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
            color: #F05F40; } }

header.masthead {
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-image: url("../img/header-bg.jpg");
  background-position: right bottom;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .home header.masthead
  {
	 background-image: url("../img/hero.jpg"); 
	 background-position: bottom center;
  }
  body:not(.home) header.masthead .container
  {
	  margin-bottom: 90px;
  }
 
  header.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  header.masthead h1 {
    font-size: 5.2rem;
	line-height: 1.2 }
  header.masthead h1 a:hover
  {
	  text-decoration: none;
	  cursor: default;
  }
  header.masthead p {
    font-weight: 300; }
  body:not(.home) header.masthead p {
    margin-bottom: 0; }

  @media (min-width: 768px) {
    header.masthead p {
      font-size: 2.1rem; } 
	body:not(.home) header.masthead p
	{
		font-size: 2.1rem;
	}
  }
  @media (min-width: 911px) {
    header.masthead {
      min-height: 350px;
      padding-top: 0;
      padding-bottom: 0; }
	.home header.masthead
	{
		height: 100vh;
	  	min-height: 650px;
	} 
  }
  @media (min-width: 1200px) {
    header.masthead h1 {
      font-size: 5.2rem; } 
	    
	body:not(.home) header.masthead h1
  	{
	  font-size: 5.2rem;
  	}
}

.service-box {
  max-width: 400px; }

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto; }
  .portfolio-box .portfolio-box-caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    background: rgba(240, 95, 64, 0.9);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
      position: absolute;
      top: 50%;
      width: 100%;
      transform: translateY(-50%);
      text-align: center; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        padding: 0 15px;
        font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase; }
      .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px; }
  .portfolio-box:hover .portfolio-box-caption {
    opacity: 1; }
  .portfolio-box:focus {
    outline: none; }
  @media (min-width: 768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
      font-size: 16px; }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
      font-size: 22px; } }

.text-primary, .service-box h3, .section-heading, .column-heading, main h1, main h2, main h3, main h4, main h5, main h6
{
  color: #0d345b !important; 
}

.text-secondary, header.masthead h1 a, .seo-box a .sb-desc h4, .link-secondary a, .nav-phone a.text-secondary:hover
{
	color: #f8c20a !important;
}

.text-white , .seo-box a .sb-desc p, .text-white h2
{
	color: #fff !important;
}

.img-shadow
{
	-webkit-box-shadow: -2px 2px 3px 1px rgba(0,0,0,.3);
	box-shadow: -2px 2px 3px 1px rgba(0,0,0,.3);
}

.btn {
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; }

.btn-xl 
{
  padding: 1rem 2rem; 
}
  
.btn-md
{
	font-size: 2.4rem;
	padding: 1rem 3.8rem;
}

.btn-sm
{
	font-size: 1.6rem;
	padding: .8rem 2.6rem;
}

.btn-primary {
  background-color: #0d345b;
  border-color: #0d345b;
  color: #f8c20a; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #0b2b4a !important; }
  .btn-primary:active, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(9, 36, 62, 0.5) !important; }

.btn-secondary
{
  background-color: #f8c20a;
  border-color: #f8c20a;
  color: #0d345b;
  border-width: 2px;
  border-style: solid;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active
{
	background-color: #d4a70c;
	border-color: #d4a70c;
}

.btn-secondary:focus
{
	box-shadow: 0 0 0 0.2rem rgba(79,64,11,.25);
}

.btn-secondary:not([disabled]):not(.disabled):active
{
	background-color: #bb940c;
	border-color: #bb940c;
	box-shadow: 0 0 0 0.2rem rgba(79,64,11,.25);
}

.btn-clear
{
  border: 2px solid #fff;
  color: #fff !important;
}

.btn-clear:hover, .btn-clear:focus, .btn-clear:active, .seo-box .dark-overlay:hover .btn 
{
	background-color: #0d345b;
	border-color: #0d345b;
}

.btn-cleary
{
  border: 2px solid #f8c20a;
  color: #f8c20a !important;
}

.btn-cleary:hover, .btn-cleary:focus, .btn-cleary:active
{
	background-color: #d4a70c;
	border-color: #d4a70c;
	color: #fff !important;
}

.btn.btn-cleary:focus
{
	box-shadow: 0 0 0 0.2rem rgba(79,64,11,.25)
}

.service-box img
{
  max-width: 100%; 
  margin-bottom: 2rem;
}

h2.section-heading, .service-box h3, .column-heading, .seo-box h4, .business-box h4, .footer-form h3, .fd-head h4, .fd-desc h6
{
	text-transform: uppercase;
	font-weight: 600;
}

.column-sub
{
	font-weight: 600;
}

.service-box h3
{
	font-size: 2.1rem;
}

.bg-img-half, .bgfull
{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bgpattern
{
	background-repeat: repeat;
}

.bg-lc
{
	background-position: left center !important;
}

.bg-white-o
{
	background-color: rgba(255,255,255,0.87);
}

.section-revenue, .section-adwords
{
	background-color: #fafafa;
}

.seo-box
{
	background-size: cover;
	background-position: center center;
}

.seo-box .sb-wrap
{
	position: relative;
	min-height: 28rem;
}

.seo-box .sb-wrap .sb-desc
{
	padding: 1.2rem 2.5rem;
	background-color: rgba(31,31,31,0.9);
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 140ms ease-in;
	-moz-transition: all 140ms ease-in;
	-ms-transition: all 140ms ease-in;
	-o-transition: all 140ms ease-in;
	transition: all 140ms ease-in;
}

.seo-box a:hover .sb-desc, .seo-box a:focus .sb-desc
{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.seo-box .dark-overlay
{
	padding: 7.5rem 2.5rem 6rem;
}

.dark-overlay
{
	content: ' ';
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    top: 0;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.dark-overlay:hover
{
	background: rgba(0,0,0,0.2);

}

.grayscale-box
{
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */  
	filter: grayscale(100%); 
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.grayscale-box:hover, .seo-box .sb-desc
{
    -webkit-filter: grayscale(0%); /* New WebKit */
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(0); /* Old WebKit */ 
	filter: grayscale(0%); 
}

.seo-box h4
{
	font-size: 2rem;
}

.section-fb
{
	background-color: #e8e9ed;
}

.box-content
{
	padding: 4rem;
}

.bc-white
{
	background-color: rgba(255,255,255,0.95);
}

.business-box
{
	padding: 7rem 2.5rem 6rem;
	background-size: cover;
	background-position: center center;
}

.business-box h4, .seo-box h4, .business-box h2
{
	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}

main img
{
	max-width: 100%;
}

.section-leads
{
	background: url('../img/lead-bg.png') repeat left top;
}

.section-cta 
{
    background: linear-gradient(rgba(4,9,14,.75), rgba(4,9,14,.75)), url('../img/cta-bg.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.footer
{
	background: url('../img/footer-bg.jpg') no-repeat center center;
	background-size: cover;
	padding: 9rem 0 8rem;
}

.footer-details
{
	background-color: #f2f2f2;
	padding: 5rem 6rem 3rem;
}

.fd-info .fd-info-inner
{
	display: table;
    width: 100%;
    margin-bottom: 20px;
}

.fd-info .fd-info-inner:before
{
	font-family: FontAwesome;
    font-weight: 400;
    color: #f8c20a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 2.8rem;
    padding: 12px;
    margin-right: 1.5rem;
    width: 5.6rem;
    height: 5.6rem;
	border: 3px solid #f8c20a;
}

.fd-info .fd-info-inner.fd-place:before
{
	content: "\f041";
    padding: .8rem 1.4rem;
}

.fd-info .fd-info-inner.fd-phone:before
{
	content: "\f095";
    padding: .8rem 1.2rem;
}

.fd-info .fd-info-inner.fd-calendar:before
{
	content: "\f274";
    padding: .8rem 1.2rem;
}

.fd-info .fd-info-inner.fd-email:before
{
	content: "\f003";
    padding: 1.1rem 1.2rem;
	font-size: 2.6rem;
}

.fd-info .fd-info-inner .fd-desc
{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 1.6rem;
}

.footer-bottom
{
	background-color: #0a233d;
	color: #6a7683;
	padding: 4rem 0 2.5rem;
}

.footer-bottom .copyright p
{
	font-size: 1.4rem;
}

.footer-links .fl-list > li
{
	display: inline-block;
	padding: 0 .8rem;
	font-size: 1.4rem;
}

.footer-links .fl-list > li a
{
	color: #6a7683;
}


/* --------------------------------------- */
/* ------------- Inner Page -------------- */
/* --------------------------------------- */

main 
{
	padding: 6rem 0 5rem;
}

.svc a 
  {
	  text-decoration: none!important;
	  cursor: default!important;
  }


.primary-content h2
{
	font-size: 3.6rem; /* 3.6 */
	line-height: 1.2;
	margin-bottom: 2.2rem;
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif; 
	padding-top: 2rem;
}

.primary-content h2, .primary-content h3
{
	text-transform: uppercase;
	font-weight: 700;
}

.primary-content h2:first-child
{
	padding-top: 0;
}

.primary-content a
{
	text-decoration: none !important;
}
 
.primary-content a:hover, .service-box a:hover
{
	text-decoration: none !important;
}

ul.list-inline li
{
	display: inline-block;
	padding: 0 6px;
}

.img-wrapper
{
	overflow: hidden;
	display: block;
	margin-bottom: 3rem;
}

.img-wrapper.iw-35
{
	max-height: 35rem;
}

.cta-heading
{
	font-size: 3.2rem;
	line-height: 1.4;
}

.media i.media-object
{
	font-size: 4rem;
}

.media .media-left
{
	padding-right: 2rem;
}

.pattern-grey
{
	background-image: url('../img/consulting-services/grey-pattern.jpg');
}

/* --------------------------------------- */
/* -------------- Sidebar ---------------- */
/* --------------------------------------- */

.sidebar .sidebar-widget
{
	padding-bottom: 2.5rem;
	margin-bottom: 2.5rem;
}

.sidebar img
{
	max-width: 100%;
}

.sidebar-widget .widget-title h4
{
	padding-bottom: 1rem;
	border-bottom: 2px solid #0d345b;
	margin-bottom: 1.4rem;
	font-size: 2.6rem;
}

.sidebar-widget ul
{
	padding-left: 2rem;
}



/* --------------------------------------- */
/* -------- Contact Form Footer ---------- */
/* --------------------------------------- */

.group {
    position: relative;
    margin-bottom: 35px;
}

input, textarea {
    font-size: 18px;
    padding: 5px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 2px solid #6a7683;
    background: transparent;
	color: #fff;
}

    input:focus, textarea:focus {
        outline: none;
    }

label {
    color: #697683;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #fff;
}

.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #fff;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
    width: 50%;
}

.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}


input:focus ~ .highlight, textarea:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #fff;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.btn-cf
{
	background-color: #f8c20a;
	color: #0d345b;
	font-size: 2.1rem;
	padding: 1.5rem 3rem;
}


/* --------------------------------------- */
/* ----------- Contact Page -------------- */
/* --------------------------------------- */

.cp-social ul li a
{
	font-size: 2.8rem;
}

input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label, .cf-contact input, .cf-contact textarea
{
	color: #404954;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* --------------------------------------- */
/* ------------ Sliding Logo ------------- */
/* --------------------------------------- */

section.customer-logos
{
	padding: 3rem 0 2rem;
}





/* --------------------------------------- */
/* ---------------- Menu ----------------- */
/* --------------------------------------- */



.wsmenu
{
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif; 
}

.header {
	width: 100%;
	display: block;
	min-height: 85px;
	padding: 19px 0px 15px 0px;
	position: fixed;
	z-index: 2;
}

 @media only screen and (min-width: 911px)
 {
	.header.navbar-shrink
	{
		background: url(../img/topbg.jpg) top center repeat;
		box-shadow: 0 0 20px rgba(0,0,0,.3);
		border-bottom: 1px solid rgba(33, 37, 41, 0.1);
	}
 }

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	min-width: 320px;
}

.logo {
    padding: 0px 0px;
    margin: 0;
    float: left;
    width: 30%;
}

.menu_form input[type="button"], .menu_form input[type="submit"]
{
	color: #404954;
}

 @media only screen and (min-width: 230px) and (max-width:910px) {
	.logo {
		display: none !important;
	}
 }

/* --------------------------------------- */
/* ------------ Responsive --------------- */
/* --------------------------------------- */


@media (min-width: 1400px) {
	.container {max-width: 1240px;}	
}

 @media only screen and (min-width: 911px) and (max-width:1239px) 
 {
	 .header .logo
	 {
		 padding-left: 2rem;
	 }
 }

 @media only screen and (min-width: 911px) and (max-width:1023px) 
 {
	 .wsmenu
	 {
		 width: 65%;
	 }
	 
	 .wsmenu-list > li > a
	 {
		 padding: 0px 8px;
	 }
 }
 
 @media (min-width: 911px) 
 {
	header.masthead p 
	{
      	font-size: 3.2rem; 
	} 
	
    header.masthead 
	{
      min-height: 350px;
      padding-top: 0;
      padding-bottom: 0; 
	}
	.home header.masthead
	{
		height: 100vh;
	  	min-height: 650px;
	} 
}
 
@media only screen and (max-width: 910px)
{
	header.masthead
	{
		padding-top: 15rem;
		padding-bottom: 13rem;
	}
	
	.wsmenu .wsmenu-list
	{
		  background: #0d345b;
	      background: -moz-linear-gradient(#0d345b 0%, #092847 100%);
	      background: -webkit-linear-gradient(#0d345b 0%, #092847 100%);
	      background: -webkit-gradient(linear, 0 0, 0 100%, from(#0d345b), to(#092847));
	      background: -o-linear-gradient(#0d345b 0%, #092847 100%);
	      background: linear-gradient(#0d345b 0%, #092847 100%);
 	      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d345b', endColorstr='#092847', GradientType=0 );
	      color: #fff;
	}
	  
	.wsmenu > .wsmenu-list > li > a
	{
		  color: #f8f8f8;
	}
	  
	.wsmenu > .wsmenu-list > li > a:hover, .wsmenu > .wsmenu-list > li > a:focus
	{
		  color: #e8e8e8;
	}
	  
	.wsmenu > .wsmenu-list > li > a.active
	{
		  color: #fff;
	}
	
	.wsmenu-click i
	{
		color: rgba(255,255,255,0.45);
	}
	  
	body:not(.home) header.masthead .container
	{
		  margin-bottom: 20px;
	}
	
	.hide-910
	{
		display: none !important;
	}
}

@media only screen and (max-width: 767px)
{
	header.masthead  .btn
	{
		display: block;
	}
	
	header.masthead  .btn.mr-5
	{
		margin-right: 0 !important;
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 400px)
{
	.hide-400
	{
		display: none;
	}
}