/* Navbar*/
 *,
 *::before,
 *::after {
     box-sizing: border-box;
 }

 a {
     color: #000;
     text-decoration: none;
     background-color: transparent;
 }

 a:hover {
     color: #000;
     text-decoration: none;
 } 

 a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none;
 }

 a:not([href]):not([tabindex]):hover,
 a:not([href]):not([tabindex]):focus {
     color: inherit;
     text-decoration: none;
 }

 a:not([href]):not([tabindex]):focus {
     outline: 0;
 }

 html,
 body {
     padding: 0;
     margin: 0;
     font-family: var(--regular);
 }

 :root {
     --dark: #000000;
     --white: #ffffff;
     --primaryColor: #FC3732;
     --menudark: #383838;
     --lightgray: #EAEAEA;
     --basecolor: #333333;
     --lightborder: #d2d2d2;
     --darkborder: #707070;
     --lightcolor: #D7D5CD;
     --dark_16: #00000029;
     --base-font: 16px;
     --base-font: arial;
     --font-robotoslabe: arial;
     --breakpoint-sm: 767px;
     --breakpoint-md: 991px;
 }




 .hr-row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }

 .hr-col-auto,
 .hr-col-1,
 .hr-col-2,
 .hr-col-3,
 .hr-col-4,
 .hr-col-5,
 .hr-col-6,
 .hr-col-7,
 .hr-col-8,
 .hr-col-9,
 .hr-col-10,
 .hr-col-11,
 .hr-col-12 {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }

 .hr-col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }


 @media (min-width: 768px) {
   

     .hr-col-auto {
         flex: 0 0 auto;
         width: auto;
         max-width: 100%;
     }

     .hr-col-1 {
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .hr-col-2 {
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

     .hr-col-3 {
         flex: 0 0 25%;
         max-width: 25%;
     }

     .hr-col-4 {
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .hr-col-5 {
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

     .hr-col-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .hr-col-7 {
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .hr-col-8 {
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

     .hr-col-9 {
         flex: 0 0 75%;
         max-width: 75%;
     }

     .hr-col-10 {
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .hr-col-11 {
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

     .hr-col-12 {
         flex: 0 0 100%;
         max-width: 100%;
     }
 }



 

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

    body.haveMenu {
        position: relative;
        overflow: hidden;
    }
    
    
 }

 /*CSS Start here*/
 .Hd_main {
     width: 100%;
     position: relative;
     background-color: var(--dark);
 }

 .Hd_wr {
     width: 100%;
     position: relative;
 }

 .Nav_mn {
     position: relative;
     margin-left: auto;           
 }

 .Hd_lgo {
     display: flex;
     max-width: 224px;
 }

 .Nv_ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
 }

 .Nv_ul_2 {
     list-style-type: none;
     margin: 0;
     padding: 0;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     display: none;
 }

 .Nv_ul {
     display: flex;
     justify-content: flex-end;
     grid-column-gap: 47px;
     margin-top: 20px;
 }

 .Nv_li {
     position: relative;
     display: flex;
     align-items: flex-start;
     padding-bottom: 20px;
 }

 .Hd_cntr {
     display: flex;
     position: relative;
     align-items: center;
     min-height: 107px;
 }

 .Hd_lgo_img {
     max-width: 224px;
 }

 .Nv_lnk {
     font-family: var(--light);
     font-size: var(--font24);
     color: var(--white);
     font-weight: 500;
     position: relative;
     line-height: 1.375; 
 }


 .Nv_lnk::after {
     content: '';
     position: relative;
     display: block;
     top: 4px;
     width: 0px;
     height: 2px;
     background-color: var(--primaryColor);
     transition: all 0.35s;
 }
 
 .Nv_lnk:hover {
     color: var(--white);
     text-decoration: none;
 }

 .hidden {
     float: left;
     position: relative;
     height: 0;
     width: 0;
 }

 .Hd_nav_bar {
     position: absolute;
     right: 0;
     top: 48%;
     transform: translateY(-50%);
     z-index: 10;
     transition: all 0.35s;
     cursor: pointer;
 }
 .Hd_nav_bar.openMobilemnu {
    top: 44%;
    z-index: 999;
}

 .Hd_nav_bar>span {
     display: block;
     height: 2px;
     background-color: var(--white);
     width: 32px;
     transition: all 0.35s;
 }

 .Hd_nav_bar>span+span {
     margin-top: 8px;
 }

 .openMobilemnu .Hd_toggler_bar0 {
   display: none;
 }
 .openMobilemnu .Hd_toggler_bar0 {
     position: relative;
     transform: rotate(45deg);
     top: 5px;
 }
 .openMobilemnu .Hd_toggler_bar1 {
     position: relative;
     transform: rotate(45deg);
     top: 5px;
 }

 .openMobilemnu .Hd_toggler_bar2 {
     position: relative;
     transform: rotate(-45deg);
     top: -5px;
 }

 .Hd_tpright {
     position: absolute;
     top: 20px;
     right: 0;
 }

 .Hd_tp_mn {
     display: flex;
     justify-content: flex-end;
     align-items: flex-end;
     grid-column-gap: 24px;
 }

 .Tph_usr_icn,
 .Tph_crt_icn {
     fill: currentColor;
 }

 .Tph_usr_icn {
     width: 9px;
     height: 19px;
 }

 .Tph_crt_icn {
     width: 26px;
     height: 20px;
 }

 .Thd_usr_link {
     display: inline-flex;
     align-items: center;
     grid-column-gap: 10px;
     font-size: 14px;
     line-height: 22px;
     color: var(--lightcolor);
 }

 .Thd_usr_link:hover {
     text-decoration: none;
     color: var(--lightcolor);
 }

 .Hd_tp_search {
     width: 320px;
     position: relative;
 }

 .Hd_tp_field {
     width: 100%;
     position: relative;
     margin: 0;
 }

 .Hd_input {
     border: none;
     border-bottom: solid 1px var(--darkborder);
     color: var(--lightcolor);
     appearance: none;
     background: none;
     outline: none;
     width: 298px;
     -webkit-appearance: none;
     font-size: 14px;
     padding: 0 20px 5px 0;
 }

 .Hd_tp_btnmn {
     position: absolute;
     right: 0;
     bottom: 0;
 }

 .Hd_tp_btns {
     appearance: none;
     background: none;
     color: var(--lightcolor);
     font-size: 14px;
     outline: none;
     padding: 0 0 5px;
     border: none;
     box-shadow: none;
     font-family: var(--font-robotoslabe);
 }

 .Hd_input::-webkit-input-placeholder {
     color: var(--lightcolor);
 }

 .Hd_input::-moz-placeholder {
     color: var(--lightcolor);
 }

 .Hd_input::-ms-placeholder {
     color: var(--lightcolor);
 }

 .Hd_input::placeholder {
     color: var(--lightcolor);
 }
 li.Nv_li2 a {
     color: #fff;
 }
 ul.subMenu {
    padding-left: 20px;
    margin-top: 14px;
    padding-bottom: 12px;   
    margin-bottom: -20px;
    border-bottom: solid 1px var(--darkborder);
}
 ul.subMenu li {
     position: relative;
     display: block;
     font-size: 14px;
        
 }
 ul.subMenu li a{
    color: var(--white);
     font-size: var(--font18);
     font-family: var(--regular);
     line-height: 55px; 
 }

 @-webkit-keyframes slide {
     0% {
         transform: translateX(100%);
     }

     100% {
         transform: translateX(0%);
     }
 }




 @media only screen and (min-width: 992px) {

     .Nv_tglbtn,
     .Nv_bkbtn {
         display: none;
     }

     .Hd_nav_bar {
         display: none;
     }

     .Nv_li.hasdropdown:last-child .Nv_ul_2 {
         left: auto;
         right: 0;
     }

     .Nv_ul_2 {
         width: 280px;
         background: #383838;
         top: 100%;
         padding: 30px 35px;
         box-shadow: 0 12px 12px #00000029;
         z-index: 9;
     }

     .Nv_li2 {
         display: block;
         margin: 0 0 35px;
     }

     .footerHeading .Nv_lnk {
        padding: 18px 0;     
    }
     .footerHeading a.Nv_lnk {
        padding: 18px 0;     
    }

     .Nv_lnk2 {
         position: relative;
         display: block; 
         line-height: 24px;
         padding: 4px 0;
         color: var(--white);
         line-height: 24px;
        font-size: var(--font18);
        font-family: var(--regular);
     }

     .Nv_lnk2:hover {
         text-decoration: none;
         color: var(--red);
         transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
     }
      ul.subMenu li a:hover {
        text-decoration: none;
        color: var(--red);
        transition: all 0.35s;
        -webkit-transition: all 0.35s;
        -moz-transition: all 0.35s;
        -ms-transition: all 0.35s;
        -o-transition: all 0.35s;
}

     .Nv_lnk2::before {
         content: '';
         position: absolute;
         bottom: -19px;
         left: 0;
         width: 100%;
         width: 100%;
         height: 1px;
         background-color: var(--darkborder);
         transition: all 0.35s;
     }

     .Nv_lnk2:hover:before {
         background-color: var(--red);
     }

   

     .Nv_li.hasdropdown:hover .Nv_lnk::after {
         width: 100%;
     }

     .Nv_li.hasdropdown:hover .Nv_ul_2 {
         display: block;
         min-width: 393px;
         transition: all 0.7s;
         -webkit-transition: all 0.7s;
         -moz-transition: all 0.7s;
         -ms-transition: all 0.7s;
         -o-transition: all 0.7s;
}

.Nv_lnk.active::after {
    content: '';
    position: relative;
    display: block;
    top: 4px;
    width: 100%;
    height: 2px;
    background-color: var(--primaryColor);
    transition: all 0.35s;
}



 }


 @media only screen and (max-width: 1500px) {
    .threeColumnsMainBox .warrantyImg {
        width: 34%;  
    }
    .warrantyImg img {
        margin-left: 100%;
    }

 }

 @media only screen and (max-width: 1200px) {
     .Nv_ul {  grid-column-gap: 25px; }
     .threeColumnsMainBox .warrantyImg {
        width: 27%;  
    }

 }

 @media only screen and (max-width: 1100px) {
    .Nv_lnk {    font-size: var(--font18);  }
    
  }
  


 @media only screen and (max-width: 991px) {
     .Nav_mn {
         position: fixed;
         top: 77px;
         left: 0;
         width: 100%;
         height: calc(100% - 77px);
         background-color: var(--menudark);
         margin-top: 0;
         display: none;         
         overflow-y: auto;
         z-index: 99;
     }

     /* .Hd_main .container {
         padding: 0 30px;
     } */

     .Nav_mn.active {
         display: block;
         padding-top: 15px;
     }
     .Nav_mn.active.childNavopen {
        padding-top: 0;
    }

     .Nv_ul {
         grid-column-gap: 0;
         ;
         flex-direction: column;
     }

     .Nv_tglbtn {
         width: 12px;
         position: absolute;
         right: 35px;
         top: 21px;
         height: 24px;
     }

     .Nv_bkbtn {
         position: absolute;
         top: 25px;
         left: 30px;
         width: 25px;
         height: 15px;
         line-height: 1;
     }

     .Nv_bkbtn_icn {
         width: 25px;
         height: 15px;
         visibility: hidden;
         pointer-events: none;
     }

     .Nv_li.open .Nv_bkbtn_icn {
         visibility: visible;
         pointer-events: all;
         margin-top: 8px;
         cursor: pointer;
     }

     .Nv_li {
         flex-wrap: wrap;
         padding: 0 30px;
     }

     .Nv_li.open {
         padding: 0;
     }
     li.Nv_li.hasdropdown.open > a {
        cursor: default;
    }

     .Nv_li.open .Nv_tglbtn {
         display: none;
     }

     .Nv_li.open>a {
         background-color: var(--dark);
     }

     .Nv_lnk {
         padding: 15px 0;
         line-height: 29px;
         display: block;
         width: 100%;        
     }

     .Nv_tglbtn_icn {
         width: 12px;
         height: 24px;
        cursor: pointer;
     }

     .Hd_lgo_img {
         max-width: 138px;
     }

     .Hd_cntr {
         min-height: 77px;
     }

     .Hd_tpright {
         top: 50%;
         right: 70px;
         transform: translateY(-50%);
     }

     .Nv_lnk::after {
         display: none;
     }

     .Hd_tp_mn {
         grid-column-gap: 20px;
     }

     .Hd_tp_bx.hdsrch {
         display: none;
     }

     .Hd_tp_bx {
         line-height: 1;
     }

     .Hd_tp_bx.usr {
         order: 1;
     }

     .Thd_usr_link {
         grid-column-gap: 5px;
     }

     .Tph_usr_txt {
         display: none;
     }

     .childNavopen .Nv_li:not(.open) {
         display: none;
     }

     .Nav_mn.childNavopen {
         top: 0;
         height: 100%;
     }

     .Nv_ul_2 {
         width: 100%;
         position: static;
         padding: 0;
         background: none;
         transition: all 0.4s;
         transform: translateX(100%);
         display: none;
     }

     .Nv_li2 {
         display: block;
         margin: 0;
         padding: 0 30px;
     }

     .Nv_lnk2 {
         padding: 16px 0;
         line-height: 26px;
         font-size: var(--font18);
         font-family: var(--regular);
         font-weight: 500;
         display: block;
         width: 100%;
         color: var(--white);
         border-bottom: 1px solid var(--darkborder);
     }

     .Nv_lnk2:hover {
         color: var(--white);
         text-decoration: none;
     }

     .Nv_li.open .Nv_ul_2 {
         display: block;
         transform: translateX(0);
         -webkit-animation: linear;
         -webkit-animation-name: slide;
         -webkit-animation-duration: 0.3s;
         margin-top: 15px;
     }

     .Nv_li.open .Nv_lnk {
         text-align: center;
         font-size: 22px;
         font-family: var(--base-font);
         font-weight: 500;
         padding: 22.5px 0;
         border-bottom: 0;
     }
     .Nv_lnk {
        font-size: var(--font24);
    }
    ul.subMenu {     
        margin-bottom: 0px;     
    }
    .mobHide {
        display: none;
    }

    .Nv_ul {
        margin-top: 0;
    }
    .warrantyImg img {
        margin-left: 5%;
      }

 }