html {
  scroll-behavior: smooth;
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,800");
:root {
  color: #231f20;
  font-size: 16px;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

}

body {
  font-family: "Open Sans", sans-serif;
  font-color: #231f20;
  font-size:16px;
  line-height: 1.6;
}

img {
  max-width:100%;
}


.social-media-icon {
  height: 40px;
}

#social-media a {
  font-size: 2rem;
}

.inline-icon {
  display: inline;
  vertical-align: middle;
  height: 1em;
  width: 1em;
}

.padded {
  padding-top: 1rem !important;
  padding-bottom:1rem !important;
}

.heavily-padded {
  padding-top:2rem !important;
  padding-bottom:2rem !important;
}

.text-green {
  color: #007934;
}

.text-blue {
  color: #002f87 !important;
}

.text-light-blue {
  color: #9dd7f1;
}

.text-secondary-light-blue {
  color: #26a7df;
}

.text-white {
  color: white;
}

.green {
  background-color: #007934;
}

.light-blue {
  background-color: #9dd7f1;
}

.secondary-light-blue {
  background-color: #26a7df;
}

.blue {
  background-color: #002f87;
}

.white {
  background-color: white;
}

.font-weight-bold {
  font-weight: bold;
}

.underline
{
  text-decoration: underline !important;
}

a:link, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*a.cta {
  background-color: #9dd7f1;
  color: white;
  text-decoration: none;
  padding:.5rem 1rem;
  transition: box-shadow .15s ease;
  border-radius:5px;
}

a.cta:after
{
  content: '>';
  margin-left:.5rem;
}

a.cta:hover
{
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}*/

a.cta
{
  color:green;
  text-decoration:none;
}

a.cta:after
{
  content: '';
  margin-left:0;
  transition: margin-left .15s ease;
  text-decoration:none;
}

a.cta:hover:after
{
  content: '>';
  margin-left:.5rem;
}

div#header p {
  text-align: center;
}

h2 {
  margin: 0;
  margin-bottom: .75rem;
  font-weight: bold;
}

p {
  margin: 0;
  margin-bottom:.75rem;
}

.service img {
  padding: 15px;
}

#services h2, #services p {
  margin-bottom: .75rem;
}

.service {
  margin-bottom: 15px;
  color: #002f87;
  font-weight: bold;
}

.padding-xs {
  padding-bottom: 15px;
}

#footer-info {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

#footer-info img, #banner img {
  max-width: 100%;
}

#banner
{
  overflow:hidden;
  position:relative;
  height:auto;
}

#banner img
{
  width:100%;
  height:200px;
  object-fit:cover;
  object-position:center center;
}

#services-header
{
  line-height: 200px;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size:3rem;
  text-shadow: 1px 1px 1px white;
}

#footer-info > div {
  padding: 0 15px 15px 15px;
}

.border-blue-top {
  border-top: 4px solid #002f87;
  padding-top: 25px;
}

.border-bottom-blue-xs {
  border-bottom: 1px solid #002f87;
}

.centered
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

.centered-block
{
  margin-left:auto;
  margin-right:auto;
}

.reading-width
{
  max-width:50rem;
}

.spaced
{
  letter-spacing:1px;
}

#footer-copy {
  padding: 0 15px 15px 15px;
}
#footer-copy > p {
    color:#002f87;
    font-size: 12px;
    font-style: italic;
}

.margin-top
{
  margin-top: 50px;
}

.margin-bottom
{
  margin-bottom:50px;
}

.margin-bottom-xs
{
  margin-bottom:1rem;
}

.h-padded-bs
{
  padding-left:15px !important;
  padding-right:15px !important;
}

