/* Default Styles */
body {
  background: #e6e6e6;
  font-family: Open Sans, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}h1, h1 a,
 .heading-1 {
  color: #000000;
  font-family: Michroma, sans-serif;
  font-size: 26px;
  line-height: 1;
  margin: 25px 0;
}h2,
 .heading-2 {
  color: #000000;
  font-family: Michroma, sans-serif;
  font-size: 22px;
  line-height: 1.2;
  margin: 25px 0;
}h3,
 .heading-3 {
  color: #000000;
  font-family: Michroma, sans-serif;
  font-size: 19px;
  line-height: 1.5rem;
  margin: 25px 0;
}h4,
 .heading-4 {
  font-family: Michroma, sans-serif;
  color: #000000;
  font-size: 17px;
  line-height: 1.5rem;
  margin: 25px 0;
}h1 small, h2 small,
 h3 small, h4 small,
 .heading-1 small, 
 .heading-2 small,
 .heading-3 small, 
 .heading-4 small{ 
  color: #4b89fc;
  display: block; 
  font-size: 65%;
  line-height: 2;
}p,
 ul li {
  font-family: Open Sans, sans-serif;
  color: #353535;
  font-size: 16px;
  line-height: 2.25;
  margin: 15px 0;
}ul {
  list-style-type: none;
}ul li{
  color: #d43030;
  line-height: 2;
  margin: 0 0 10px;  
}li span{
  color: #353535;  
}.button-one{
  color: #e6e6e6;
  cursor: pointer;
  background: #d43030;
  display: block;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 90px;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;  
  width: 100%;
}.button-one:hover{
  background: #4b89fc; 
  color: #e6e6e6;
}.button-one.alt{
  background: #4b89fc;
  line-height: 55px;  
}.button-one.alt:hover{
  background: #d43030;
}.button-one .fa{
  font-size: 17px;
  margin-left: 15px;
}.button-two{
  border: 2px solid #d43030;
  color: #e6e6e6;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  padding: 40px;
}.button-two.alt{
  border: 2px solid #4b89fc;
}.button-two span{
  color: #d43030;
  display: block;
  font-family: Michroma, sans-serif;
  font-size: 24px;  
  font-style: normal;
}.button-two.alt span{
  color: #4b89fc;
}.button-two:hover{
  background: #d43030;
  color: #e6e6e6;  
}.button-two.alt:hover{
  background: #4b89fc;
}.button-two:hover span{
  color: #e6e6e6;
}.row {
  margin: 0 auto;
  max-width: 75em;
  width: 100%;
}.strip-padding{
  padding-left: 0!important;
  padding-right: 0!important;
}.vertical-padding{
  padding-top: 10vh;
  padding-bottom: 10vh;
}.padded{
  padding: 10vh 3.5vw;  
}[class*="fadein-"],
 .scrollfade{
  opacity: 0;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;  
}.scrollfade.complete{
  opacity: 1;  
}.animate{
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;  
}.small-hr{
  margin: 1.25rem auto 1.1875rem;
  width: 30%;
}
/*Header Styles*/
.header-wrapper{
  position: relative;
  height: 30vh;
  padding-top: 35px;
}.header-wrapper.home{
  height: 100vh;
}.header-background{
  height: 97vh;
  position: absolute;
  overflow: hidden; 
  top: 0;
  width: 100%;
  z-index: -1;
}.header-background:before{
  content: "";
  background: #e6e6e6;
  bottom: 0;
  height: 10px;
  position: absolute;
  width: 100%;
  opacity: .1;
}.social-wrapper{
  display: inline-block;  
}.social-wrapper a{
  display: inline;
  line-height: 48px;
  padding: 0 15px;  
}.social-wrapper a .fa{
  color: #e6e6e6;
  font-size: 18px;
  line-height: 48px;
}.social-wrapper a:hover .fa{
  color: #d43030  
}.header-phone{
  display: inline-block;  
  border: 2px solid #d43030;
  color: #e6e6e6;
  font-size: 18px;
  font-weight: 600;
  line-height: 44px;
  padding: 0 35px;
}.header-phone:hover{
  color: #e6e6e6;  
}.header-phone .fa{
  color: #d43030;
  font-size: 22px;
  line-height: 44px;
  margin-right: 10px;
}.header-company-title{
  margin: 10px 0 5px;
}.header-company-title a{
  color: #e6e6e6;
  font-size: 26px;
  margin: 0;  
}.header-company-serviceorder{
  color: #e6e6e6;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  opacity: .7;
}.header-content{
  margin-top: 10%;
}.header-content p{
  color: #e6e6e6;
  font-family: Michroma, sans-serif;
  font-size: 55px;
  line-height: normal;
}.header-content p span{
  color: #4b89fc;
}.scroll-arrow{
  background: #4b89fc;
  border-radius: 67px;
  cursor: pointer;
  width: 67px;
  height: 67px;  
  margin: 10% auto 0;
  position: relative;
}.scroll-arrow:before{
  content: "";
  background: #4b89fc;
  border-radius: 67px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .25;
  -webkit-animation: pulse 2.05s infinite; 
  animation: pulse 2.05s infinite;
}.scroll-arrow .fa{
  color: #e6e6e6;
  font-size: 25px;
  line-height: 67px;
  text-align: center;
  width: 100%;
  -webkit-animation: pulse 1.85s infinite; 
  animation: pulse 1.85s infinite;
}.header-bottom{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
/*Navigation*/
.nav-wrapper{
  border-bottom: 1px solid #353535;
}.top-bar{
  background: none;
  font-family: Open Sans, sans-serif;
  height: 65px;
  line-height: 65px;
}.top-bar-section ul li{
  background: none;
  margin: 0;
}.top-bar-section li:not(.has-form) a:not(.button){
  background: none;
  border-bottom: 1px solid transparent;
  color: #e6e6e6;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 65px;
  padding: 0 35px;
  opacity: .5;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section li.active:not(.has-form) a:not(.button),
 .top-bar-section ul li.active > a,
 .top-bar-section li.active:not(.has-form) a:hover:not(.button),
 .top-bar-section li:not(.has-form) a:hover:not(.button),
 .top-bar-section ul li.active > a:hover,
 .top-bar-section ul li:hover:not(.has-form) > a{
  background: none;  
  border-color: #e6e6e6;
  color: #e6e6e6;
  line-height: 65px;
  padding: 0 35px;
  opacity: 1;
}.top-bar-section .has-dropdown > a::after{
  display: none;  
}.top-bar-section .dropdown{
  background: rgba(75,137,252,.8);
}.top-bar-section .dropdown li:not(.has-form) a:not(.button){
  background: rgba(75,137,252,.8);
  border-bottom: 1px solid #7aa9ff;
  color: #e6e6e6;
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 15px;
  opacity: 1;
}.top-bar-section .dropdown li:not(.has-form):last-child a:not(.button){
  border-bottom: none;
}.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
 .top-bar-section .dropdown li.active:not(.has-form) > a:not(.button),
 .top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button),
 .top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button){
  background: #4b89fc;
  border-color: #e6e6e6;
  line-height: 40px;
  padding: 0 15px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):before{
  content: "";
  background: #7aa9ff;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 10px;
  opacity: 0;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.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,
 .top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button):before,
 .top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button):before{
  opacity: 1;
 }
