/*font-family: 'Archivo', sans-serif;
font-family: 'Montserrat', sans-serif;*/
:root {--white: #fff;--blue:#3B0081; --black:#000; --red:#ff280c;--grey:#eeeeee; }
.frm-field:focus,.frm4-field:focus,select:focus,input[type="password"]:focus,textarea:focus,input[type="text"]:focus{ outline:none}
button:focus{ outline:none;}
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1240px;}
.inside_spacing .row {--bs-gutter-x: 2.8rem;}
.effect,img{ -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.effect:hover{ transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }
h1,h2,h3,h4{font-family: 'ProximaNovaBold';}
a{ transition: ease all 0.4s; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -ms-transition: ease all 0.4s; -o-transition: ease all 0.4s; }
strong{ font-weight: 500;}
body{ font-family: 'ProximaNovaRegular'; font-size: 17px; color: #111;}
.header_nav{ transition: ease all 0.4s; position: fixed; top: 0; width: 100%; z-index: 6; padding: 0px; display: flow-root; -webkit-transition: ease all 0.4s; -moz-transition: ease all 0.4s; -ms-transition: ease all 0.4s; -o-transition: ease all 0.4s; }
.headinformation{ display: inline-flex;    align-items: center; width: 100%; flex-direction: row; justify-content: space-between;  position: relative}
.topnav .custome_header_menu  ul{ list-style: none;     display: flex;padding: 0; margin: 0;}
.topnav .custome_header_menu  ul> li> a{ text-decoration: none; color: rgba(255, 255, 255, 1);  font-size: 16px; font-family: 'ProximaNovaRegular';  display: inline-block; padding: 5px 10px;  text-transform: uppercase;}
.topnav .custome_header_menu > ul>li{ position: relative;}
.topnav .custome_header_menu ul li> a:hover{ color: var(--red);}
.banner_slides   .carousel-caption {  text-align: center;    position: absolute; right: auto; z-index: 2; width: 39%; color: #fff;  top: 57%;
    left: 127px; margin-right: -50%; transform: translate(0%, -31%); -webkit-transform: translate(0%, -31%); -moz-transform: translate(0%, -31%); -ms-transform: translate(0%, -31%); -o-transform: translate(0%, -31%);}
.navinfo{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.topnav .custome_header_menu  ul >li >ul{  display: grid;
  position: absolute;
  left: 0;
  top: 37px;
  width: 280px; 
  background: #fff;
  border-radius: 0 0 10px 10px;      z-index: 6;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 1;
  transition: transform .3s,opacity .3s;
 }
.topnav .custome_header_menu  ul >li >ul >li{     display: block;width: 100%;}
.topnav .custome_header_menu  ul >li >ul >li>a{ color: #111;display: block; border-top: 1px solid #e9e9e9; font-size: 14px;}
.topnav .custome_header_menu  ul >li:hover ul{ opacity: 1;  transform: scaleY(1) translateZ(0);}


img{ max-width: 100%;}
.banner_slides  .carousel-caption h3{    font-size: 50px; text-transform: uppercase;}
.banner_slides  .carousel-caption h4 span{ font-size: 24px; font-family: 'ProximaNovaBold'; display: block;}
.banner_slides  .carousel-caption h4{   font-family: 'ProximaNovaRegular'; font-size:22px; line-height: 33px;}
.banner_slides{ position:relative}
.header_nav.sticky{ background: #000;}
.d-block{height: 100%;}
.component-part{ width: 100%; display: flex;}
.p30{ padding: 30px 0px;}
.papular_bikes{    background-image: url(../images/bg2.jpg);background-size: 100% 100%; background-repeat: no-repeat; padding-bottom: 40px;}
.papular_bikes h2{  color: var(--white); font-family: 'ProximaNovaRegular'; text-transform: uppercase; font-size: 33px; margin: 30px 0 50px 0;}
.card-img2 {  padding: 12px; background: #fff;  text-align: center;}
#hm_slides .slick-slide>div,#hm_slides2 .slick-slide>div{ padding: 0px 10px}
.card-img2 h3{ font-family: 'ProximaNovaRegular';
  font-size: 18px;
  margin-top: 20px;
  text-transform: uppercase;}
.about_section h2{      font-size: 36px; font-family: 'ProximaNovaRegular';  margin: 0 0 26px 0}
.figureimg{ padding-left: 50px;}
.about_section, .readmore_product, .marketing_section{ background: #fff6ee; padding: 60px 0px}
.about_section p { font-size: 19px; line-height: 32px; color: #1a1a1a;}
.overview_box h4{   font-family: 'ProximaNovaRegular'; font-size: 37px; padding-top: 15px;}
h4.ht{ padding: 11px 0px; text-decoration: underline; font-family: 'ProximaNovaRegular'; font-size: 20px;}
.overview_section{ padding: 100px 0px;}
.overview_section p{ font-size: 17px;}
.overview_box_wrap{   height: 100%;  display: flex;  justify-content: center;    align-items: center;}
.overview_box{    width: 100%; line-height: 32px;  padding-top: 35px; text-align: justify;}
.readmore_prd{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; margin: 43px;}
.readmore_prd .card-img2 {  padding: 12px; margin: 10px;}
.itemslides { padding: 0px 40px;}
.itemslides  .slick-prev{ background: url(../images/left-arrow.png) no-repeat; border: 0; text-indent: -9999px; width: 20px; background-size: 20px; height: 20px; position: absolute; left: 0; top: 48%; }
    .itemslides  .slick-next{ background: url(../images/right-arrow.png) no-repeat; border: 0; text-indent: -9999px; width: 20px;
        background-size: 20px; height: 20px; position: absolute; right: 0; top: 48%; }
.readmore_product h2{    font-family: 'ProximaNovaRegular';  font-size: 37px;  padding-bottom: 8px}
.card-img3 img{ width: 100%;}
.items_info { margin-top: 20px;}
.items_info h3{ font-size: 18px;}
.items_info p{    font-size: 16px; line-height: 22px;}
.readmore a{ background: url(../images/blue-arow.png) right no-repeat;  padding-right: 30px; background-size: 21px; color: #23519f;  text-decoration: none;    font-family: 'ProximaNovaBold';}
 #box-with-image { display: block; background-image: url(../images/lap_bg.jpg); background-size: 100% 100%; background-repeat: no-repeat;text-align: center; padding: 250px 0; }
li{list-style-type:none;}
.tx{margin: 19px 0 38px 0;}
#button-2 {  border: 1px solid #fff; padding: 10px 16px; background: transparent; color: #fff;font-size: 15px;}
.gt{ padding: 0 90px;}
.marketing_section{padding: 60px 0px 96px 0}
.counters{display: flex;flex-direction: row;flex-wrap: wrap;padding: 20px 0px 0 0;background-image:url(../images/gradient_bg.png);}
 .item {width: 20%; padding: 14px 0px; text-align: center; color: #fff;}
.product_counter{position: absolute;    margin: -87px 0;}  
.readmore_product{position: relative;}
.number::after { content: " +";}
.item > img{    width: 50px;
  height: 43px;
  margin-bottom: 17px;}
  .item p{ font-size: 18px;}
  .item p.number{ font-size: 30px;    margin-bottom: 0;}
.bt{     MARGIN: 0PX !IMPORTANT; padding: 10px !important; PADDING: 14PX !IMPORTANT;}
.product_slides_{ padding:40px 0px}
.contact_us_link{border: 1px solid #fff; padding: 8px 20px; display: inline-block;  color: #fff; text-decoration: none;    margin-top: 11px;}
.contact_us_link:hover{ background: #fff; color: #111a32; text-decoration: none;}
/* .header_nav {margin-top: -8px;BACKGROUND: #00154a !important;} */
  @media screen and (min-width: 992px) {
    .navbar .navbar-nav .nav-link {
      padding: 0 0.5em;
    }
  }
  @media screen and (max-width: 767px) {
    .figureimg{ padding-left: 0px;}
    .counters .item{flex: 1 0 50%;}
    .product_counter { position: relative; margin: 0px; padding: 0px;  }
    #box-with-image{ padding: 72px 0;}
    .boxes{text-align: center; padding-bottom: 10px;}
    .counters{width: 100% !important;}
    .overview_section { padding: 10px !important; }
    .readmore_product{padding-top:33px !important;}
    .about_section{padding: 10px  6px 2px 3px}
    .readmore_product, .marketing_section { padding: 0px; }
    .readmore_product h2 {padding-bottom: 0px !important; }
    .readmore_product{text-align: center !important;}
    .gt{ padding: 06px 15px;}
    .tx { margin: 19px 0px 17px 0; }
    .ft {  padding: 0px !important; }
    .papular_bikes h2 { margin: 0px 0px 20px 0px;font-size: 21px;}
    .courses-link-list li a, .courses-link-list li p {font-size: 14px !important;}
    #hm_slides .slick-slide>div { padding: 0px 41px; }
    .ct{margin: 10px !important;}
    .about_section h2 { font-size: 29px; margin: 5px 0 6px 0;}
    .banner_slides .carousel-caption h4{    font-size: 16px !important;  line-height: 27px !important;  margin: 0;}
    .banner_slides .carousel-caption h4 span { font-size: 17px;}
    .banner_slides .carousel-caption h3 {  padding: 0px 0px 4px 0px; font-size: 29px; }
    .navbar-brand img{width: 67px;margin-left: 12px;}
    .overview_box h4 { font-size: 29px; padding-top: 0px; }
    .readmore_product h2 { font-size: 29px; }
    .about_section p { font-size: 17px; line-height: 28px; text-align: justify;}
    .banner_slides .carousel-caption{ position: relative; right: auto; z-index: 2; width: 100%; color: #fff; text-align: left; top: 0; left: 0;
      margin-right: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; background: #02307d; text-align: center;
    }
  }
  @media screen and (max-width: 390px) {.smft{width: 100% !important;padding:0px 40px !important}}
/* small and extra-small screens */


/* footer */

.footer-section {
    background-image:url(../images/footer_bg.jpg);
    position: relative;
    overflow: hidden;
    z-index: 9;
    background-size: 100% 100%;
    }
    .footer-section:before {
    content: '';
    position: absolute;
    top: -146%;
    left: -18%;
    width: 44%;
    height: 257%;
    transform: rotate(54deg);
    
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    z-index: -10;
    }
    .footer-section:after {
    position: absolute;
    content: '';
    
    top: -24%;
    right: 4%;
    width: 26%;
    height: 264%;
    transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    z-index: -10;
    }
    .footer-top {
    padding-top: 96px;
    padding-bottom: 50px;
    }
    .footer-top p,
    .company-footer-contact-list li {

    list-style-type:none;
    }
    .company-footer-contact-list {
    margin-top: 10px;
    }
    .company-footer-contact-list li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    
    }
    .company-footer-contact-list li+li {
    margin-top: 5px;
    }
    .company-footer-contact-list li i {
    margin-right: 10px;
    font-size: 20px;
    display: inline-block;
    }
    
    .footer-top .site-logo {
      margin: -36px 0 48px 0px;
     display: block;
     max-width: 170px;
    }
    .widget-title {
    text-transform: capitalize;
    }
    .footer-top .widget-title {
  
    margin-bottom: 40px;
    }
    .courses-link-list li+li {
    margin-top: 10px;
    }
    .courses-link-list li a, .courses-link-list li p {
      color: #d9d9e7;
      text-transform: capitalize;
      font-weight: 400;
  }
    .courses-link-list li a:hover {
    color: #ff280c;
    }
    .courses-link-list li i {
    margin-right: 5px;
    }
    .footer-top .small-post-title a {
      text-decoration: none;
    font-weight: 400;
    }
    .footer-top a {
      text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    }
   .ft {padding: 0 8%;;}
    .copy-right-text{color:#e8e8f3 !important;}
    .courses-link-list{padding:  0px 0px 0px 60px}
    strong{font-weight: 500;     color: #fff;}
    .widget-title{font-size: 18;}
    .footer-top h5 {
     color: #fff;
    font-weight: 400;
    font-size: 18px;
    }
    .small-post-item .post-date {
  
    margin-bottom: 3px;
    font-weight: 400;
    }
    .small-post-list li+li {
    margin-top: 30px;
    }
    .news-letter-form {
    margin-top: 15px;
    }
    .news-letter-form input {
    width: 100%;
    padding: 12px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: none;
    }
 
    .footer-bottom {
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.149);
    }