@media only screen and (min-width: 768px) {

  #banner img
  {
    height:400px;
  }

  #services-header
  {
    line-height: 400px;
    font-size:3rem;
  }

  .h-padded-md
  {
    padding-left:2rem !important;
    padding-right:2rem !important;
  }

  .margin-bottom-xs
  {
    margin-bottom:1rem;
  }

  .border-bottom-blue-xs {
    border-bottom: 0;
  }

  .padded {
    padding-top: 2rem !important;
    padding-bottom:2rem !important;
  }

  .heavily-padded {
    padding-top:4rem !important;
    padding-bottom:4rem !important;
  }

  .padding-xs {
    padding-bottom: 0 !important;
  }

  .v-align-center {
    display: flex;
    align-items: center;
  }

  img#header-logo {
    height: 60px;
  }

  div#header p {
    text-align: left;
  }

  .text-right-sm {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) {
  #footer-info > div {
    border-right: 1px solid #002f87;
  }

  #footer-info > div:last-of-type {
    border: 0;
  }
}

img#header-logo {
  max-width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}

#hero
{
  position: relative;
  overflow: hidden;
}

div#hero img {
  width: 100%;
}

#hero-overlay
{
  background-color: #47a33c;
  color: white;
}

div.full-width {
  margin: 0;
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px)
{

  div#hero img {
    /*height: 100%;*/
    width:100%;
    /*position: absolute;*/
  }

  #hero-overlay
  {
    width: 33%;
    float: right;
  }

}

/*# sourceMappingURL=main.css.map */

#pageTitle{
    margin-top:-40px;
}



.navigationLinks{
    padding-top:20px;
    padding-bottom:20px;

}
#infoContent img{
    margin:20px 0px;
}
.logo{
  height: auto !important;
  text-align: center;
  margin:auto
}
@media only screen and (min-width: 767px){
.navigationLinks {
    height:140px
}
#infoContent img {
  object-fit: cover;
  height:20vw;
}
#infoContent .col-sm-12.col-xl-8 {
    margin-top:50px;
    background-color:#f3d0b0;
    height:16vw;
    margin-left:-75;
    font-size:1.3vw;
}
    #infoContent .col-sm-12.col-xl-8 h3,#infoContent .col-sm-12.col-xl-8 h4{
        font-size:1.6vw !important;
    }
}

.navigationLinks a{
    text-decoration: none !important;
}
.navigationLinks a:hover, .white-trans:hover{
    color:#002f87;
    font-weight: 700;
}

div#hero {

  background-attachment: fixed;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}

  .heroContent {
    background-color:rgba(255,255,255,.5);
    border-radius:5px;
    margin-top: 50px;
    padding:0px 0px 25px 0px;
    text-align: center
}

@media only screen and (min-width: 1500px){
  div#hero {
    /* The image used */
    min-height: 42vw;
  }
  #pageTitle {
      margin-top: -80px
  }
  div#hero img {
       //height: 40vh !important
  }
  .menu{
      max-width: 2vw;
      min-height: 2vw;
   }
}
@media only screen and (min-width: 1150px)and (max-width: 1500px){
  div#hero {
    /* The image used */
    min-height: 50vw;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1150px){
div#hero {
    /* The image used */

  /* Set a specific height */
  min-height: 65vw;
  /* Create the parallax scrolling effect */
}
}

@media only screen and (min-width: 1500px) and (max-width: 1800px){
  div#hero {
    /* The image used */
    min-height: 42vw;
  }
  #pageTitle {
      margin-top: -80px
  }
  div#hero img {
       //height: 40vh !important
  }
}
@media only screen and (min-width: 1800px){
  div#hero {
    /* The image used */
    min-height: 34vw;
  }

  .heroContent{
         margin-top: 0px;
         padding:0px 0px 25px 0px;
     }
     #pageTitle {
       margin-top: 10px
   }
  div#hero img {
       height: 50vh !important
  }
    .white-trans {
        font-size: 22px
    }
    .navigationLinks{

        height:105px
      }
        #header img{
            margin-top: -15px;
        height:130px
        }
    .navigationLinks a {
        font-size: 22px
    }
    img#header-logo {
        height:80px
    }
}
/*Mobile Styles*/
@media only screen and (max-width: 767px){
.heroContent, .navigationLinks a,  .col-md-2, .header-link {
    text-align:center;
    align-content: center;
    justify-content: center;

}
div#hero {
  min-height:650px;
}
#pageTitle{
margin-top:-80px;
}

}