/*Bottom content section*/
.content-bottom{
  background: #282b31;
  display: block;
  position: relative; 
  width: 100%;
}.content-bottom h2, .content-bottom .heading-2,
 .content-bottom h3, .content-bottom .heading-3, .content-bottom h3 a,
 .content-bottom h4, .content-bottom .heading-4{
  color: #4b89fc;
}.content-bottom p,
 .content-bottom a,
 .content-bottom li span{
  color: #a2aec6;
}.content-bottom b,
 .content-bottom strong{
  color: #4b89fc;  
}.content-bottom img{
  border: 1px solid #353535;
}.content-bottom img:nth-of-type(1){
  margin-bottom: 30px;
}.content-bottom hr{
  border-color: #a2aec6;
  float: left;
  left: 50%;
  position: relative;
  opacity: .3;
  width: 80%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
/**/
.service-exerpt{
  border-right: 1px solid #353535;
  padding: 30px;
  margin: 20px 0;
}.service-exerpt:last-child{
  border-right: none;
}
/*FAQ*/
.faq{
  margin-bottom: 30px;  
}.faq h2,
 .faq .heading-2{
  color: #4b89fc;
  font-size: 17px;
  margin-bottom: 5px;
}.faq h2:before,
 .faq .heading-2:before{
  content: "Q. ";
  color: #d43030;
  font-size: 22px;
  position: relative;
  display: inline;  
}.faq p:not(.heading-2){
  padding-left: 35px;
  line-height: 1.5em;
}
/*Footer*/
.footer-wrapper {
  position: relative;
  width: 100%;
}.footer-padding{
  position: relative;
  background: url(https://sarikautocenter.net/wp-content/themes/gbm/images/dashboard-bg.jpg) no-repeat 50% / cover;
  display: block;
  float: left;
  padding: 15vh 0;  
  width: 100%;
  overflow: hidden;
}.disclaimer{
  position: relative; 
  clear: both;
  background: #e6e6e6;  
  padding: 10px 0;
}.disclaimer p{
  color: #282b31;
  font-size: 9px;
  line-height: normal;
  margin: 0;
  text-transform: uppercase;
  opacity: .6;
}.lnm-image img{
  max-width: 80px;
  opacity: .6;
}.scrollTop{
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000000;
  cursor: pointer;
  width: 65px;
  height: 100%;
}.scrollTop .fa{
  color: #e6e6e6;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  width: 100%;
}
/*Contact Form*/
.contactForm  {
  float: left;
  margin: 50px 0;
  position: relative;
}.contactForm input {
  background: none;
  border: 1px solid #c1c1c1;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  height: 50px;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 20px;
}.contactForm input:focus{
  background: none;  
}.contactForm textarea {
  background: none;
  border: 1px solid #c1c1c1;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  height: 125px;
  padding: 10px 20px;
  width: 100%;
}.contactForm .submit{
  font-weight: 400;  
}.emailConfirmation {
  margin: 0 auto;
}.emailConfirmation h1 {
  color: #4b89fc;
}.contact-section-wrapper{
  background: #282b31;
  padding: 3vh 0;
}.contact-section{
  border-right: 1px solid #c1c1c1;
  padding: 0 2vw;
}.contact-section:last-child{
  border: none;
}.contact-section p.heading-3{
  color: #e6e6e6;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}.contact-section p:not(.heading-3){
  color: #e6e6e6;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 5px;
}.map-wrapper{
  border: 1px solid #c1c1c1;
}.slick-background-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 101% !important;
  overflow: hidden;
}
@keyframes pulse {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@media screen and (max-width: 1440px) {
  .padded{
    padding: 5vh 3.5vw;  
  }.social-wrapper{
    width: 55%;  
  }.social-wrapper a{
    padding: 0 10px;
  }.header-phone{
    font-size: 16px;
    padding: 0 20px;
    width: 45%;  
  }.header-phone .fa{
    font-size: 18px;  
  }.header-background img{
    min-width: 1920px;
  }
}
@media screen and (max-width: 1366px) {
  .social-wrapper a{
    padding: 0 8px;
  }.header-phone{
    padding: 0 15px;
  }.top-bar-section li:not(.has-form) a:not(.button){
    padding: 0 25px;
  }.top-bar-section li.active:not(.has-form) a:not(.button), 
   .top-bar-section ul li.active > a, 
   .top-bar-section li.active:not(.has-form) a:hover:not(.button), 
   .top-bar-section li:not(.has-form) a:hover:not(.button), 
   .top-bar-section ul li.active > a:hover, 
   .top-bar-section ul li:hover:not(.has-form) > a{
    padding: 0 25px;
  }.top-bar-section .dropdown li:not(.has-form) a:not(.button){
    padding: 0 15px;  
  }.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button),
   .top-bar-section .dropdown li.active:not(.has-form) > a:not(.button),
   .top-bar-section .dropdown li.active:hover:not(.has-form) > a:not(.button),
   .top-bar-section .dropdown li.active:not(.has-form) a:hover:not(.button){
    padding: 0 15px;
  }.scroll-arrow{
    margin-top: 5%;
  }
}
@media screen and (max-width: 1280px) {
  body{
    overflow-x: hidden;
  }.header-background img{
    min-width: 1440px;
  }.social-wrapper a .fa{
    font-size: 16px;
  }.header-phone{
    font-size: 15px;
    padding: 0 10px;  
  }.header-phone .fa{
    margin-right: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .row.vertical-padding, .padded{
    padding: 5vh 5vw;  
  }header{
    text-align: center;  
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
  }header:not(.home){
    background: url(https://sarikautocenter.net/wp-content/themes/gbm/images/sliders/01-small.jpg) no-repeat 50% / cover;  
    display: block;
    float: left;
    height: auto;
    padding: 15px 0;
    width: 100%;
  }.top-bar.expanded .title-area{
    background: none;  
  }.top-bar .toggle-topbar.menu-icon{
    right: 15px;  
  }.top-bar .toggle-topbar.menu-icon a{
    line-height: 40px;
    padding: 0 50px 0 15px;  
  }.top-bar .toggle-topbar.menu-icon a span{
    color: #e6e6e6;
    padding: 0;
  }.top-bar .toggle-topbar.menu-icon a span::after,
   .top-bar .toggle-topbar.menu-icon a span:hover:after{
    box-shadow: 0 0 0 2px #d43030, 0 10px 0 2px #d43030, 0 20px 0 2px #d43030;
    right: 0;
    width: 35px;
  }.top-bar{
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
    width: 100%;
  }.top-bar-section li:not(.has-form) a:not(.button),
   .top-bar-section li.active:not(.has-form) a:not(.button), 
   .top-bar-section ul li.active > a, 
   .top-bar-section li.active:not(.has-form) a:hover:not(.button), 
   .top-bar-section li:not(.has-form) a:hover:not(.button), 
   .top-bar-section ul li.active > a:hover, 
   .top-bar-section ul li:hover:not(.has-form) > a{
    border: none;
    line-height: 50px;
  }.top-bar-section .dropdown li:not(.has-form) a:not(.button){
    line-height: 45px;  
  }.top-bar-section .dropdown li.active:not(.has-form) a:not(.button){
    color: #e6e6e6;
  }.header-background{
    height: 100vh;  
  }.header-background img{
    min-width: 100vw;
  }.social-wrapper{
    width: 50%;
    float: left;
  }.social-wrapper a{
    float: left;
    width: 60px;
  }.social-wrapper a .fa{
    width: 100%;
  }.company-info{
    margin-top: 20px;  
  }.header-content{
    margin-top: 15%;
  }.header-bottom{
    bottom: 20px;  
  }.service-exerpt{
    border-right: none;
    border-bottom: 1px solid #353535;
    padding: 0 0 30px;  
  }.service-exerpt.last{
    border: none;  
  }.contact-section{
    border: none;
  }.contact-section a{
    color: #e6e6e6;  
  }#gmap2{
    margin-bottom: 0;  
  }.footer-padding{
    padding: 5vh 10vw;  
  }footer .button-two{
    margin-bottom: 30px;
  }footer .button-two:last-child{
    margin-bottom: 0;
  }.disclaimer p{
    line-height: normal;
  }
}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
  .header-wrapper.home{
    height: auto;  
  }.header-background img{
    width: 100vw;
    height: auto;
    max-height: 100%;  
  }.header-content{
    margin-top: 5%;  
  }.header-content p{
    font-size: 40px;  
  }.scroll-arrow{
    margin: 2% auto 0;
  }.header-bottom{
    position: relative;
    margin-top: 50px;
  }
}@media screen and (max-width: 767px) {
  .button-one{
    font-size: 15px;
    line-height: 50px;
  }.button-two{
    padding: 20px 15px;  
  }.row.vertical-padding{
    padding: 5vh 0;  
  }.padded{
    padding: 15px;  
  }.header-wrapper{
    padding-top: 5px;  
  }header.home .header-background img{
    height: 100vh;
    width: auto;
    max-width: 100%;
    min-width: inherit;
  }.social-wrapper a{
    padding: 0 5px;
    width: auto;
  }.social-wrapper a .fa{
    font-size: 14px;  
  }.header-phone{
    padding: 0;
    width: 50%;  
  }.header-phone .fa{
    font-size: 16px;
    margin-right: 5px;  
  }.header-company-title a{
    font-size: 27px;  
  }.header-company-serviceorder{
    font-size: 14px;
    line-height: normal;  
  }.header-content{
    margin-top: 15px;  
  }.header-content p{
    font-size: 18px;  
  }.scroll-arrow{
    height: 50px;  
    width: 50px;
    margin: 25px auto 0;
  }.scroll-arrow .fa{
    font-size: 20px;
    line-height: 50px;  
  }.faq p:not(.heading-2){
    padding-left: 0;  
  }.contact-section{
    text-align: center;  
  }#gmap2{
    height: 250px!important;  
  }.footer-padding{
    padding: 5vh 3vw;
  }
}@media screen and (max-width: 767px) and (orientation: landscape){
  header.home .header-background img{
    height: auto;
    width: 100%;
  }.company-logo{
    display: none;
  }.header-company-title a{
    font-size: 24px;  
  }.header-company-serviceorder{
    display: none;  
  }.header-content{
    margin-top: 0;  
  }.header-content p{
    margin: 10px 0;
  }.scroll-arrow{
    display: none;
  }
}