
body,html{
  margin: 0;
  font-family: 'Lato', sans-serif;
  background:#f7f7f7;
}

.bg-navy{
  background:#0a1c3e;
}

.logo{
  width: 100%;
  max-width: 100px;
}

.nav-item:hover{color: #46b200 !important;}

.carousel-indicators li {
  border-radius: 50%;
  width: 11px;
  height: 11px;
  opacity: 1 !important;
  -webkit-tap-highlight-color:none;
  background: #858585;
  margin: 0 5px;

}

.carousel-indicators li.active { background: #fff;border:1px solid #f1ad02; }

.col-5s,
.col-sm-5s,
.col-md-5s,
.col-lg-5s,
.col-xl-5s {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-5s {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19%;
    flex: 0 0 19%;
    max-width: 19%;
    margin:0 1.5px;
}
@media (min-width: 540px) {
    .col-sm-5s {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
        margin:0 1.5px;
    }
}
@media (min-width: 720px) {
    .col-md-5s {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
        margin:0 1.5px;
    }
}
@media (min-width: 960px) {
    .col-lg-5s {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
        margin:0 1.5px;
    }
}
@media (min-width: 1140px) {
    .col-xl-5s {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
        flex: 0 0 19%;
        max-width: 19%;
        margin:0 1.5px;
    }
}
.bg-blue2{
  background:#122851;
}

.bg-white{
  background:#fff;
}

.white{
  color: white;
}

.br-12{
  border-radius: 12px;
}

.w-100{width: 100%;}

.sec2img{
  max-width: 120px;
  margin: auto;
}

@media (min-width: 1200px){
  .container {
      max-width: 1000px;
  }
}

.bg-corona{
  background:url("../img/background-sky.jpg");
  background-size: cover;
}

.btn-blue{background: #0a1c3e;color: white;padding: 4px 25px;}

.btn-blue:hover{color: #fff;background: #122851;}

 .brands {
     width: 100%;
     padding-top: 90px;
     padding-bottom: 90px
 }

 .brands_slider_container {
     height: 130px;
     box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
     padding-left: 97px;
     padding-right: 97px
 }

 .brands_slider {
     height: 100%;
     margin-top: 50px
 }

 .brands_item {
     height: 100%
 }

 .brands_item img {
     max-width: 100%
 }

 .brands_nav {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     padding: 5px;
     cursor: pointer
 }

 .brands_nav i {
     color: #e5e5e5;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .brands_nav:hover i {
     color: #676767
 }

 .brands_prev {
     left: 40px
 }

 .brands_next {
     right: 40px
 }

.owl-nav{display: none;}

#demos .owl-dots{max-width: 1000px;margin-top: 15px;}

.owl-dot.active span{background: #ff5353 !important; }

.sm-font{
  font-size: 13px;
}

.h-1{
  height: 1px;
}
.bg-crimson{
  background:#ff5353;
}

.crimson{
  color:#ff5353;
}

.carousel-item{
  align-items: right;
}

.shho{
    display: none;
    color: white;
  }

@media(max-width: 768px){
  .px-set{
    padding-left: 15px;
    padding-right: 15px;

  }

  .hidde{
    display: none;
  }

  .shho{
    display: block;
    color: white;
  }
}

.carousel-inner{
  width:100%;
}

.carousel-inner img{
  width: 100%;
}

.carousel-indicators{
  bottom: -10px;
}

.bg-yellow{
  background:#f1ad02;
}

.black{
  color: black !important;
}

.nav-f{
  font-size: 14px;
}

.nav-icon{
  font-size: 25px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.relative{position: relative;}

.z-3{z-index: 3;}

.circle-sec2{position: absolute;z-index: 2;right: -50px;width: 220px;bottom: -125px;}

.circle-sec3{position: absolute;z-index: 2;left:-300px;width: 220px;top: 80px;}

.bg-warranty {
  background: url(../images/bannerWarranty.png);
  background-size: 100% 100%;
}

@media(max-width: 468px){
  .bg-warranty {
    background: url(../images/bannerWarrantySM.png);
    background-size: 100% 100%;
  }
}

.grey{color: #858585}

.l-font{
  font-family: 'Lato';
  font-size: 112px;
}

.m-550{
  max-width: 550px;
}

.margin-70top{
  margin-top: 70px !important;
}

.doubleQuote{
  width: 53px !important;position: absolute;top: -35px;
}

.margin-55left{
  margin-left: 55px;
}

.shortBorder{width: 50px;height: 3px;background:#f1ad02;border-radius: 8px;}

.f-sm{
  font-size: 14px;
  line-height: 14px!important;
}

.orange{
  color: #f1b117;
}

.line-through{
  text-decoration: line-through;
}

.bg-footer{
  background:#1f1f1f;
  color: #a0a0a0;
}

.letter1px{
  letter-spacing: 2px;
}

.f-12{
  font-size: 12px;
}

.ml-15{margin-left: 15px;}

.mobile-text{font-size: 20px!important;margin: 8px 5px 0 0;position: relative;top: 3px;}

.mail-text{font-size: 20px!important;margin: 8px 5px 0 0;position: relative;top: 3px;}

.yellowAnchor{
  color: #f1ad02;
}

.yellowAnchor:hover{
  color: #d99b00;
}

.nav-item:hover{
  color: #4700ca!important;
}

a.featured{
  color: #000;
  text-decoration: none;
}