@media only screen and (max-width: 450px){
  div#hero {
    min-height:500px;
  }
  .heroContent{
        margin-top: -70px;
        padding:80px 0px 25px 0px;

    }
}

/*CSS For Special animation*/
.arrow {
  border: solid;
  border-width: 0 3px 3px 0px;
  display: inline-block;
  padding: 3px;
  color:#002f87;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.clicked {
  transform: rotate(45deg);
}
.dropped{
  display: none;
  //display:inline-block;
}


#navIndContainer {
  width: 100%;
  background-color: #ddd;
}

#navIndicator {
  width: 1%;
  height: 30px;
  background-color: #007934;
}

/*Info box styles*/

/*Close box*/


#infoBox{
    position: fixed !important;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index: 100;
    background-color:white;
    width:100%;
    height: 100%;
    top:0px
}
.closeBar{
    color:#000
        height:123px !important;
    background-image: linear-gradient(to bottom, #fff, #ddd);
}


#infoTitle {
 text-align: center;
 margin:15px 0px;
}
.menu {
  background-image: linear-gradient(to top, #007934, #002f87);
  max-width: 3vw;
  min-height: 3vw;
  margin:15px 0px;
  position: relative;
  cursor: pointer;
}

.menu .bar {
  background-color: #fff;
  height: 15%;
  width: 70%;
  border-radius: 5px;
  position: absolute;
  left: 15%;
}
.menu .bar1 {
  top: 40%;
  height: 15%;
  transform: skewY(40deg);
}
.menu .bar3 {

  top: 40%;
  height: 15%;
  transform: skewY(-40deg);
}
.menu:hover .bar1, .menu:hover .bar3 {
  height: 19%;

}

#specialIndent{
   margin-left:20px
}

/*MobileInfoHeader*/

@media only screen and (max-width: 767px){
    .menu {
        max-width:10vw;
        min-height:10vw;
        margin:auto
    }
    #infoTitle{
      margin:auto;
    }
}

@media only screen and (max-width: 576px){
    .menu {
        max-width:10vw;
        min-height:10vw;
        margin:auto
    }
}

#headerImage{
    height:400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#infoContent{
    margin-bottom: 75px;
    margin-top: 30px;
}

@media only screen and (max-width: 767px){
#infoContent{
    margin:auto 20px;
    margin-bottom: 50px;
}
}

#nextContent  {
  text-decoration: none;
    height: 35px;
    position: fixed;
    bottom:0px;
    width: 100%;
    text-align: center;
    color:#FFF;
    background-color:#002f87;
    padding:5px 0px
}
#nextContent:hover{
  font-weight: 700;
}
.txtBlue{
    color:#002f87;
}
.txtGreen{
    color:#007934;
}
h3{
    color:#002f87;
}
h4{
    color:#007934;
    font-size:20px !important;
}
.pdf{
    width: 100%;
    height:60vw ;
}
@media (min-width: 1200px) {
    .pdf{
    width: 100%;
    height:47vw;
}
}
.pdf2{
    width: 100%;
    height:260% ;
}
@media (min-width: 1200px) {
    .pdf2{
    width: 100%;
    height:63vw;
}
}
.spacer{
    width:100%;
    height:50px
}

/*Accordian*/
.accordion {
  background-color: #002f87;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #007934;
}

.panel {
  padding: 0 18px;
  display: block;
  background-color: white;
  overflow: hidden;
  margin-top: 10px
}

@media only screen and (min-width: 767px){
    #desktopPDFs{
        display:inline;
    }
     #mobilePDFs{
        display:none
    }
}
@media only screen and (max-width: 767px){
    #desktopPDFs{
        display:none;
    }
    #mobilePDFs{
        display:inline-block;
        padding-top:50px !important;
    }
    #mobilePDFs h4{
        margin-bottom:50px;
        }
    #mobilePDFs {
        border-style:solid;
        border-color:#007934;
    }
}

