/* Default CSS */


@-ms-viewport { width: device-width; }



body {
  width: 100%;
  margin: 0;
  color: #000000;
  font-family:  Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
 -webkit-text-size-adjust:none;
}



* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;

}

[class*="col-"] {
  float: left;
  padding: 10px;
}







.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
    padding: 0;
  }
}


.padder {
margin: 0 9% 0 9%;
 }
 
 @media only screen and (min-device-width: 801px) 
and (max-device-width : 987px)   {

.padder {
margin: 0 5% 0 5%;
 }
 }
 
 @media only screen and (max-device-width :800px) 
 {
.padder {
margin: 0 auto;
 }
 
  }

  
  div:hover img.rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
 }
  
h1 {

  color: #000000;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 62px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 68px;
  margin: 0;
  padding: 0;
}

h2 { 

  color: #000000;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 44px;

 }
 
h2 a {
  color: #000000;

 }
h3 {
  
  color: #000000;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 30px;
  font-weight:400;
 
} 

h3 a {
  color: #000000;

 }
 
h3 a:visited {
    color: #000000;
 }

h4 {
  color: #000000;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 36px; /* was 2.36vw */
  margin: 14px 0 0 -14px;

}


h5 {
  color: #000000;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 1.528vw;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 1.8vw;
  margin: 14px 0 0 0;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
} 

p  {
  color: #000000;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}

input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=text] {
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
 }
 
input[type=email] {
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
 }
 


ul {list-style:none;
padding: 0;
 color: #000000;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
  margin: 0;
  list-style-position: outside;
} 

li:before {
  color: #FF4929;
  padding-right: 7px;
  margin-bottom: 50px;
}

li { margin-bottom: 14px; }

  
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color:white;
   z-index:400;
}
/* Header - desktop */




#site_container {
position: relative;
width: 100%;
margin: 0 auto;
left: 0;
right: 0;
 }
 

  .about_center {
 position: absolute;
 max-width: 1440px;
 margin: 0 auto;
 left: 0;
 right:0;
  }

 
#header_container {
position: relative;
width: 100%;
height: 124px;

}



.header_logo {
position: absolute;
width: 120px;
height: 44px;
top: 40px;

 }
 
 #menu_header1 {
  position: absolute; 
  right: 0px;
  top: 40px;
  width: 200px;
  box-sizing: border-box;
  height: 44px;
  width: 120px;
  background-color: rgba(255,255,255,0.2);
  padding: 10px 0 10px 0;
}
 #menu_header1:hover { 
  border: 2px solid #FF4929;
  border-radius: 41.5px;
  
}

.menu_txt {
  height: 23px;
  width: 120px;
  color: #FF4929;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
  text-align: center;
}
.menu_txt > a  {color: #FF4929; }
.menu_txt > a:visited {  color: #FF4929;
}


 #menu_header2 {
  position: absolute; 
  right: 160px;
  top: 40px;
  width: 200px;
  box-sizing: border-box;
  height: 44px;
  width: 120px;
  background-color: rgba(255,255,255,0.2);
  padding: 10px 0 10px 0;
  }
   #menu_header2:hover { 
  border: 2px solid #FF4929;
  border-radius: 41.5px;
  
}

 #menu_header3 {
  position: absolute; 
  right: 290px;
  top: 40px;
  width: 200px;
  box-sizing: border-box;
  height: 44px;
  width: 120px;
  background-color: rgba(255,255,255,0.2);
  padding: 10px 0 10px 0;
  }
   #menu_header3:hover { 
  border: 2px solid #FF4929;
  border-radius: 41.5px;
  
}

 #menu_header4 {
  position: absolute; 
  right: 420px;
  top: 40px;
  width: 200px;
  box-sizing: border-box;
  height: 44px;
  width: 120px;
  background-color: rgba(255,255,255,0.2);
  padding: 10px 0 10px 0;
  }
   #menu_header4:hover { 
  border: 2px solid #FF4929;
  border-radius: 41.5px;
  
}





/* 404 page */

.content {
width: 100%;
background-color: white;
color: black;

 }
 
 .content_center {
 max-width: 1440px;
 margin: 0 auto;
 left: 0;
 right:0;
 
  }
  
 .content_text_block {
 margin-top: 100px;
 
  } 
  
 .home_button {
  width: 240px;
  height: 50px;
  border-style: solid;
  border-width: 2px;
  border-color: #FF4929; 
  border-radius: 41.5px;
  font-family: "Proxima Nova", helvetica, san-serif;
  font-size: 20px;
  font-weight: regular;
  text-align: center;
  transition: 0.3s;
  color: #FF4929;
  line-height: 40px;
  margin-top: 10px ;
  margin-bottom: 110px;
  }
  
 .home_button a {
 text-decoration:none;
 color:#FF4929;
   }
   
  .home_button:hover {
 background-color:  #FF4929;
 color: #F3F3F3;
   }
   
 .home_button a:visited {
  color: #FF4929;
  }



/* Footer - desktop */

.contact_btn {
  
  color: #FF4929;
  
  transition: 0.3s;
}

.contact_btn:hover {
  
  color: white;
}


