/*stylesheet for home.php*/



/******CUSTOM SLIDER***********/

.custom-slider{
   width:100%;
   height:600px;
}

.slide-wrapper{
   height:inherit;
}

.slide{
   display:none;
}

.active {
   display:block!important;
}

.slide-arrow {
   position: relative;
   width: 45px;
   height: 45px;
   background-size: cover;

   /*on hover transition*/
   -webkit-transition: 0.1s ease-in-out; /* Safari */
    transition: 0.1s ease-in-out;
}

.slide-arrow:hover {
   cursor:pointer;
   width:50px;
   height:50px;

   /*on hover transition*/
   -webkit-transition:  0.1s ease-in-out; /* Safari */
    transition:  0.1s ease-in-out;
}
.slide-arrow-left {
    background-image: url(/wp-content/uploads/2018/01/slider_arrow.png);
    transform: rotate(180deg);
    bottom: 300px;
    left: 30px;
}

.slide-arrow-right {
   background-image: url(/wp-content/uploads/2018/01/slider_arrow.png);
    float: right;
    right: 30px;
    bottom: 300px;

}

#home-slide-1 {
    background-image: url('/wp-content/uploads/2018/01/homepage_slider_2.jpg');
    background-position: center 24%;
    background-repeat: no-repeat;
    height: inherit;
    background-size: cover;
    text-align:right;
}

#home-slide-1 .heading-wrapper {
   width: 350px;
   margin: 0 auto;
   padding-top: 60px;
   position: relative;
   right: 120px;
}

@media(max-width:600px){
   #home-slide-1 .heading-wrapper{
      right:20px;
   }
}

#home-slide-1 h2 {
   text-align:right;
   color:white;
   font-size:4.5rem!important;
   text-shadow:5px 5px 20px rgba(0,0,0,0.8);
   line-height:0.8;
}

#home-slide-2{
   background-image: url('/wp-content/uploads/2018/01/SLIDER_2_background.jpg');
   background-position: center 24%;
   background-repeat: no-repeat;
   height: inherit;
   background-size: cover;
}

#home-slide-2 img{
   width:300px;
   position:absolute;
   float:right;
}

#map-states{
   width: 800px;
    position: relative;
    top: 0vw;
    right: 13vw;
    float: right;
}
#map-ky{
   top: 94px;
    right: 187px;
    width: 314px!important;
}
#map-wv{
   right: 14px;
    top: 19px;
    width: 193px!important;
}
#map-va{
   top: 86px;
    right: -84px;
    transform: rotate(2.5deg);
    width: 310px!important;
}
#map-tn{
   top: 230px;
left: 284px;
transform: rotate(1deg);
}
#map-oh{
   top: -78px;
    right: 128px;
    width: 179px!important;
}

#map-content h2{
   text-align: left;
    color: white;
    font-size: 3.5rem!important;
    line-height: 1.1;
    padding-left:8vw;
    padding-top:60px;
}

@media(max-width:1200px){
   #map-states{
      width: 800px;
    position: relative;
    top: 3vw;
    right: 12vw;
    float: right;
   }

   #map-content h2{
      text-align: left;
       color: white;
       font-size: 2.5rem!important;
       line-height: 1.1;
       padding-left:8vw;
       padding-top:60px;
   }
}

@media(max-width:767px){
   .custom-slider {
      display:none;
   }
}

@media (min-width: 2500px) {
    #home-slide-1 {
        background-position: center 85%!important;
    }
}

/******************end custom slider*******************/

#company-description{
   padding:2% 8% 10% 4%;
    background-image: url(/wp-content/uploads/2018/01/background_red_shape_1100.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
}

@media(max-width:1400px){
   #company-description{
      padding:2% 15% 20% 6%;
   }
}

@media(max-width:1100px){
   #company-description{
      background-image:url(/wp-content/uploads/2018/02/mobile_red_background.png);
      display:block;
      background-position:bottom;
      padding: 2% 8% 10% 8%;
      margin-top:-10px;
   }

   #company-description h2 {
      padding-top:30px;
      margin-top:0!important;
      text-align:center;
   }

   #company-description p {
      text-align:center;
   }

   #home-s2{
      background-size: 150%!important;
    background-position: bottom!important;
   }

   .col1of2{
      width:100%;
   }

   #home-contact {
      margin:45px auto;
   }
}

#company-description p, #company-description h2 {
   color:white;
}

#company-description h2{
   font-size:2.5rem!important;
   margin:30px auto;
}

#home-s3{
   background-color:#F2F2F2;
}

#home-s2{
   background-image: url(/wp-content/uploads/2017/12/ABOUT.Header.jpg);
    background-size: cover;
    min-height: 400px;
    background-position: center center;
}


#home-contact h2, #home-contact h3, #home-contact a {
   color:white;
   font-size:2.5rem!important;
}

#home-contact h3 {
   font-weight:400!important;
   margin-bottom:30px;
   font-size:2rem!important;

}

#home-contact a {
   font-size:1.5rem!important;
   padding: 10px 18px;
   background-color:#C4171D;
   border-radius:30px;
}

#home-contact a:hover {
   background-color:white;
   color:#C4171D;
   text-decoration:none;
}

#company-statement {
   text-align:left;
}

/****************Section 4*******************/

.col1of3{
   display:inline-block;
   width:32%;
   vertical-align:top;
   padding:30px;
}

#home-s5 {
   background-color:#f2f2f2;
}

#home-s4 > div, #home-s5 > div{
    position:relative;
}

@media(min-width:1116px) {
    .dividerL {
        width:2px;
        height:300px;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        left:-35%;
        right:0;
        margin:auto;
        background-color:black;
    }
    
    .dividerR {
        width:2px;
        height:300px;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        left:0;
        right:-30%;
        margin:auto;
        background-color:black;
    }
}


@media(max-width:1115px) {
   #home-s4 .col1, #home-s4 .col2{
      border-bottom:1px solid black;
   }
   #home-s5 .col1, #home-s5 .col2{
      border-bottom:1px solid black;
   }
   .col1of3 {
      width:100%;
      height:auto;
      display:block;

   }
}

.logo-wrap {
  text-align: center;
}

.logo {
  display: inline-block;
  min-width: 100px;
  padding:15px;
}

#logo-1 .logo {
  width:15%;
}

#logo-2 .logo {
  width:10%;
}