.seperator{
    border-style:solid;
    border-width:1px;
    border-color:#007934;
    margin:20px
}

.closebar{
    margin-top:5px
}
/*Recovery Styles*/
h1, h2, h3, h4 ,h5, #header a, #bottom-footer, #upper-header,input,textarea{
   font-family: 'Smooch Sans', sans-serif;
}
#upper-header{
  width:100%;
}
p{
    font-family: 'Roboto', sans-serif;
}



#header a, #bottom-footer, #upper-header{
    font-size: 20px
}

#header{
    position: fixed;
    background-color:#fff;
    display: relative;
    height:auto;
    -moz-box-shadow: 2px 2px 5px #333, -2px 2px 3px #333;
-webkit-box-shadow: 2px 2px 3px #333, -2px 2px 3px #333;
box-shadow: 0px -8px 0px #fff, -1px 8px 15px #224;
    z-index: 100 !important;
}

#header-logo {
    height:100px !important;
}
#upper-header .col-md-12{
    background-color:#fff;
    padding:6px;
    height:auto;

}
#upper-header {
    background-color:#fff;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 532px !important;
}
svg{
    width:100%;
    z-index:-1 !important;
		display:block;
    margin-left: -1.1vw
}


@media only screen and (max-width: 767px){

body > .row .col-md-8 {
    padding:27px;
}
    #custom-work{
        display:none
    }
    #customwork-mobile{

    }
    .btn img{
    align-content: center;
    margin-left:0vw;
    height:75px;
}
    button img{
        margin-left:20vw !important;
    }

     #header img{
    margin-bottom: -20px
}
    #header{
    position: relative;
    }

    #SlideContainer{
        display: none;
    }

     #slideTxtContainer-mobile, #customwork-mobile {
        padding:60px 20px;
        background-color:#013974;
        text-align:left;
        width: 100%;
    }
    #customwork-mobile *{
        line-height:15px
    }
    #slideTxtContainer-mobile h2, #slideTxtContainer-mobile h3{
          color:#fff
    }
    .sticky {
        position: relative;

        }
    .sticky + .content {

    }
}
#SlideContainer{
    display: relative!important;
    margin-top: -3.2vw;
    margin-left:-0vw;
    z-index:-1;
    background:url('/images/pictures/1_slide.jpg');
    background-size:cover;

}
@media only screen and (min-width: 767px){
  #SlideContainer{
    margin-left:-.8vw;
}
    body > .row .col-md-8 {
    padding:10px;
}
    #header div{
    margin-bottom: -10px
}
    .sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 532px !important;
}
     .btn img{
    align-content: center;
    margin-left:0vw;
    height:8vw;
}

.navigationLinks div:first-child {
    z-index: 100 !important;
    margin-right:105px;
}


    #slideTxtContainer h2{
        font-size:4vw;
    }
    #slideTxtContainer h3{
        font-size:3vw;
    }
   #slideTxtContainer-mobile {
         display: none;
    }
    .mobile-v{
        display: none;
    }
}

#custom-work{
    display: relative;
    background:url('/images/pictures/custom-work.jpg');
    background-size:cover;
    width:100%;
    height:18.0vw;
    padding-left:2vw;

}
@media only screen and (min-width: 1300px){
#SlideContainer{
    margin-top: -3.8vw;
    }
    .btn img{
    align-content: center;
    margin-left:0vw;
    height:6vw;
}
}
#upper-header .col-md-12  {
    margin-top:20px;
    color: #013974;
    text-align: center;
    align-content: center ;
}
#social-icon-circle{
    border-style:solid;
    border-radius: 20px;
    padding:5.5px 8.5px 2.5px 8.5px;

}
#headerDivider div{
    background-color:#fff;
}
hr{
    color: #013974;
    background-color: #013974;
    border-width:5px !important;
    margin: 5px 0px;
}

#slideTxtContainer {
    z-index:30;
    position: absolute;
    top:250px;

}
#slideTxtContainer h3 ,#slideTxtContainer h2{
    color:#fff
}

#bottom-footer{
    background-color:#013974;
}

