.nav__link,.nav__submenu-link,a{
    text-decoration:none
}
:root{
--theme-color-primary:#4384C4;
--theme-color-secondary:#0061E6;
--theme-color-highlight:#0061E6;
--nav-padding:12px 32px
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
margin:0;
padding:0;
border:0;
font:inherit;
color:#000;
vertical-align:baseline
}
.h__bold,strong{
font-weight:500
}
body,html{
font-family:Roboto,sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block
}
li,ol,ul{
list-style:none
}
button{
background:0 0;
border:none;
cursor:pointer;
padding:0
}
button::-moz-focus-inner{
border:0;
padding:0
}
blockquote,q{
quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
content:'';
content:none
}
table{
border-collapse:collapse;
border-spacing:0
}
input{
margin:0
}
img{
vertical-align:top
}
hr{
border:none
}
html{
box-sizing:border-box;
font-size:10px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
*,:after,:before{
box-sizing:inherit
}
body{
background-color:#fff;
color:#000;
display:grid;
font-size:1.4rem;
font-weight:400;
grid-template-rows:82px auto auto 176px;
line-height:1.2
}
.nav,.nav__submenu{
background-color:#FFF
}
@media screen and (min-width:992px){
body{
grid-row-gap:40px;
grid-template-rows:70px auto auto 150px
}
.wrapper{
max-width:1200px;
margin-left:auto;
margin-right:auto;
min-width:992px
}
}
.nav{
max-width:100vw;
transition:box-shadow .2s cubic-bezier(.25,0,1,1);
z-index:99;
position:-webkit-sticky;
position:sticky;
top:0
}
.nav__list{
display:flex;
flex-wrap:nowrap
}
@media screen and (max-width:767px){
.wrapper{
padding-left:16px;
padding-right:16px
}
.wrapper--fluidxs{
padding-left:0;
padding-right:0
}
.page{
margin-bottom:40px;
max-width:100vw
}
.nav__list{
overflow-x:scroll;
width:100vw
}
.nav__list::-webkit-scrollbar{
display:none
}
}
@media screen and (min-width:768px) and (max-width:1024px){
.nav__list{
overflow-x:scroll;
width:100vw
}
.nav__list::-webkit-scrollbar{
display:none
}
}
.nav__item{
display:block;
padding-right:13px
}
@media screen and (max-width:767px){
.nav__item{
padding-right:12px
}
}
.nav__link{
border-bottom:3px solid transparent;
border-radius:1.5px;
color:#414549;
display:block;
font-size:1.3rem;
line-height:21px;
padding:8px;
text-transform:uppercase;
transition:padding .2s cubic-bezier(.25,0,1,1);
white-space:nowrap
}
.nav__item:hover{
position:relative;
z-index:99
}
.nav__item.has-active .nav__link{
border-color:var(--theme-color-primary);
color:#000
}
.nav__item:hover .nav__link{
color:#000
}
.nav__item.has-children .nav__link{
padding-right:24px;
position:relative
}
.nav__item.has-children .nav__link:after,.nav__item.has-children .nav__link:before{
border-style:solid;
border-color:rgba(0,0,0,.54);
border-width:0 0 1.5px 1.5px;
content:'';
display:block;
height:8px;
position:absolute;
right:0;
top:50%;
transform:translate(-6px,-7px) rotate(-45deg);
width:8px
}
.nav__submenu{
border:1px solid #f8f8f8;
box-shadow:0 3px 3px rgba(0,0,0,.1);
display:none;
left:0;
min-width:80vw;
position:absolute;
top:100%
}
.nav__submenu-item{
display:block;
position:relative;
z-index:1
}
.nav__submenu-item:not(:last-child){
border-bottom:1px solid #f0f0f0
}
.nav__submenu-link{
color:#000;
display:block;
font-size:1.4rem;
padding:14px 20px
}
.nav__submenu-link:hover{
color:#00f
}
@media screen and (min-width:992px){
.nav__list{
justify-content:space-between
}
.nav__link{
font-size:1.4rem
}
.nav__submenu{
min-width:200px
}
.nav__submenu-link{
text-align:left
}
}
.nav__item:hover .nav__submenu{
display:block;
z-index:999
}
@media screen and (max-width:767px){
.nav__item.has-children:before{
background-color:rgba(89,89,89,.75);
border-radius:50%;
content:'';
display:block;
height:100vh;
left:50%;
position:fixed;
top:50%;
transform:translate(-50%,-50%) scale(0);
transition:transform .2s ease-in;
width:100vh
}
.nav__item.has-children .nav__submenu{
opacity:0;
transition:opacity .4s ease-in
}
.nav__item.has-open{
position:relative;
z-index:2
}
.nav__item.has-open.has-children:before{
transform:translate(-50%,-50%) scale(1.5)
}
.nav__item.has-open .nav__submenu{
display:block;
left:50%;
position:fixed;
opacity:1;
top:50%;
transform:translate(-50%,-50%);
z-index:999
}
}
.nav__link-highlight{
position:relative
}
.nav__link-highlight:after{
content:attr(data-badge);
border:1px solid var(--theme-color-primary);
border-radius:3px;
display:inline-block;
color:var(--theme-color-primary);
font-size:.7rem;
line-height:1;
margin-left:6px;
padding:3px;
vertical-align:top
}
@media screen and (min-width:992px){
.nav__link-highlight:after{
font-size:1rem;
margin-left:6px;
position:absolute;
top:-8px
}
body.has-sticky-nav .nav__link{
padding-bottom:16px;
padding-top:16px
}
}
.h__relative,.media-wrap--gratio,.svg-icon svg{
position:relative
}
body.has-sticky-nav .nav{
box-shadow:0 1px 6px 0 rgba(0,0,0,.24)
}
.svg-icon{
color:inherit;
display:inline-block;
line-height:1;
min-height:1em;
min-width:1em
}
.svg-icon[data-icon]:before{
background-color:currentColor;
border-radius:50%;
content:'';
display:inline-block;
height:1em;
opacity:.5;
width:1em
}
.svg-icon.has-loaded:before{
display:none
}
.svg-icon img,.svg-icon svg{
display:block;
height:1em;
margin-left:auto;
margin-right:auto;
width:1em
}
.svg-icon svg{
fill:currentColor
}
.media-wrap{
overflow:hidden;
text-align:center
}
.media-wrap img{
height:auto;
image-rendering:-webkit-optimize-contrast;
max-height:100%;
max-width:100%
}
.h__hide{
display:none
}
@media screen and (max-width:767px){
.h__hide-xs{
display:none!important
}
.h__bleed{
margin-left:-16px;
margin-right:-16px
}
}
.media-wrap--gratio{
display:block;
height:0;
padding-top:61.9%
}
.media-wrap--gratio img{
height:100%;
left:0;
object-fit:cover;
position:absolute;
right:0;
top:0;
width:100%
}
.section--bg{
background-image:linear-gradient(-180deg,#FFF 0,#F5F5F5 100%);
position:relative
}
.section--grey{
background-color:#F5F5F5
}
.section--pad{
padding-bottom:50px;
padding-top:50px
}
.h__mb40{
margin-bottom:40px
}
.h__ac{
text-align:center
}
@media screen and (min-width:992px){
.services{
display:grid;
grid-template-columns:300px auto;
grid-gap:40px;
position:relative
}
}
.services-list__fig{
margin-right:12px
}
.services-list__fig img{
height:27px;
width:35px
}
@media screen and (max-width:767px){
.services-list .title-widget{
text-align:center
}
.services-list__fig{
margin-right:8px
}
.services-list__grid{
display:flex;
flex-wrap:nowrap;
margin:0 -16px 20px;
padding-left:16px;
padding-right:16px;
overflow-x:scroll;
width:100vw
}
.services-list__grid::-webkit-scrollbar{
display:none
}
}
@media screen and (min-width:768px) and (max-width:1024px){
.services-list__grid{
display:flex;
flex-wrap:nowrap;
margin:0 -16px 20px;
padding-left:16px;
padding-right:16px;
overflow-x:scroll;
width:100vw
}
.services-list__grid::-webkit-scrollbar{
display:none
}
.services-list__item:not(:last-child){
padding-right:12px
}
}
.services-list__item{
display:block
}
@media screen and (max-width:767px){
.services-list__item:not(:last-child){
padding-right:12px
}
}
.services-list__link{
align-items:center;
display:flex;
flex-wrap:nowrap;
margin-bottom:18px;
padding:12px 20px;
white-space:nowrap
}
.services-list__link.has-active,.services-list__link:active,.services-list__link:focus{
box-shadow:0 1px 4px 0 rgba(0,0,0,.15);
border-radius:40px;
background-color:#fff;
display:inline-flex;
text-align:center
}
.services-list__link.has-active .offers-list__icon,.services-list__link.has-active .offers-list__text,.services-list__link:active .offers-list__icon,.services-list__link:active .offers-list__text,.services-list__link:focus .offers-list__icon,.services-list__link:focus .offers-list__text{
color:#F44336
}
@media screen and (max-width:767px){
.services-list__link.has-active,.services-list__link:active,.services-list__link:focus{
border-radius:36px
}
.services-list__link{
display:inline-flex;
margin-bottom:0;
padding:8px 10px
}
}
@media screen and (min-width:768px) and (max-width:1024px){
.services-list__link.has-active,.services-list__link:active,.services-list__link:focus{
border-radius:36px
}
.services-list__link{
display:inline-flex;
margin-bottom:0;
padding:8px 10px
}
}
.services-list__text{
color:#234957;
font-size:1.2rem;
text-transform:uppercase
}
.services-form{
background-color:#FFF;
box-shadow:0 10px 32px -4px rgba(0,0,0,.08);
padding:30px
}
@media screen and (max-width:767px){
.services-form{
margin-bottom:16px
}
}
@media screen and (min-width:992px){
.services-list__text{
font-size:1.4rem
}
.services-form{
padding:40px
}
}
.services-form__subttl,.services-form__ttl{
color:rgba(0,0,0,.8)
}
.services-form__ttl{
font-size:2.4rem;
line-height:36px;
margin-bottom:16px
}
@media screen and (min-width:992px){
.services-form__ttl{
font-size:3rem;
line-height:36px;
margin-bottom:10px
}
}
.services-form__subttl{
margin-bottom:40px
}
@media screen and (min-width:992px){
.services-form__subttl{
margin-bottom:50px
}
.services-form__grid{
justify-content:space-between;
display:grid;
grid-template-columns:300px auto;
grid-gap:10px
}
}
.services-form__group{
grid-row:1/2;
grid-column:1/2
}
@media screen and (max-width:767px){
.services-form__group{
margin-bottom:30px
}
}
@media screen and (min-width:768px) and (max-width:1024px){
.services-form__group{
margin-bottom:30px
}
}
.services-form__input{
align-items:center;
display:flex;
flex-wrap:nowrap
}
.services-form__input .input-material__label{
margin-right:40px
}
.services-form__input label{
margin-right:10px
}
.services-form__btn{
background-color:var(--theme-color-primary);
border:1px solid transparent;
border-radius:4px;
color:#FFF;
font-size:1.8rem;
padding-bottom:12px;
padding-top:12px;
text-transform:uppercase;
width:100%
}
.services-form__btn:active,.services-form__btn:focus,.services-form__btn:hover{
background-color:#ac272b;
border-color:#ac272b;
outline:0
}
.services-form__radio{
align-items:center;
display:flex
}
.services-time{
grid-row:1/2
}
.services-time__fig{
display:inline-block;
margin-bottom:20px;
width:80px
}
.services-time__date{
color:rgba(0,0,0,.54);
font-size:1.6rem;
margin-bottom:10px
}
.services-time__time{
color:rgba(0,0,0,.8);
font-size:2.4rem;
margin-bottom:20px
}
.services-time__line{
border-top:1px solid #979797;
display:block;
height:1px;
margin:26px auto;
max-width:90px;
padding:0
}
.title-widget{
color:#828286;
font-size:2rem;
margin-bottom:20px
}
@media only screen and (min-width:992px){
.title-widget{
font-size:2.4rem;
margin-bottom:30px
}
}
.title-widget a{
color:inherit
}
.input-material{
font-size:1.4rem;
margin-bottom:36px;
position:relative
}
.input-material__input{
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
border-bottom:1px solid rgba(0,0,0,.16);
border-radius:0;
display:block;
font-size:inherit;
line-height:1.4;
-moz-appearance:none;
padding:.8em 0;
width:100%
}
.input-material__input,.input-material__input:-webkit-autofill{
background:0 0;
color:rgba(0,0,0,.54);
font-weight:500
}
.input-material__input:focus,.input-material__input:invalid{
box-shadow:none;
outline:0
}
.input-material__input[disabled]{
cursor:not-allowed;
opacity:.5
}
.input-material__input:focus~.input-material__bar:after,.input-material__input:focus~.input-material__bar:before{
width:50%
}
.input-material__input.error~.input-material__bar:after,.input-material__input.error~.input-material__bar:before{
background-color:#D13438;
width:50%
}
.input-material__label{
color:#757575;
font-size:inherit;
font-weight:400;
margin-bottom:3px
}
.input-material__bar{
display:block;
position:relative;
width:100%
}
.input-material__bar:after,.input-material__bar:before{
background-color:#3d79e1;
bottom:0;
content:'';
height:2px;
position:absolute;
transition:.2s ease all;
width:0
}
.input-material__bar:before{
left:50%
}
.input-material__bar:after{
right:50%
}
.input-material .input-material__inputwrap{
position:relative;
width:auto
}
:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder{
color:#999
}
.input-material--float .input-material__label{
color:#757575;
display:block;
left:0;
position:absolute;
pointer-events:none;
top:0;
transform:translateY(94%);
transition:all .2s ease
}
.input-material--float.input-material--bg .input-material__label{
left:12px
}
.input-material--float .input-material__input~.input-material__prefix,.input-material--float .input-material__input~.input-material__suffix{
opacity:0
}
.input-material--float .input-material__input.has-value~.input-material__prefix,.input-material--float .input-material__input.has-value~.input-material__suffix,.input-material--float .input-material__input:focus~.input-material__prefix,.input-material--float .input-material__input:focus~.input-material__suffix,.input-material--float .input-material__input:valid~.input-material__prefix,.input-material--float .input-material__input:valid~.input-material__suffix{
opacity:1
}
.input-material--float .input-material__input.has-value~.input-material__label,.input-material--float .input-material__input:focus~.input-material__label,.input-material--float .input-material__input:valid~.input-material__label{
font-size:.857em;
transform:translateY(-50%)
}
.formError{
cursor:pointer;
display:none;
z-index:9;
position:absolute;
bottom:100%;
left:0
}
.formErrorContent{
background:rgba(209,52,56,.95);
color:#fff;
font-size:1.2rem;
font-weight:500;
line-height:1.25em;
margin-bottom:8px;
min-width:165px;
padding:6px 10px;
position:relative;
text-align:left
}
.formErrorContent:after,.input-material--dropdown:after{
content:'';
position:absolute
}
.formErrorContent:after{
border:8px solid transparent;
border-top-color:#D13438;
bottom:-16px;
left:8px
}
.input-result{
border-radius:0 0 5px 5px;
box-shadow:0 3px 6px #AAA;
background:#fff;
overflow:auto;
z-index:9999999;
margin-top:-1px
}
.input-result__list{
width:100%
}
.input-result__item{
border-top:1px solid #EEE;
cursor:default;
display:block;
line-height:18px;
overflow:hidden;
padding:5px 10px
}
.input-result__item:nth-child(odd){
background-color:#f2f2f2
}
.input-result__loading+.icon_btn{
display:none
}
.input-result .input-result__over{
background-color:#1c92dc;
color:#fff
}
.input-material--dropdown:after{
border-style:solid;
border-color:#757575;
border-width:0 0 2px 2px;
display:block;
height:8px;
right:0;
top:50%;
transform:translate(-12px,-5px) rotate(-45deg);
width:8px
}
.input-material--dropdown .input-material__input{
padding-right:34px;
padding-top:8px
}
.header{
align-items:center;
display:flex;
position:relative;
width:100%
}
@media screen and (max-width:767px){
.header{
flex-wrap:wrap;
justify-content:space-between;
padding:0 8px 8px;
max-width:100vw
}
.header__logo-dealer{
order:1;
width:162px
}
}
.header__logo-brand,.header__logo-dealer{
display:block;
height:32px;
text-decoration:none
}
@media screen and (min-width:992px){
.header{
justify-content:flex-end;
padding-top:30px
}
.header__logo-brand,.header__logo-dealer{
height:64px
}
.header__logo-dealer{
margin-right:auto
}
}
.header__logo-dealer{
color:#EC1C2F;
font-size:1.6rem;
justify-self:flex-start
}
.header__contact{
display:flex
}
@media screen and (max-width:767px){
.header__logo-brand{
order:2;
width:86px
}
.header__contact{
background-color:var(--theme-color-primary);
margin-left:-8px;
margin-bottom:10px;
order:0;
overflow:scroll;
width:100vw
}
.header__contact::-webkit-scrollbar{
display:none
}
}
@media screen and (min-width:992px){
.header__logo-brand{
margin-right:50px
}
.header__contact{
justify-content:flex-end
}
.header .header__fig{
display:block
}
.header__phone{
margin-left:18px
}
}
@media screen and (max-width:767px){
.header__phone{
display:flex;
flex-direction:row;
align-items:center;
background-color:transparent;
border-radius:3px;
color:#FFF;
text-align:center;
padding:10px;
white-space:nowrap
}
.header__phone:focus{
color:#1E81CE
}
.header__phone .svg-icon{
color:inherit;
display:block;
font-size:1.8rem;
margin-right:6px
}
}
@media screen and (min-width:992px){
.header__phone-no{
border-bottom:1px solid #414549;
color:#414549;
font-size:1.4rem;
font-weight:700;
line-height:16px;
padding-bottom:4px
}
}
.header__phone-label{
color:rgba(0,0,0,.54);
font-size:1.5rem;
font-weight:500;
text-transform:capitalize
}
@media screen and (min-width:992px){
.header__phone-label{
font-size:1.2rem;
margin-bottom:3px
}
}
@media screen and (max-width:767px){
.header__phone-label{
color:inherit;
margin-right:6px
}
.header__phone-no{
border-bottom:1px solid #414549;
color:inherit;
font-size:inherit;
padding-bottom:3px
}
.header__phone-no:before{
content:'('
}
.header__phone-no:after{
content:')'
}
}
.header__phone-icon{
color:#1E81CE;
font-size:3.4rem
}
:root {
--theme-color-primary : #EC1C2F;
--theme-color-secondary : #0061E6;
--theme-color-highlight : #0061E6;
--nav-padding: 12px 20px;
}








.section--whites {
  background-color: #fff;
  padding-right: 383px;
  padding-left: 383px;
}



/* Style for the eye icon */
.password-toggle-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888;
}

/* Style for the eye icon when active (password visible) */
.password-toggle-icon.active {
  color: #000; /* Change the color when active */
}

/* If you want to add a transition effect when the icon changes, you can use this */
.password-toggle-icon i {
  transition: color 0.2s ease-in-out;
}