.footerlinks_btn { 

  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  padding-top: 14px;
  
  color: #B2B4B2;
  
  transition: 0.3s;
}

.footerlinks_btn > a { 
  
  color: #B2B4B2;
  transition: 0.3s;
  text-decoration: none;
}

.footerlinks_btn > a:visited { 
  
  color: #B2B4B2;
  transition: 0.3s;
  text-decoration: none;
}

.footerlinks_btn:hover > a {
  
  color: white;
}

.footerlinks_btn:hover {
  
  color: white;
}

#mobile_footer {
display: none;
 }

#footer_container {
position: relative;
width: 100% auto;
height:432px;
background-color: #000000;
margin: 0 auto;
}
#getintouch {
  position: absolute; 
  margin: 83px 9%;
  height: 122px;
  width: 363px;
  color: #FFFFFF;
  font-family: "Proxima Nova", Montserrat, helvetica, san-serif;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 61px;
}


  

#contact_footer {
  position: absolute; 
  left: 9%;
  top: 235px;
  width: 200px;
  border-style: solid;
  border-color: #FF4929; 
  border-radius: 41.5px;
  font-family: "Proxima Nova", Montserrat, helvetica, san-serif;
  font-size: 20px;
  font-weight: regular;
  text-align: center;
  padding: 14px 14px 14px 14px;

}

#contact_footer:hover {
  
 background-color: #FF4929; 

 }

#footer_menu_container
{
position: absolute; 
left: 78%; 
text-align:left; 
top: 97px; 
width:180px;
}

#footer_menu_container2
{
position: absolute; 
left: 57%; 
top: 97px;
max-width: 16%;
}

.footer_sub_heading {
  height: 19px;
  width: 105px;
  color: #FFFFFF;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}

.footer_sub_heading a {
color: #FFFFFF;
 }
 
.footer_sub_heading a:visited {
color: #FFFFFF;
 }


.footer_logo {
position: absolute; 

left: 78%;
bottom: 50px; 
width:180px; 
height:65px;
}


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

.footer_logo {
position: absolute; 

left: 80%;
bottom: 50px; 
width:150px; 
height:54px;
}
     }

#company_blurb {
  position: absolute;
  bottom: 46px;
  left: 9%;
  color: #B2B4B2;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  
}



  @media only screen and (max-width: 1100px) {
#company_blurb {
font-size: 12px;
left: 2%
 
  }
     }

.company_blurb {
  display: inline-block;
  padding-right: 18px;
  text-decoration: none;

}





#bottom_bar {
position: absolute;
float:right;
bottom: 0; 
height: 10px; 
width: 100%; 
background-color:#FF4929;

}




@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 800px)  {

.center {
max-width: 320px;
left: 0;
right: 0;
margin: 0 auto;

 }

h1 {
font-size: 40px;
line-height: 44px;

 }


h2 { 

  color: #000000;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: 34px;

 }
 
h3 {
font-size: 22px;
line-height: 28px;

 }
 
h4 {
font-size: 24px;
line-height: 32px;

 }

#header_container {

display: none;

}


 .header_logo {
position: absolute;
width: 84px;
height: 30px;
top: 10px;
margin: 0 auto;
left: 0 ;
right: 0;

 } 

 .div.sticky {
  position: absolute;
  top: 0;
  background-color:white;
   z-index:400;
   margin: 0 auto;
}


#footer_container {
display: none;

 }

 
#mobile_footer {
position: relative;
display: block;;
width: 100% auto;
height: 942px;
background-color: #000000;
margin: 0 auto;
left: 0;
right: 0;
}

#mobile_footer a {
color: #B2B4B2;
 }
 
#mobile_footer a:visited {
color: #B2B4B2;
 }

.getintouch_mobile {
  position: absolute;
  top: 72px;
  height: 84px;
  width: 271px;
  color: #FFFFFF;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 42px;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
}


#contact_footer {
  position: absolute; 
  width: 200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 186px;
    border-style: solid;
  border-color: #FF4929;
  color: #FF4929; 
  border-radius: 41.5px;
  font-family: "Proxima Nova", Montserrat, helvetica, san-serif;
  font-size: 20px;
  font-weight: regular;
  text-align: center;
  padding: 14px 14px 14px 14px;

}


.mobile_footer_logo {
position: absolute;
width: 180px;
height: 65px;
margin: 0 auto;
left:0;
right: 0;
top: 316px;

 }
 

.mobile_footer_sub_heading {
  height: 19px;
  color: #FFFFFF;
  font-family: "Proxima Nova", Montserrat, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;

} 
 
 
 
#mobile_footer_menu_container {
position: absolute;
width: 250px;
top: 434px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;

 }
 
#mobile_footer_menu_container2 {
position: absolute;
width: 250px;
top: 631px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;

 }
 
.company_txt {

  position: absolute;
  top: 826px;
  width: 285px;
  left:0;
  right:0;
  margin: 0 auto;
  color: #B2B4B2;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  text-align:center;  
}

.company_txt2 {

  position: absolute;
  bottom: 44px;
  width: 285px;
  left:0;
  right:0;
  margin: 0 auto;
  color: #B2B4B2;
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  text-align:center;  
}

 
  }