
body {
  font-family: 'Noto Sans', sans-serif;
}h1, h1 a, .large-text-1 {
  color: #ff0000;
  font-family: 'Prompt', sans-serif;
  font-size: 28px;
  line-height: normal;
  margin: 25px 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}h2, .large-text-2, .work-hours .large-text-2 {
  color: #ff0000;
  font-family: 'Prompt', sans-serif;
  font-size: 25px;
  line-height: normal;
  margin: 25px 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}h3 {
  color: #000;
  font-family: 'Prompt', sans-serif;
  font-size: 1.6em;
  line-height: 1.5rem;
  margin: 25px 0;
}h4 {
  font-family: 'Prompt', sans-serif;
  color: #000;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  font-family: 'Noto Sans', sans-serif;
  color: #000;
  font-size: 14px;
  margin: 15px 0;
}ul {
  list-style-type: none;
  color: #000;
  margin: 0;
}ul li{
  color: #000;  
  font-size: 14px;
  margin-bottom: 15px;
}.small{
  font-size: 16px;
  color: #000;
  display: block;
  width: 100%;
}.fa.fa-wheelchair {
  font-size: 80px;
}.logo-wrapper {
  background: white;
  padding: 20px;
}.gallery-wrapper h2 {
  display: none;
}.padding-bt{
  padding-bottom: 15px;
}.google-review {
  color: red !important;
  font-size: 12px !important;
  font-weight: bold;
}.vertical-padding-small {
  padding-top: 3%;
}.big-text {
	font-size: 25px;
	font-weight: bold;
}
.subnav {
  background: none repeat scroll 0 0 #e0e0e0;
  display: block;
  float: left;
  height: 80px;
  margin: 0 3px;
  padding: 20px 40px;
}.content-wrapper{
  width: 100%;
  display: block;
  float: left;  
}.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}.page-wrapper {
  max-width: 75rem;
  clear: both;
}.animate-slow{
  transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out;  
  -o-transition: all 1s ease-in-out;  
}.animate-medium{
  transition: all .5s ease-in-out;  
  -webkit-transition: all .5s ease-in-out;  
  -moz-transition: all .5s ease-in-out; 
  -o-transition: all .5s ease-in-out; 
}.animate-fast{
  transition: all .25s ease-in-out; 
  -webkit-transition: all .25s ease-in-out; 
  -moz-transition: all .25s ease-in-out;  
  -o-transition: all .25s ease-in-out;  
}.horizontal-center{
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%); 
}.vertical-center{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
}.padded{
  padding: 40px 60px; 
}.strip-padding{
  padding-left: 0!important;
  padding-right: 0!important; 
}.strip-left{
  padding-left: 0!important;  
}.strip-right{
  padding-right: 0!important; 
}.light-bg{
  background: #fff url("https://laclassiclimos.com/wp-content/uploads/sites/925/2018/12/light-bg.png") no-repeat right center / cover;
}.dark-bg{
  background: #000 url("https://laclassiclimos.com/wp-content/uploads/sites/925/2018/12/dark-bg.png") no-repeat left center / cover;
}.button{
  line-height: 50px;
  padding: 0 20%;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 11px;  
}.button:hover, .button:focus,
 .button:active{
  background: #ff0000;
  color: #000;
  border-color: transparent;
  opacity: 1; 
}.light-button{
  border: 1px solid #000;
  background: none;
  color: #000;
}.dark-button{
  border: 1px solid transparent;
  background: #000;
  color: #ffffff;
}.alt-color{
  color: #ff0000!important; 
}.alt-font{
  font-family: "Prompt", sans-serif!important;
}.header-wrapper{
  background: #fff; 
  display: block;
  float: left;
  width: 100%;
}.company-wrapper{
  background: #ffffff;  
  padding-top: 10px;
}.header-company-title{
  margin: 0;  
}.header-company-title a {
  font-family: 'Prompt', sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 20px;
  line-height: normal;
  color: #000000;
  text-decoration: none;
  float: left;
  width: 100%;
  text-align: left;
  margin: 30px 0 5px 0;
}.header-company-serviceorder{
  font-size: 13px;  
  font-family: 'Prompt', sans-serif;
  color: #000000;
}.social-wrapper{
  background: #fff;
}.social a{
  line-height: 50px;
  display: inline-block;  
  padding: 0 20px;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  letter-spacing: 3px;
  color: #000;
  text-decoration: underline transparent;
}.social a:hover{
  color: #ff0000;
  text-decoration-color: #ff0000; 
}.header-contact{
  padding: 0 40px;  
}.header-contact p{
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #000000;
  font-size: 12px;
  margin: 0;
  line-height: 50px;
}.header-contact a{
  font-family: "Noto Sans", sans-serif;
  font-size: 18px;
  letter-spacing: normal;
}.navigation-wrapper{
  padding: 20px 0;  
}.top-bar, .top-bar.expanded{
  background: none;
  height: auto;
  line-height: auto;
}.top-bar-section ul li, .top-bar.expanded .title-area{
  background: none; 
}.top-bar-section ul li{
  margin: 0 10px; 
}.top-bar-section li:not(.has-form) a:not(.button){
  background: none;
  border: 1px solid transparent;
  font-family: "Prompt", sans-serif;  
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #000;
  line-height: 50px;
  padding: 0 20px;
  transition: all .5s ease-in-out;  
  -webkit-transition: all .5s ease-in-out;  
  -moz-transition: all .5s ease-in-out; 
  -o-transition: all .5s ease-in-out; 
}.top-bar-section li.active:not(.has-form) a:not(.button),
 .top-bar-section li.active:hover:not(.has-form) a:not(.button),
 .top-bar-section li:hover:not(.has-form) a:not(.button){
  background: none;
  color: #000;
  border-bottom: 3px solid #000;  
  line-height: 50px;
  padding: 0 20px;
}.top-bar-section .has-dropdown > a::after{
  border-color: #ffffff transparent transparent transparent;
}.top-bar-section .has-dropdown.active > a::after,
 .top-bar-section .has-dropdown:hover > a::after{
  border-color: #000 transparent transparent transparent; 
}.top-bar-section .dropdown{
  background: rgba(255,255,255,.9);
  width: auto;
}.top-bar-section ul li .dropdown li{
  margin: 0;
}.top-bar-section li:hover .dropdown li:not(.has-form) a:not(.button),
 .top-bar-section li.active .dropdown li:not(.has-form) a:not(.button),
 .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
 .top-bar-section .dropdown li:not(.has-form) > a:not(.button){
  background: none;
  border: none;
  color: #000;  
  font-size: 13px;
  position: relative;
  text-align: center;
  padding: 0 50px;
  line-height: 45px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):before,
 .top-bar-section .dropdown li:not(.has-form) a:not(.button):after{
  content:"";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 5px;
  background: #000;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); 
  transition: all .5s ease-in-out;  
  -webkit-transition: all .5s ease-in-out;  
  -moz-transition: all .5s ease-in-out; 
  -o-transition: all .5s ease-in-out; 
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):before{
  left: 10%;
}.top-bar-section .dropdown li:hover:not(.has-form) a:not(.button):before,
 .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):before{
  opacity: 1;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):after{
  right: 10%;
}.top-bar-section .dropdown li:hover:not(.has-form) a:not(.button):after,
 .top-bar-section .dropdown li.active:not(.has-form) a:not(.button):after{
  opacity: 1;
}.home-slider-wrapper{
  position: relative;
  height: calc(100vh - 146px);
  border-bottom: 1px solid #000;
  overflow: hidden; 
}.slider-wrapper{
  position: relative;
  height: 450px;  
  overflow: hidden;
}.slick-slider{ 
  z-index: -1;
}.scroll-arrow{
  position: absolute;
  bottom: 20px;
  width: 50px;
  background: rgba(0,0,0,.9); 
  cursor: pointer;
}.scroll-arrow .fa{
  font-size: 40px;    
  line-height: 50px;  
}.page-heading{
  display: block;
  float: left;
  width: 100%;
  padding: 50px;  
  background: #000;
}.page-heading h1, .page-heading .large-text-1{
  margin: 0 0 10px;
  font-size: 22px;
  letter-spacing: 5px;
  color: #ffffff;
}.page-heading .large-text-2{
  font-size: 11px;
  font-weight: 700;
  margin: 0;
  letter-spacing: 1.5px;
  color: #ffffff;
}.contactForm  {
  margin-top: 20px;
}.contactForm input,
 .contactForm textarea {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: none;
  margin-bottom: 15px;
  padding: 3px 10px;
  width: 100%;
  border-color: #9499b3;
  color: #141a29;
  text-transform: uppercase;
  font-size: 12.5px;
  letter-spacing: 2px;
}.contactForm textarea{
  min-height: 100px;  
}.contactForm .captchaWrapper {
  margin-top: 10px;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper{
  display: block;
  float: left;
  width: 100%;  
}.contactForm .submitWrapper span.submit {
  cursor: pointer;
  padding: 0 70px;
  margin-bottom: 0;
}.emailConfirmation {
  margin: 0 auto;
  text-align: center;
}.emailConfirmation h1 {
  color: #00CC00;
}.contact-info p{
  font-size: 18px;  
  line-height: normal;
}.map-wrapper{
  height: 150px;
}.footer-wrapper {
  display: block;
  float: left;
  width: 100%;
  background: #000;
  font-family: "Prompt", sans-serif;
}.footer-wrapper h2{
  margin-bottom: 20px;  
}.footer-wrapper p.contact-info, .footer-wrapper p.contact-fax,
 .footer-wrapper p.contact-email,.footer-wrapper  p.contact-address {
  font-family: "Noto Sans", sans-serif;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 15px;
  line-height: normal;
}.footer-wrapper p.contact-phone{
  color: #ffffff; 
  font-size: 40px;
  line-height: 20px;
  margin: 0 0 15px;
}.work-hours p{
  color: #ffffff;
  display: block;
  letter-spacing: 2px;
  font-size: 11px;  
  text-transform: uppercase;
  margin: 0 0 20px;
}.work-hours strong{
  font-size: 13px;  
}.disclaimer{
  width: 100%;
  display: block;
  float: left;
  padding: 20px 0 0 0;  
}.disclaimer p{ 
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
}.lnm-image{
  opacity: .6;  
}.lnm-image >img{
  width: 120px; 
}.slick-background-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 101% !important;
  overflow: hidden;
}.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}.spinner > div {
  background-color: #444;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}@keyframes stretchdelay {
  0%, 40%, 100% { 
  transform: scaleY(0.4);
  -webkit-transform: scaleY(0.4);
  }  20% { 
  transform: scaleY(1.0);
  -webkit-transform: scaleY(1.0);
  }
}.osha-logo {
  width: 350px;
  padding-top: 16%;
}
@media only screen and (min-width: 1025px){
  .top-bar-section .dropdown{
    top: 50%;
    opacity: 0;
    transition: all .5s ease-in-out;  
    -webkit-transition: all .5s ease-in-out;  
    -moz-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out; 
  }.top-bar-section .has-dropdown.hover > .dropdown, 
   .top-bar-section .has-dropdown.not-click:hover > .dropdown,
   .top-bar-section .dropdown{
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }.top-bar-section .has-dropdown.hover > .dropdown, 
   .top-bar-section .has-dropdown.not-click:hover > .dropdown{
    top: 100%;
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px){
  h1, h1 a {
    font-size: 18px;
    margin: 25px 0;
  }h2 {
    font-size: 16px;
    margin: 25px 0;
  }a, a:focus, a:visited, a:active{
    color: #ff0000; 
  }.button{
    padding: 0;
    margin-top: 15px;
    width: 100%;
  }.small{
    font-size: 13px;  
  }.header-contact{
    padding: 0 10px;  
  }.header-contact p{
    font-size: 11px;  
  }.social a{
    padding: 0 4px;
    font-size: 10px;  
  }.navigation-wrapper{
    padding: 0 10px;
    height: auto; 
  }.top-bar{
    height: 55px;
    line-height: 55px;
    width: 100%;
  }.top-bar .title-area,
   .top-bar.expanded .title-area{
    height: 55px;
    line-height: 55px;  
  }.top-bar-section ul li{
    margin: 0 10px; 
  }.top-bar-section .dropdown li.parent-link a, 
   .top-bar-section .dropdown li.title h5 a{
    line-height: 45px;  
  }.home-slider-wrapper,
   .slider-wrapper{
    height: auto;
  }.slick-slider{
    margin-bottom: 0!important;
  }.page-heading h1, .page-heading .large-text-1{
    font-size: 13px;
    letter-spacing: 2px;
    letter-spacing:   
  }.contact-info a{
    color: #606994; 
  }.map-wrapper {
    height:auto;
  }.footer-wrapper p.contact-info, .footer-wrapper p.contact-fax, 
   .footer-wrapper p.contact-email, .footer-wrapper p.contact-address{
    word-wrap: break-word;
  }.footer-wrapper p.contact-phone{
    font-size: 20px;
  }.top-bar .toggle-topbar.menu-icon a{
    color: black;
  }.top-bar .toggle-topbar.menu-icon a span::after, .top-bar .toggle-topbar.menu-icon a span:hover:after{
    box-shadow: 0 0 0 1px black, 0 7px 0 1px black, 0 14px 0 1px black;
  }.fa.fa-wheelchair{
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px){
  .padded{
    padding:20px; 
  }.header-company-title a{
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    display: none;
  }.header-company-serviceorder{
    text-align: center;
    font-size: 10px;
    margin: 0;
  }.header-contact{
    padding: 0 10px;  
  }.header-contact p{
    font-size: 11px;  
    text-align: center;
  }.header-contact a{
    font-size: 13px;
  }.social a{
    padding: 0 5px;
    letter-spacing: 2px;
    font-size: 8px; 
  }.page-heading{
    padding: 20px 15px; 
  }.page-heading h1, .page-heading .large-text-1{
    font-size: 16px;  
  }.page-heading h2, .page-heading .large-text-2{
    font-size: 10px;
  }.fa.fa-wheelchair{
    font-size: 20px;
  }.google-review{
    font-size: 12px !important;
  }
}
