*{box-sizing:border-box;}
body{margin:0;padding:0;font-family: 'Lato', sans-serif;}
ul{margin:0;padding:0;}
/* width */
::-webkit-scrollbar {
  width: 6px;    
}

/* Track */
::-webkit-scrollbar-track {  
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #333;
}
.center-block{text-align:center;}

.bike-sec a{ display:block;padding:0; background: #fff;margin:0px 0 -16px}

.left-block{text-align:left;}
.toolbox-wrapper{width:100%;max-width:500px;margin:0 auto;background:#ccc;background:url(../images/app-bg.png);background-size:cover;padding: 16px 45px 5px;height:100vh/*;height:max(100vh, 850px);*/}
.toolbox-wrapper.mainsearch{height: 100vh;}
.toolbox-wrapper.requestpge {height: 100vh;}
.logo-header{position:relative;}
.bike-cate{margin-top:46px;margin-bottom: 29px;}    
.language-switch{
    background: #FFFFFF;
    border-radius: 31px;
    max-width:193px;
    padding:0;
    margin: 20px auto 25px;
    position:relative;
    cursor:pointer;
    }
.back-btn{    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 16px;}
.language-switch:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(136deg);
    -moz-transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    transform: rotate(136deg);
    right: 12px;
    top: -3px;
    bottom: 0;
    margin: auto;
}  
 .globe-icon{    position: absolute;
    left: -3px;
    top: -3px;}  
.language-switch select{appearance: none;
    border: none;
    width: 100%;
    outline: none;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #606674;
    padding:7px 0 7px 10px;
    position: relative;
    z-index: 2;
    cursor:pointer;
}  
.bike-sec{background: rgba(150, 156, 171, 0.5);
    box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);
    border-radius: 29px;
    max-width: 100%;
    margin: 30px auto 17px;
    padding: 0px 0 13px;
    overflow: hidden;}