#upper-header {
    background-color: #fff;
    height: auto!important
}
.dark-bk *{
    color:white !important;
    line-height: 1vw;
}


#custom-work h3{
  font-size:2.5vw;
}
#custom-work p{
    font-size:1vw;
}

label {
    display:none !important;
}
.inpStyle, #message{
    width:100%;
    border-style:solid;
    border-color: #013974;
    border-width: 3px;

}

#contact-section h2{
    border-color: #013974;
    text-align: center;
}


.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*Footer*/


#upper-footer b, #upper-footer p, #upper-footer a, #upper-footer ,#mid-footer * {
  color: #013974;
  font-family: 'Smooch Sans', sans-serif;
    text-align: center;
    align-content: center;
}
#mid-footer p{
    font-size: 18px
}
.btn {
    font-family: 'Smooch Sans', sans-serif;
    padding:10px;
    font-size:18px;
    font-weight:700;
    border-style:none;
}
.btn-notPic {
    background-color: #e6f701;
    font-family: 'Smooch Sans', sans-serif;
    padding:10px;
    font-size:18px;
    font-weight:700;
    border-style:none;
}

#headerImage {
    background-color: #013974;
}
#hero {
    margin-top:80px !important;
}
#slideTxtContainer {
    margin-left:18vw;
    width:28vw;
}

#contact-section { scroll-margin-top: 100px; }

#upper-footer #header-logo{

    height:200px !important;
}

@media only screen and (min-width: 1800px) {
    #SlideContainer {
    margin-top: -8.2vw;
}
}
a {
    text-decoration: underline !important;
}
 

body > .row .col-md-12 h2 {
    text-align: center;
    color: #013974;
}
h1, h2, h3, h4 ,h5, #header a, #bottom-footer, #upper-header,input,textarea, b{
   font-family: 'Smooch Sans', sans-serif;
}

.col-md-8 h1, .col-md-4 h1, .col-md-8 h2, .col-md-4 h2, .col-md-8 h3, .col-md-4 h3, #contact-section h2{
    color: #013974 !important;
    text-transform: uppercase;
}
#header a{
  text-transform: uppercase;
}


#x-mobile{
  display:block;
  font-size: 30px;
}
#x{
  display: none;
}

@media only screen and (min-width: 767px) {
.col-md-8 h1, .col-md-4 h1{
    font-size:4vw;
}
.col-md-8 h2, .col-md-4 h2{
    font-size:3.5vw !important;
}
.col-md-8 h3, .col-md-4 h3{
    font-size:3vw;
}
#contact-section h2{
    font-size:2vw;
}
#x{
  display: block;
  font-size:3.5vw !important;
}
#x-mobile{
  display:none;
}
.col-md-8 p, .col-md-8 li,   .col-md-8 a,  .col-md-8 b, .col-md-6 p, .col-md-4 p, .col-md-4 li ,#custom-work {
    font-size:2vw;
}
}
@media only screen and (min-width: 1300px) {
.col-md-8 h1, .col-md-4 h1{
    font-size:3.5vw ;
}
.col-md-8 h2, .col-md-4 h2{
    font-size:3vw !important;
}
.col-md-8 h3, .col-md-4 h3{
    font-size:2.5vw;
}
#contact-section h2{
    font-size:3vw !important;
}
#x{
  display: block;
  font-size:3vw !important;
}
#x-mobile{
  display:none;
}
.col-md-8 p, .col-md-8 li,  .col-md-8 a,  .col-md-8 b, .col-md-6 p, .col-md-4 p , .col-md-4 li  {
    font-size:1.5vw;
}
}
#custom-work *:not(i) {
    margin-left:15vw !important;
    text-decoration:none !important;
}

@media (min-width: 767px) and (max-width: 1175px) {
    #slideTxtContainer {
    top:22vw
}
}


  .heroContent {
    background-color:rgba(255,255,255,.5);
    border-radius:5px;
    margin-top: 50px;
    padding:0px 0px 25px 0px;
    text-align: center
}