/*.bike-sec img{height:130px}*/
.wht-btn{font-family: 'Lato', sans-serif;font-style: normal;font-weight: 700;font-size: 14px;min-width: 200px;line-height: 16px;padding: 14px 20px 14px 8px;color: #606674;text-decoration:none;background: #FFFFFF;display: inline-block;box-shadow: 0px 0px 4px 1px rgba(125, 132, 149, 0.3);border-radius: 31.5px;margin:0 auto;position:relative;}
.select-bike{margin-bottom: 30px;}
.wht-btn span{position:relative;padding:0 10px;}
.wht-btn span:after{content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right:0;
    top: 0;
    bottom: 0;
    margin: auto;}  

h2, .bike-cate h2{
    font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 22px;
color: #000000;
}
.search-sec{position:relative;}
.search-sec:before{    content: '';
    position: absolute;
    background: url(../images/sprite-img.png) no-repeat -1px -2px;
    width: 26px;
    height: 26px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 16px;}
.search-sec:after{content:'';position:absolute;width:2px;height:26px;background:#9A9A9A;top: 0;
    bottom: 0;
    margin: auto;
    left:65px;}    
.search-sec .search-field{background: #FFFFFF;
    border-radius: 29px;
    border: none;
    width: 100%;
    padding: 20px 20px;
    padding-left: 86px;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 21px;
    line-height: 22px;
    color: #9A9A9A;}
.faq-quest{background: #FFFFFF;
    border-radius: 14px;
    position: relative;
    margin-top: 50px;    padding-right: 4px;}    
.faq-quest h3{background: #484F5F;
    box-shadow: 1px 0px 6px 2px rgb(0 0 0 / 30%);
    border-radius: 31.5px;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 15px 15px;
    text-transform: uppercase;
    margin-top: -17px;
    position: absolute;
    left: 0;
    width: 100%;}
.search-points{margin:0;padding:0;padding-top:60px;}
.search-points.searchlist{max-height:50vh;
    overflow: auto;}
.faq-quest h3.h3tg + .search-points.searchlist{padding: 50px 0 8px;}    
.search-points li{list-style-type:none}
.search-points.searchlist li:first-child a{border:none;}
.search-points li a{font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #363636;
    display: block;
    text-align: left;
    border-top: 1px solid #B1B1B1;
    padding: 13px 20px;-moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;}
.search-points li a:hover{padding-left:25px;}    

.toolbox-wrapper.details-wrapper{background:#fff;}    
.deatils-img-sec{background:#F1F1F1;
    margin: -60px -45px 0;padding:50px 0 0px;position:relative;}
.deatils-img-sec .back-btn{    left: 40px;
    top:70px;
    bottom: inherit;}
.product-details .pro-category{font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;color: #A5A5A5;}
.product-details .pro-name{font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 23px;
color: #000000;}

.model-details .model-no{font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 16px;
color: #101010;}  
.product-details .model-details .model-no span{display:block;color:#9A9A9A;margin-top:10px;}
.other-details{margin-top:40px;}
.other-details a{font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 16px;
color: #FFFFFF;
background: #484F5F;
box-shadow: 0px 0px 5px 1px rgba(125, 132, 149, 0.3);
border-radius: 31.5px;
text-decoration:none;
width:230px;
height: 42px;
line-height:42px;
display:block;
margin-bottom:20px;
text-align:left;
    padding: 0 15px;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}    
.other-details a:hover{transform:scale(1.03);}
.other-details .icon{width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    float: right;
    margin-top: 11px;}
.other-details .download.icon:after{content:'';background: url('../images/sprite-img.png') no-repeat -2px -55px;
    width: 15px;
    height: 15px;position: absolute;
    top: 0;
    bottom: 0;    margin: auto;}
.other-details .video.icon:after{content:'';background: url('../images/sprite-img.png') no-repeat -1px -76px;
    width: 13px;
    height: 14px;position: absolute;
    top: 0;
    bottom: 0;    margin: auto;}
.other-details .arrow.icon:after{content:'';background: url('../images/sprite-img.png') no-repeat -2px -103px;
    width: 16px;
    height: 9px;position: absolute;
    top: 0;
    bottom: 0;    margin: auto;}  
.help-btn{display:flex;flex-wrap:wrap;margin:0 -8px;}  
.help-btn a{flex:0 0 calc(50% - 16px);max-width:calc(50% - 16px);margin:0 8px;background: #484F5F;
box-shadow: 0px 0px 4px 1px rgba(125, 132, 149, 0.3);
border-radius: 31.5px;text-align:center;color:#fff;height:42px;line-height:42px;text-decoration:none;-moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;}
.help-btn a:hover{background: #3c3e42;}    
.need-help{margin-top:45px;}
.need-help h3{font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #101010;}
.request-form .form-field p{font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    color: #000000;
    text-align: left;
    margin-bottom: 9px;}
.request-form .form-field input, .request-form .form-field textarea{background: #FFFFFF;border: 0.5px solid #000000;border-radius: 5px;height: 34px;width:100%;-moz-transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;-ms-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;}
.request-form h1{
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 26px;
    color: #000000;
    margin-top: 19px;
    }
.request-form .form-field input:focus, .request-form .form-field textarea:focus{box-shadow:2px 2px 5px rgb(26 25 25 / 50%);outline:none}    
.file-type input[type="file"]{opacity:0;    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: red;cursor:pointer;}
.file-type span.inpu-file{display:inline-block;width:175px;height:28px;line-height:28px;background: #FFFFFF;
border: 0.5px solid #000000;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
border-radius: 5px;font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;position:relative;text-align: center;}
.file-type{text-align:left;position:relative;}
.file-type span.inpu-file:before{    content: '';
    position: absolute;
    background: url(../images/sprite-img.png) no-repeat -2px -118px;
    width: 8px;
    height: 16px;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;}  
.form-btn{margin-top: 15px;}    
.form-btn button, .btn-red{background: #E65E5E;
box-shadow: 0px 0px 4px 1px rgba(125, 132, 149, 0.3);
border-radius: 21px;width:200px;height:40px;line-height:40px;border:none;font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform:uppercase;
color: #FFFFFF;cursor:pointer;-moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;}
.form-btn button:hover, .btn-red:hover{background:#ab3939;}
body{top:0 !important}
.goog-te-gadget span[style="white-space:nowrap"]{display:none;}
.skiptranslate{display:none}
.skiptranslate.goog-te-gadget{display:block;}
.goog-te-gadget .goog-te-combo{margin:0 !important}
.deatils-img-sec img{max-width:100%;
    height: auto;max-height:inherit;width:100%}

@media(max-width:767px){
.toolbox-wrapper{padding: 10px 28px 10px;}  
.request-form .form-field p{margin-bottom: 5px;} 
.welcomemsg .bike-sec{padding:0px 0 9px}
.welcomemsg .bike-sec img{height:130px} 
.toolbox-wrapper.welcomemsg{height:100vh}
.deatils-img-sec{margin:-60px -28px 0;}
.deatils-img-sec img{max-width:100%;height:auto;}
.need-help{margin-top:35px;}
}