* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout: none; }

@font-face {
    font-family: 'Allianz Neo';
    src: url('../fonts/AllianzNeo-Bold.eot');
    src: local('Allianz Neo Bold'), local('AllianzNeo-Bold'),
        url('../fonts/AllianzNeo-Bold.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('../fonts/AllianzNeo-SemiBold.eot');
    src: local('Allianz Neo SemiBold'), local('AllianzNeo-SemiBold'),
        url('../fonts/AllianzNeo-SemiBold.woff2') format('woff2'),
        url('../fonts/AllianzNeo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('../fonts/AllianzNeo-Light.eot');
    src: local('Allianz Neo Light'), local('AllianzNeo-Light'),
        url('../fonts/AllianzNeo-Light.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('../fonts/AllianzNeo-Regular.eot');
    src: local('Allianz Neo Regular'), local('AllianzNeo-Regular'),
        url('../fonts/AllianzNeo-Regular.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* -------- */

html, body { width:100%; height:100%; position: relative; color:#414141; background-color:#f1f9fa; font-weight: 300; font-size: 10px; font-family: 'Allianz Neo', Arial, sans-serif; overflow:hidden; }
  
img, a img { border:none; }
a { outline:none; text-decoration:none; color:#006192; }
a:hover span { text-decoration:none; }
ul, ol { list-style-type:none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 1.8rem; line-height:2.4rem; font-family: 'Allianz Neo', Arial, sans-serif; }
strong { font-weight: 400; font-family: 'Allianz Neo', Arial, sans-serif; }
p { font-size:1.4rem; line-height:2.2rem; margin-bottom:1rem; }

.highlight { color:#006192; }
strong.highlight { font-weight: 700; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; } 
.visible { display:block!important; }
.hidden { display:none!important; }
.table { width:100%; height:100%; display:table; }
.table-cell { width:100%; height:100%; display:table-cell; vertical-align:middle; }
.relative { width:100%; height:100%; position:relative; }

.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }

/* -------- */
/* -------- */

.desktop { display:block; }
.mobile { display:none; }

.wrapper { width:100%; height:100%!important; min-height:100%; position:relative; /*padding-top:7rem;*/ overflow:hidden; }

.wrapper.view-overlay-terms,
.wrapper.view-overlay-gdpr,
.wrapper.view-overlay-more-terms,
.wrapper.view-overlay-address-details,
.wrapper.view-overlay-cant-find-address,
.wrapper.view-package-details,
.wrapper.view-meet-agent,
.wrapper.view-info-sms,
.wrapper.view-edit-price,
.wrapper.view-upload-file,
.wrapper.view-leave-form,
.wrapper.view-update-personal-details,
.wrapper.view-update-personal-details2,
.wrapper.view-update-changed-personal-details,
.wrapper.view-mobile-verification,
.wrapper.view-mobile-verification-success { height:100%!important; }

.wrapper-content { width:100%; height:100%; overflow:hidden; }

.wrapper-content-list,
.wrapper-step-list { width:100%; height:100%; overflow:hidden; /*-webkit-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out;*/ }
/*.wrapper-content-list { width:600%; }*/
/*.wrapper-content-list { width:500%; }*/

/*.view-step-0 .wrapper-content-list { transform: translate3d(0,0,0); }
.view-step-1 .wrapper-content-list { transform: translate3d(-16.666666%,0,0); }
.view-step-2 .wrapper-content-list { transform: translate3d(-33.333333%,0,0); }
.view-step-3 .wrapper-content-list { transform: translate3d(-49.999999%,0,0); }
.view-step-4 .wrapper-content-list { transform: translate3d(-66.666666%,0,0); }
.view-step-5 .wrapper-content-list { transform: translate3d(-83.33333%,0,0); }*/

/*.view-step-1 .wrapper-content-list { transform: translate3d(0,0,0); }
.view-step-2 .wrapper-content-list { transform: translate3d(-20%,0,0); }
.view-step-3 .wrapper-content-list { transform: translate3d(-40%,0,0); }
.view-step-4 .wrapper-content-list { transform: translate3d(-60%,0,0); }
.view-step-5 .wrapper-content-list { transform: translate3d(-80%,0,0); }*/

.step,
.wrapper-step-slide { display:none; width:100%; /**/ height:100%; position:relative; overflow:hidden; }
/*.step { width:16.666666%; }*/
/*.step { width:20%; }*/

.view-step-0 .step-0 { display:block; }
.view-step-0 .step-1,
.view-step-0 .step-2,
.view-step-0 .step-3,
.view-step-0 .step-4,
.view-step-0 .step-5 { display:none; }


.view-step-pin .step-pin { display:block; }
.view-step-1 .step-1 { display:block; }
.view-step-2 .step-2 { display:block; }
.view-step-3 .step-3 { display:block; }
.view-step-4 .step-4 { display:block; }
.view-step-5 .step-5 { display:block; }
.step-pin .box-title {
	font-size: 2.5rem;
}

/*.step .content,
.overlay .content { padding-bottom:7rem; }*/
.step .content .margins,
.overlay .content .margins { margin-bottom:11rem; }
.step-5 .content .margins { margin-bottom:0; }

.margins { width:88rem; max-width:82%; margin:0 auto; }
.header .margins,
.breadcrumbs .margins { height:100%; position:relative; }

.step .content .margins .table-cell { padding:7rem 0 3rem; }

/* -------- */
/* -------- */
.customers-body { overflow-y: scroll !important; overflow-x: hidden !important; height: 70vh !important; padding-right: 1rem !important; }
.header { width:100%; height:7rem; position:relative; margin-bottom:1.5rem; top:0; left:0; z-index:10002; padding:0; background-color:#fff; border-bottom:1px solid #d9e7ef; /*overflow:hidden;*/ -webkit-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out; }

/*.step-5 .header { margin-bottom:0; }*/

.header .margins { margin-bottom:0!important; }

.header .logo { width:19rem; height:4rem; position:absolute; left:0; top:50%; transform: translate(0,-50%); display:block; background: transparent url(../images/logo.svg) no-repeat 0% 50%; background-size: 100% auto; text-indent: -999rem; }

.header .tel { width:auto; display:inline-block; position:absolute; right:.5rem; top:50%; transform: translate(0,-50%); font-size:1.48rem; font-weight:400; line-height:3rem; padding:0 0 0 3.8rem; border-bottom:.1rem solid transparent; color:#006192; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
.header .tel:after { width:4rem; height:4rem; display:block; text-indent:0; content:'\eaa7'; color:#006192; font-size:2.2rem; line-height:4rem; text-align:center; font-weight:400; font-family:icons; position:absolute; left:0; top:50%; transform: translate(0,-50%); border-radius:50%; transition: all .3s ease-in-out; }

.header .tel a:hover { text-decoration:none; border-color:#007ab3; }
.header .tel span { display:inline-block; padding-right:.6rem; }

.lang, .user { width:auto; height:4rem; position:absolute; top:50%; right:19rem; transform: translate(0,-50%); }
.lang.view-select-list, .user.view-select-list {  }

.lang .active-lang, .user .active-user { width:100%; height:4rem; position:relative; display:block; padding:0 2.7rem 0 3.6rem; font-size:1.4rem; font-weight:400; line-height:4rem; color:#006192; cursor:pointer; transition: color .3s ease-in-out; }
.lang .active-lang:before, .user .active-user:before,
.lang .active-lang:after, .user .active-user:after { width:4rem; height:4rem; position:absolute; top:50%; left:0; transform: translate(0,-50%); content:'\eb82'; font-size:2rem; line-height:4rem; text-align:center; font-weight:500; font-family:'icons'; color:#006192; }
.lang .active-lang:after, .user .active-user:after { width:2rem; content:'\ea3c'; left:auto; right:0; font-size:1.6rem; font-weight:400; transition: content .3s ease-in-out .2s; }
/*.lang.view-select-list .active-lang:after { content:'\ea46'; }*/

.lang ul, .user ul { width:12rem; height:0; position:absolute; top:5.4rem; left:50%; transform: translate(-50%,-.5rem); background:#fff; border: 1px solid transparent; border-radius: .28rem; transition: width .3s ease-in-out, height .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out, padding .3s ease-in-out, border-color .3s ease-in-out; }
.lang ul:before, .user ul:before,
.lang ul:after, .user ul:after { opacity:0; content: ""; position: absolute; bottom: 100%; left: 50%; transform: translate(-50%,0); border-width: .8rem; border-style: solid; transition: opacity .3s ease-in-out;  }
.lang ul:before, .user ul:before { z-index: 1; border-color: transparent transparent #fff transparent; }
.lang ul:after, .user ul:after { border-width: 1rem; z-index: 0; border-color: transparent transparent #d9d9d9 transparent; }
.lang.view-select-list ul:before, .user.view-select-list ul:before,
.lang.view-select-list ul:after, .user.view-select-list ul:after { opacity:1; }

.lang ul li, .user ul li { width:100%; height:4rem; position:relative; padding:0 1rem 0 3.5rem; visibility:hidden; opacity:0; color:#414141; font-size:1.4rem; text-align:left; font-weight:400; line-height:4rem; cursor:pointer; transition: color .3s ease-in-out, opacity .3s ease-in-out, background .3s ease-in-out; }
.lang.view-select-list ul li, .user.view-select-list ul li { visibility:visible; opacity:1; }
.lang ul li:after, .user ul li:after { width:2rem; height:2rem; position:absolute; top:50%; left:1rem; opacity:0; transform: translate(0,-50%); content:'\ea39'; font-size:1.6rem; line-height:2rem; text-align:center; font-family:icons; transition: opacity .3s ease-in-out; }

.lang ul li.active, .user ul li.active,
.lang ul li.active:hover, .user ul li.active:hover { color:#414141; pointer-events:none; }
.lang ul li.active:after, .user ul li.active:after { opacity:1; }
/*.lang ul li:hover,*/
.lang ul li:hover, .user ul li:hover { color:#007ab3;  }

.lang.view-select-list ul, .user.view-select-list ul { transform: translate(-50%,0); padding:1.25rem 0; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,.25); border-color: #d9d9d9; }
.lang.view-select-list ul { height:10.5rem; }
.user.view-select-list ul { height:6.5rem; }

/* -------- */

.title { width:100%; position:relative; font-size:2rem; line-height:3rem; font-weight:400; text-align:center; margin: 0 auto 1.68rem; }
.subtitle { font-size:1.4rem; line-height:2rem; font-weight:300; text-align:center; margin: -1rem auto 2.5rem; }

.box { width:100%; margin:0 auto 3rem; background-color:#fff; border-radius:2.4rem; border:.15rem solid #d9e7ef; }
.box-cell { width:50%; height:100%; position:relative; padding:5rem 0 5rem 8%; float:left; }
.box-cell:nth-child(2n) { width:50%; float:right; padding:5rem 8%; }

.box-title { position:relative; font-size:3.6rem; line-height:4rem; font-weight:300; text-align:left; margin: 0 auto 1.5rem; }
.box-title strong { font-weight:400; }
.box-title .icon-info { position:absolute; bottom:.7rem; right:0; z-index:50; }

.box-title.with-icon { padding-left:10.5rem; }
.box-title.with-icon i { width:8rem; height:8rem; position:absolute; top:0; left:0; border-radius:50%; background: #f1f9fa; color:#414141; font-size:3.6rem; line-height:8rem; text-align:center; }

.box-title.with-icon i.icon-car { font-size:4.2rem; }
.box-title.with-icon i.icon-fuel { font-size:4.4rem; }
.box-title.with-icon i.icon-power1 { font-size:4rem; }
.box-title.with-icon i.qbe-icon-product-battery { font-size:4rem; }

.box-border.promo-code-box {
	display: block;
}
.promo-code-box .form .input-box-field {
	width: 45%;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}
.promo-code-box .form p.promo-code-expired,
.promo-code-box .form p.promo-code-invalid {
	display: none;
	color: #dc3149;
}
.promo-code-box .form p.promo-code-info {
	display: none;
}
/* -------- */

.step-0 .box { background: #fff url(../images/bg-img-terms.svg) no-repeat 12% 100%; background-size: 38% auto; }

.step-0 .box-cell { width:45%; }
.step-0 .box-cell:nth-child(2) { width:55%; }

.step-0 .form fieldset { padding-top:2rem; }
.step-0 .form-row-checkbox.last { margin-bottom:5rem!important; }

.capcha { width:100%; min-height:5rem; margin:0 auto 4rem; background:#f2f2f2; border-radius:.5rem; overflow:hidden; }

/* -------- */
/* -------- */


.show-factura-box {
	display: block !important;
}

.hide-factura-box {
	display: none !important;
}

.show-suma-box {
	display: block !important;
}

.hide-suma-box {
	display: none !important;
}


/* .step-1 .box { min-height:34rem; } */

.view-step-1 .step-1 .wrapper-step-slide:nth-child(1) { display:block; }
.view-step-pin .step-pin .wrapper-step-slide:nth-child(1) { display:block; }

.view-step-1.view-step-1-2 .step-1 .wrapper-step-slide:nth-child(1),
.view-step-1.view-step-1-3 .step-1 .wrapper-step-slide:nth-child(1),
.view-step-1.view-step-1-4 .step-1 .wrapper-step-slide:nth-child(1) { display:none; }
.view-step-1.view-step-1-2 .step-1 .wrapper-step-slide:nth-child(2) { display:block; }

.view-step-1.view-step-1-3 .step-1 .wrapper-step-slide:nth-child(2) { display:none; }
.view-step-1.view-step-1-3 .step-1 .wrapper-step-slide:nth-child(3) { display:block; }

.view-step-1.view-step-1-4 .step-1 .wrapper-step-slide:nth-child(3) { display:none; }
.view-step-1.view-step-1-4 .step-1 .wrapper-step-slide:nth-child(4) { display:block; }

/*.step-1 .wrapper-step-list { width:300%; }
.step-1 .wrapper-step-slide { width:33.33333333%; }*/

/*.step-1 .wrapper-step-list { width:400%; }
.step-1 .wrapper-step-slide { width:25%; }*/

/*.view-step-1 .step-1 .wrapper-step-list { transform: translate3d(0,0,0); }
.view-step-1-2 .step-1 .wrapper-step-list { transform: translate3d(-33.333333%,0,0); }
.view-step-1-3 .step-1 .wrapper-step-list { transform: translate3d(-66.666666%,0,0); }
.view-step-2 .step-1 .wrapper-step-list { transform: translate3d(-80%,0,0); }*/

/*.view-step-1 .step-1 .wrapper-step-list { transform: translate3d(0,0,0); }
.view-step-1-2 .step-1 .wrapper-step-list { transform: translate3d(-25%,0,0); }
.view-step-1-3 .step-1 .wrapper-step-list { transform: translate3d(-50%,0,0); }
.view-step-1-4 .step-1 .wrapper-step-list { transform: translate3d(-75%,0,0); }
.view-step-2 .step-1 .wrapper-step-list { transform: translate3d(-85%,0,0); }*/

.step-1 .wrapper-step-slide:nth-child(1) .box { min-height:36rem; background:#fff url(../images/car-plate-number.svg) no-repeat 12% 50%; background-size: 23rem auto; }
.step-1 .wrapper-step-slide:nth-child(1) .box-cell { width:60%; float:right; padding: 5rem 8%; }
.step-1 .wrapper-step-slide:nth-child(1) .box-title { margin-bottom:3rem; }

.step-pin .wrapper-step-slide:nth-child(1) .box { min-height:36rem; background:#fff url(../images/car-plate-number.svg) no-repeat 12% 50%; background-size: 23rem auto; }
.step-pin .wrapper-step-slide:nth-child(1) .box-cell { width:60%; float:right; padding: 5rem 8%; }
.step-pin .wrapper-step-slide:nth-child(1) .box-title { margin-bottom:3rem; }

.step-pin .error-msg {
	margin: 2.5rem auto 2.5rem;
}

.six-digit-field {
	display: flex;
	width: 100%;
	height: 4rem;
	/* background: aqua; */
	gap: 12px;
}

.six-digit-field .show-pin-button {
	font-size: 20px;
    align-self: center;
}

.six-digit-field .show-pin-button:hover,
.six-digit-field .show-pin-button:active { color:#007ab3; }

.six-digit-field input.digit {
	width: 100%;
	height: 4rem;
	/* background: papayawhip!important; */
    position: relative;
    padding: unset!important;
	opacity: 1;
	text-align: center;
	font-size: 2rem;
	border-bottom: 1px solid!important;
}

.step .content .margins .table-cell.yn-btns { display:table; padding:1rem 0; font-size:0; line-height:0; }
.step .content .margins .table-cell.yn-btns .button { width:48%; letter-spacing: .1rem; text-transform:uppercase; }
.step .content .margins .table-cell.yn-btns .button:nth-child(2) { margin-left: 3.5%; }

.yn-btns .radio-button { width:46%; }
.yn-btns .radio-button:nth-child(2) { float:right!important; }

.radio-button { width:100%; height:4.2rem; display:inline-block; position:relative; margin:0; text-align:center; padding:0; border:none; transition:all 0.3s ease-in-out;  }

.radio-button label { width:100%; height:4.2rem; position:relative; display:block; padding:0; color:#414141; background:transparent; border-radius:.3rem; font-size:1.2rem; line-height:4rem; font-weight:400; letter-spacing: .3rem; font-family: 'Allianz Neo', Arial, sans-serif; letter-spacing:.1rem; border:.1rem solid #024d8e; text-align:center; cursor:pointer; user-select:none; /*box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0);*/ -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.radio-button:hover label { background:#f1f9fa; }
.radio-button input[type=radio]:checked + label { height:4.3rem; background:#f1f9fa; border-width:.2rem; font-weight:700; outline:none!important; }
.radio-button input[type=radio] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:6; overflow:hidden; cursor:pointer; } 

.yn-btns .radio-button label { text-transform:uppercase; }


/*.step-1 .wrapper-step-slide:nth-child(2) .box {  }

.step-1 .wrapper-step-slide:nth-child(2) .box-cell { display:table; padding-top:0; padding-bottom:0; }
.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(1) { width:55%; }
.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(2) { width:45%; padding:0; text-align:center; }
.step-1 .wrapper-step-slide:nth-child(2) .box-cell .table-cell { padding:0; }
.step-1 .wrapper-step-slide:nth-child(2) .box-title { margin-bottom:0; }*/

.box .subcolumns { width:100%; border-top:.16rem solid #d9e7ef; clear:both; }
.box .subcolumns:first-of-type { border:none; }

/*.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(1) { width:40%; }
.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(2) { width:60%; }*/

.step-1 .wrapper-step-slide:nth-child(2) .with-bg-img { background: transparent url(../images/illustration-car.svg) no-repeat 12% 100%; background-size: 30% auto; overflow:hidden; /*padding-bottom:36rem;*/ }

.step-1 .wrapper-step-slide:nth-child(2) .subcolumns.last .box-cell:nth-child(1) { padding-top:7.2rem; }

p.ste-title { margin:3rem 0 1.6rem!important; font-size:1.6rem!important; }

.select-brand { width:100%; overflow:hidden; margin:0 auto; }
.select-brand li { width:46%; float:left; margin-right:8%; margin-bottom:2.4rem; transition: border .3s ease-in-out, background .3s ease-in-out; overflow:hidden;  }
.select-brand li:nth-child(2n) { margin-right:0; }
.select-brand li:nth-child(5),
.select-brand li:nth-child(6) { margin-bottom:0; }

.button.button-logo { width:100%; height:6.8rem; overflow:hidden; padding:.3rem 0; border-radius:.6rem; border-width: .14rem; }
.button.button-logo u { width:100%; height:100%; padding:3.8rem 0 0; position:relative; display:block; overflow:hidden; text-decoration:none; text-align:center; }
.button.button-logo u em { width:100%; display:block; font-size:1.1rem; line-height:1.4rem; color:#414141; font-style:normal; text-transform:none; }
.button.button-logo.active u em { font-weight:bold; }

.select-brand .button { border-width:.1rem; }
.select-brand .button:hover { background: #f1f9fa; }
.select-brand .button.active { background: #f1f9fa; border-width: .2rem; }

.select-brand .button img { width:auto; height:3.2rem; position:absolute; top:.5rem; left:50%; transform: translate(-50%,0); margin:0 auto; }

/* -------- */
/* -------- */

.step-2 .box-cell { width:45%; }
.step-2 .box-cell:nth-child(2) { width:55%; /*padding-bottom:2rem;*/ }

.step-2 .box-title { margin-bottom:3.5rem; }
.step-2 h6 { margin-top: -1.5rem; margin-bottom:.5rem; font-size:1.38rem; line-height:2rem; font-weight:300; text-transform:uppercase; }
.step-2 h5 { font-size: 1.5rem; line-height: 2.4rem; font-weight:bold; margin-bottom:1.32rem; }

.rca-box { width:100%; padding:2.4rem 3rem 2.4rem 2rem; background:#e6f4f6; margin:0 auto 2rem; border-radius:.7rem; }
.rca-box li { width:100%; position:relative; padding: 0 0 0 3.5rem; color:#666; font-size:1.5rem; line-height:2rem; font-weight:300; margin:0 auto 1.5rem; transition: color .3s ease-in-out; }
.rca-box li.active { color:#000; font-weight:400; }
/* .rca-box li:last-of-type { margin-bottom:0; } */
.rca-box li:before,
.rca-box li:after { width:2.4rem; height:2.4rem; position:absolute; left:0; top:-.2rem; font-size:1.7rem; line-height:2.4rem; text-align:center; font-family:icons; transition: all .3s ease-in-out; }

.rca-box li:before { content:'\ea4a'; color:#999;  }
.rca-box li:after { content:'\ea39'; color:#009245; opacity:0; }

.rca-box li.active:before { opacity:0; }
.rca-box li.active:after { opacity:1; }

.offer-box { width:100%; padding:1.2rem 3rem; background:#f6ebe6; margin:0 auto 2.5rem; border-radius:.7rem; text-align:center; }
/*.step-2 .box-cell:nth-child(1) .offer-box { display:none; }*/
.step-2 .box-cell:nth-child(2) .quote-details { display:none; }
.offer-box .offer-box-price { width:100%; display:block; font-size:3.2rem; line-height:3.6rem; font-weight:700; margin:0 auto; }
.offer-box .offer-box-price span { font-weight:400; }
.offer-box p { margin-bottom:0; line-height:1.8rem; }
.percentage-discount-img { width: 40px; }
.percentage-discount-box { display: flex; align-items: center; padding: 1.6rem 1rem 1.6rem 1rem !important}
/*.offer-box p:first-of-type { margin-top:.5rem; }*/

.trigger-package-details { position:relative; padding-left:3.2rem; font-weight:700; font-size:1.3rem; line-height:2.2rem; cursor:pointer; }
.trigger-package-details:hover { text-decoration:underline; }
.trigger-package-details i { width:3.4rem; height:2.4rem; position:absolute; top:50%; left:0; transform: translate(0,-50%); font-size:1.86rem; line-height:2.2rem; text-align:center; }

.offer-period-tabs { width:100%; min-height:5rem; position:relative; padding:.5rem 0; /*border-bottom:0.16rem solid #d9e7ef; overflow:hidden;*/  }
/*.offer-period-tabs:before { width:auto; padding:.5rem .6rem; position:absolute; top:0; right:0; content:'Personalizat'; font-size:.9rem; font-weight:700; line-height:1.2rem; text-transform:uppercase; letter-spacing:.1rem; background:#fff7dd; }*/

/*.offer-period-tabs .button { width:27.5%; float:left; margin-right:2.5%; padding:0; text-transform:none; }
/*.offer-period-tabs .button:nth-child(3n) { width:40%; margin-right:0; }*/

.offer-period-tabs .button,
.offer-period-tabs .radio-button { width:32%; float:left; margin-right:2%; padding:0; text-transform:none; }
.offer-period-tabs .button:last-child,
.offer-period-tabs .radio-button:last-child { margin-right:0; }

.box-border { margin:0 auto 2rem; padding:1.6rem 2.2rem 2rem; border-radius:.7rem; border:0.15rem solid #d9e7ef; }
.wrapper.green-background .box-border { border:0.15rem solid #C0DDBD; }
.box-border:last-of-type { margin-bottom:0!important; }

.row { width:100%; position:relative;  /* padding:2.5rem 0; border-top:0.16rem solid #d9e7ef;*/ }

.bank-rates,
.pers-rates { width:100%; display:none; /*height:0;*/ visibility:hidden; padding:0; transition: padding .3s ease-in-out; }
.bank-rates p,
.bank-rates span,
.pers-rates p,
.pers-rates span { visibility:hidden; opacity:0; }
.view-bank-rates .bank-rates,
.view-pers-rates .pers-rates { display:block; /*height:auto;*/ padding:2rem 0 0; visibility:visible; }
.view-bank-rates .bank-rates p,
.view-bank-rates .bank-rates span,
.view-pers-rates .pers-rates p,
.view-pers-rates .pers-rates span { visibility:visible; opacity:1; }

/*.bank-rates .tooltip.tooltip-bottom,
.pers-rates .tooltip.tooltip-bottom { margin-top:-1.8rem; }*/
.bank-rates p,
.pers-rates p { margin-bottom:1rem!important; }

/*.row-with-checkboxes .form-row-checkbox,
.row-with-checkboxes .form-row-radio,*/
.row-with-checkboxes .radio-button { width:47%!important; float:left!important; }
.row-with-checkboxes p { margin:0!important; }

.row-with-checkboxes .subcolumns { min-height:6rem; padding-top:1.5rem; }
.row-with-checkboxes .subcolumns .radio-button { float:left!important; margin:0; }
.row-with-checkboxes .subcolumns .radio-button:last-of-type { float:right!important; }

.row-with-checkboxes .radio-button { margin-left:.7rem; }

.bk-rates { width:100%; padding:1rem 5%; overflow:hidden; }
.bk-rates li { width:33.33333333%; float:left; position:relative; padding:.5rem 0; text-align:center; }
.bk-rates li span { width:4rem; height:4rem; display:inline-block; margin:0 auto; border-radius:50%; font-size:1.6rem; line-height:4rem; font-weight:400; text-align:center; transition:color .3s ease-in-out, background .3s ease-in-out; cursor:pointer; }
.bk-rates li span.active { background:#d9e7ef; color:#006192; }

.bank-rates .tooltip-content h3,
.pers-rates .tooltip-content h3 { padding:1rem 0 0; font-size:1.6rem; margin:0 auto!important; line-height:4rem; font-weight:400; text-align:center; }

.box-border p:last-of-type { margin-bottom:0!important; }

.box-cell p.sav { margin-bottom:1.5rem; margin-top:-1.5rem; line-height:2rem; }

.box-cell h4 { font-size:1.5rem; line-height:2rem; font-weight:bold; text-align:left; margin: 0 auto 1rem; padding-top:.5rem; }


/* -------- */
/* -------- */

.quote-slider { width:100%; height:auto; position:relative; padding-top:8rem; overflow:visible; }
.quote-wrapper,
.quote-slide,
.swiper-wrapper,
.swiper-slide { height:100%; }

.swiper-wrapper,
.swiper-slide { width:100%; }
.swiper-slide { position:relative; overflow:hidden; }


.quote-slider .swiper-pagination { width:100%; height:7rem; display:table; table-layout:fixed; position:absolute!important; top:0!important; bottom:auto!important; left:0!important; padding:0!important; }

.quote-slider .swiper-pagination span { width:auto; height:100%; position:relative; /*padding-top:1.5rem;*/ display:table-cell; margin:0!important; position:relative; border-right: 1px solid #ccdfe2; border-radius:0; background-color:#e6f4f6; opacity:1; transition: background-color .3s ease-in-out, color .3s ease-in-out, font-weight .3s ease-in-out; font-size:1.6rem; line-height:7rem; /*line-height:2rem;*/ text-align:center; cursor:pointer; outline:none; vertical-align:top; }
.quote-slider .swiper-pagination.quote-slider-pagination span { padding-top:1.3rem; height:7rem; line-height:2.2rem; transition: padding-top .3s ease-in-out; }
.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active { padding-top:2.5rem; }

.quote-slider .swiper-pagination span:last-child { border:none; }
.quote-slider .swiper-pagination span:hover { background:#cfe9ee; }
.quote-slider .swiper-pagination span.swiper-pagination-bullet-active,
.quote-slider .swiper-pagination span.swiper-pagination-bullet-active:hover { background:#fff; font-weight:bold; }

.quote-slider .swiper-pagination span:first-child { border-radius:2.4rem 0 0 0; }
.quote-slider .swiper-pagination span:last-child { border-radius:0 2.4rem 0 0; }
.quote-slider.one-slide .swiper-pagination span { border-radius:2.4rem 2.4rem 0 0; }

.quote-slider .swiper-pagination.quote-slider-pagination span em { display:block; font-style:normal; }
.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active em {  }

.quote-slider .swiper-pagination.quote-slider-pagination strong { height:2.2rem; width:100%; display:block; font-weight:bold; overflow:hidden; transition: height .3s ease-in-out, opacity .3s ease-in-out; }
.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active strong { height:0; opacity:0; }

/*.quote-slider .swiper-pagination span:after { width:100%; height:100%; font-size:1.6rem; line-height:7rem; text-align:center; }*/

.package-slider .swiper-pagination span:nth-child(1):after { content:'Confort'; }
.package-slider .swiper-pagination span:nth-child(2):after { content:'Plus'; }
.package-slider .swiper-pagination span:nth-child(3):after { content:'Extra'; }
.package-slider .swiper-pagination span:nth-child(4):after{ content:'Max'; }

.quote-slider .swiper-pagination span:last-child:before,
/* .quote-slider .quote-slide:last-child .box-cell:first-child:before { width:auto; display:inline-block; position:absolute; top:-1rem; left:50%; transform: translate(-50%,0); color:#444; background:#fdd25c; border-radius:.2rem; padding:.3rem 1rem; font-size:.9rem; line-height:1.2rem; text-align:center; content:'Pachet recomandat'; font-weight:bold; text-transform:uppercase; white-space:nowrap; } */
.quote-slider .swiper-pagination span:first-child:before,
.quote-slider .quote-slide:last-child .box-cell:first-child:before { display:none; }

.quote-slider .quote-slide { display:none; opacity:1; transition: opacity .3s ease-in-out; }
.quote-slider .quote-slide.swiper-slide-active { display:block; opacity:1; }

/*.quote-pagination { width:100%; display:table; table-layout:fixed; position:absolute!important; top:0!important; bottom:auto!important; left:0!important; padding:0!important; }
.quote-pagination span { width:auto; height:7rem; position:relative; display:table-cell; margin:0!important; position:relative; border-right: 1px solid #ccdfe2; border-radius:0; background-color:#e6f4f6; opacity:1; transition: background-color .3s ease-in-out, color .3s ease-in-out, font-weight .3s ease-in-out; font-size:1.6rem; line-height:7rem; text-align:center; cursor:pointer; }
.quote-pagination span:last-of-type { border:none; }
.quote-pagination span.active,
.quote-pagination span.swiper-pagination-bullet-active { background:#fff; font-weight:bold; }

.quote-pagination span:nth-child(1) { border-radius:1rem 0 0 0; }
.quote-pagination span:nth-child(4) { border-radius:0 1rem 0 0; }

.quote-pagination span:after { width:100%; height:100%; font-size:1.6rem; line-height:7rem; text-align:center; }

.package-slider .swiper-pagination span:nth-child(1):after { content:'Confort'; }
.package-slider .swiper-pagination span:nth-child(2):after { content:'Plus'; }
.package-slider .swiper-pagination span:nth-child(3):after { content:'Extra'; }
.package-slider .swiper-pagination span:nth-child(4):after{ content:'Max'; }

.quote-pagination span:nth-child(4):before { width:auto; display:inline-block; position:absolute; top:-1rem; left:50%; transform: translate(-50%,0); color:#444; background:#fdd25c; border-radius:.2rem; padding:.3rem 1rem; font-size:.9rem; line-height:1.2rem; text-align:center; content:'Pachet recomandat'; font-weight:bold; text-transform:uppercase; }

.quote-slider .quote-slide { opacity:0; transition: opacity .3s ease-in-out; }
.quote-slider .quote-slide.swiper-slide-active { opacity:1; }*/

.sw-slider { width:100%; height:100%; position:relative; overflow:hidden; }
.sw-slider-wrapper { width:100%; height:100%; }
.sw-slide { width:100%; height:100%; display:none; }
.sw-slide:nth-child(1),
.view-simple-rca .sw-slide:nth-child(2) { display:block; }
.view-simple-rca .sw-slide:nth-child(1) { display:none; }

/*.sw-slider-wrapper { width:200%; height:100%; transition: transform .3s ease-out; transform: translate3d(0,0,0); }
.view-simple-rca .sw-slider-wrapper { transform: translate3d(-50%,0,0); }
.sw-slide { width:50%; height:100%; float:left; }*/


.switchRCA { padding:3rem 8%; margin:0!important; border-top:1px solid #d9e7ef; /*background-color: #e6f4f6;*/ }
.switchRCA .button { font-size:1.4rem; padding-left:4rem; font-weight:bold; text-transform:none; }
.switchRCA .button.with-icon i { font-size:1.6rem; }

/* -------- */
/* -------- */

.package-slider { width:100%; height:100%; position:relative; overflow:hidden; user-select:none; }
.package-slider .scrollbar { position:relative; }

.package-slider .title { width:100%; font-size: 1.8rem; line-height:6rem; font-weight:400; padding:0 6rem 0 4%; overflow:hidden; margin:0 auto .6rem; text-align:left; } 

.package-list { width:100%; }
.package-list li { width:100%; min-height:5rem; padding:1.5rem 8.5rem 1.5rem 5rem; position:relative; background:#f4fafb; border-bottom:1px solid #dbeef2; }
.package-list .icon-info { width:5rem; height:5rem; position:absolute; top:0; left:0; font-size:2.2rem; line-height:5rem; text-align:center; color:#248dbe; }
.package-list .package-status { width:8rem; height:100%; position:absolute; top:0; right:0; line-height:5rem; border-left:1px solid #dbeef2; }
.package-list .package-status.icon-close { color: #999; }

.package-list strong { width:100%; height:100%; display:block; font-size:1.4rem; line-height:2rem; }

.package-slide:nth-child(1) .package-list li:nth-child(1),
.package-slide:nth-child(1) .package-list li:nth-child(2),
.package-slide:nth-child(1) .package-list li:nth-child(3),
.package-slide:nth-child(1) .package-list li:nth-child(4),
.package-slide:nth-child(1) .package-list li:nth-child(5),

.package-slide:nth-child(2) .package-list li:nth-child(1),
.package-slide:nth-child(2) .package-list li:nth-child(2),
.package-slide:nth-child(2) .package-list li:nth-child(3),
.package-slide:nth-child(2) .package-list li:nth-child(4),
.package-slide:nth-child(2) .package-list li:nth-child(5),
.package-slide:nth-child(2) .package-list li:nth-child(6),
.package-slide:nth-child(2) .package-list li:nth-child(7),
.package-slide:nth-child(2) .package-list li:nth-child(8),
.package-slide:nth-child(2) .package-list li:nth-child(9),
.package-slide:nth-child(2) .package-list li:nth-child(10),

.package-slide:nth-child(3) .package-list li:nth-child(1),
.package-slide:nth-child(3) .package-list li:nth-child(2),
.package-slide:nth-child(3) .package-list li:nth-child(3),
.package-slide:nth-child(3) .package-list li:nth-child(4),
.package-slide:nth-child(3) .package-list li:nth-child(5),
.package-slide:nth-child(3) .package-list li:nth-child(6),
.package-slide:nth-child(3) .package-list li:nth-child(7),
.package-slide:nth-child(3) .package-list li:nth-child(8),
.package-slide:nth-child(3) .package-list li:nth-child(9),
.package-slide:nth-child(3) .package-list li:nth-child(10),
.package-slide:nth-child(3) .package-list li:nth-child(11),
.package-slide:nth-child(3) .package-list li:nth-child(12),
.package-slide:nth-child(3) .package-list li:nth-child(13),

.package-slide:nth-child(4) .package-list li { background:#fff; }

/* -------- */
/* -------- */

.view-step-3 .step-3 .wrapper-step-slide:nth-child(1) { display:block; }

.view-step-3.view-step-3-2 .step-3 .wrapper-step-slide:nth-child(1),
.view-step-3.view-step-3-3 .step-3 .wrapper-step-slide:nth-child(1) { display:none; }
.view-step-3.view-step-3-2 .step-3 .wrapper-step-slide:nth-child(2) { display:block; }

.view-step-3.view-step-3-3 .step-3 .wrapper-step-slide:nth-child(2) { display:none; }
.view-step-3.view-step-3-3 .step-3 .wrapper-step-slide:nth-child(3) { display:block; }

/*.step-3 .wrapper-step-list { width:200%; }
.step-3 .wrapper-step-slide { width:50%; }

.view-step-3 .step-3 .wrapper-step-list { transform: translate3d(0,0,0); }
.view-step-3-2 .step-3 .wrapper-step-list { transform: translate3d(-50%,0,0); }
.view-step-4 .step-3 .wrapper-step-list { transform: translate3d(-55%,0,0); }*/

.step-3 .wrapper-step-slide:nth-child(2) .box { background: #fff url(../images/woman_with_tablet_talking_to_man.svg) no-repeat 12% 100%; background-size: 30% auto; }

.step-3 .box-cell,
.step-3 .box-cell:nth-child(2) { width:50%; }

.data-list { width:100%; padding:2rem 2.5rem; background:#e6f4f6; margin:0 auto; border-radius:.7rem; }
.data-list.marb { margin-bottom:1.5rem; }
.data-list li { width:100%; margin:0 auto 1.2rem; overflow:hidden; font-size:1.4rem; line-height:2rem; }
.data-list li:last-of-type { margin:0 auto; }
.data-list li span { width:45%; float:left; }
.data-list li strong { width:50%; float:right; overflow:hidden; font-weight:400; word-break: break-word; }
.data-list li strong em { width:100%; display:block; font-style:normal; font-weight:300; }

.icon-check1,
.icon-close { width: 1.8rem; height: 1.8rem; font-size: 1.7rem; line-height: 1.8rem; text-align: center; color: #ed1c24; }
.icon-check1 { color: #009245; }

.hidden-box-input { width:90%; height:0; margin:0 auto; overflow:hidden; background:#e6f4f6; border-radius: 1rem; transition: margin .3s ease-in-out, opacity .3s ease-in-out; overflow:hidden; } 
.view-bank-name .bank-name-box { opacity:1; height:auto; margin-bottom:5rem; }

.hidden-box-input h6 { font-size:1.6rem; line-height:2.2rem; font-weight:bold; padding:2.5rem 0 0; }
.hidden-box-input .box-cell { padding: 1.5rem 3%; }
.hidden-box-input .box-cell:nth-child(1) { width: 55%; padding-right:0; }
.hidden-box-input .box-cell:nth-child(2) { width: 38%; }

/* -------- */
/* -------- */

.view-step-4 .step-4 .wrapper-step-slide:nth-child(1) { display:block; }

.view-step-4.view-step-4-2 .step-4 .wrapper-step-slide:nth-child(1),
.view-step-4.view-step-4-3 .step-4 .wrapper-step-slide:nth-child(1) { display:none; }
.view-step-4.view-step-4-2 .step-4 .wrapper-step-slide:nth-child(2) { display:block; }

.view-step-4.view-step-4-3 .step-4 .wrapper-step-slide:nth-child(2) { display:none; }
.view-step-4.view-step-4-3 .step-4 .wrapper-step-slide:nth-child(3) { display:block; }

/*.step-4 .wrapper-step-list { width:200%; }
.step-4 .wrapper-step-slide { width:50%; }

.view-step-4 .step-4 .wrapper-step-list { transform: translate3d(0,0,0); }
.view-step-4-2 .step-4 .wrapper-step-list { transform: translate3d(-50%,0,0); }
.view-step-5 .step-4 .wrapper-step-list { transform: translate3d(-55%,0,0); }*/

/*.step-4 .wrapper-step-list { width:300%; }
.step-4 .wrapper-step-slide { width:33.333333%; }

.view-step-4 .step-4 .wrapper-step-list { transform: translate3d(0,0,0); }
.view-step-4-2 .step-4 .wrapper-step-list { transform: translate3d(-33.333333%,0,0); }
.view-step-4-3 .step-4 .wrapper-step-list { transform: translate3d(-66.666666%,0,0); }
.view-step-5 .step-4 .wrapper-step-list { transform: translate3d(-85%,0,0); }*/

.step-4 .info-verification .box { margin:0 auto 2.5rem; background: #fff  no-repeat 12% 100%; background-size: 30% auto; }
.step-4 .info-verification .box-p1 { background-image:url(../images/car-driving.svg); background-size: 36% auto; }
.step-4 .info-verification .box-p2 { background-image:url(../images/bg-img-box-2.svg); }
.step-4 .info-verification .box-p3 { background-image:url(../images/bg-img-box-3.svg); }

.step-4 .info-verification .box-cell { width:45%; }
.step-4 .info-verification .box-cell:nth-child(2) { width:55%; }

.step-4 .terms-step .box { background: #fff url(../images/bg-img-terms.svg) no-repeat 12% 100%; background-size: 38% auto; min-height: 450px; }

.step-4 .terms-step .box-cell { width:45%; }
.step-4 .terms-step .box-cell:nth-child(2) { width:55%; }

.step-4 .terms-step .form fieldset { padding-top:2rem; }
.step-4 .terms-step .form-row-checkbox.last { margin-bottom:5rem!important; }


.step-4 .payment-step .box-cell { width:33%; }
.step-4 .payment-step .box-cell:nth-child(2) { width:67%; padding-left: 3%; padding-left: 6%; font-size:0; line-height:0; /*text-align:center;*/ }

.step-4 .payment-step .box-cell .table-cell { padding:0!important; }

.payments-actions { overflow:hidden; }
.payments-actions .button { width:29.2%; height:13rem; margin-right:6.1%; padding:7rem .6rem 1rem; color:#333!important; line-height:1.8rem; vertical-align:middle; transition: color .3s ease-in-out, background .3s ease-in-out, font-weight .3s ease-in-out, border .3s ease-in-out; }
.payments-actions .button:nth-child(3) { margin-right:0; }

.step-4 .info-account-container { display: flex; align-items: flex-start; gap: 8px; margin-left: 20px; margin-right: 20px; }
.step-4 .info-icon { font-size: 22px !important; color: #007ab3; flex-shrink: 0; margin-top: 2px; }

/*.view-tools-sidebar .payments-actions .button,
.view-tools-sidebar .payments-actions .button:nth-child(3) { width:46.8%; float:left; margin:0 auto 1.8rem; }
.view-tools-sidebar .payments-actions .button:nth-child(2) { float:right; margin-right:0; }*/

.payments-actions .button em { font-size:1.4rem; line-height:1.6rem; text-transform:none; font-style:normal; display:block; transition: color .3s ease-in-out, font-weight .3s ease-in-out; }
.payments-actions .button:hover,
.payments-actions .button:active,
.payments-actions .button.active { color:#006192!important; background:#f1f9fa!important; }
.payments-actions .button.active { font-weight:bold; }

.payments-actions .button i { width:7rem; height:5.6rem; display:block; position:absolute; top:1.8rem; left:50%; transform: translate(-50%,0); color:#006192; font-size:2.8rem; line-height:5.6rem; /* background: transparent url(../images/payU-icon.svg) no-repeat 50% 50%; background-size:auto 100%;*/ }

/* -------- */
/* -------- */

.step-5 .content .margins .table-cell { padding: 4rem 0 3rem; }

.step-5 .box { min-height:38rem; background: #fff url(../images/bg-img-msg.svg) no-repeat 8% 100%; background-size: 28% auto; text-align:center; }
.wrapper.green-background .step-5 .box { min-height:50rem; background: #fff url(../images/bg-img-msg-electric.svg) no-repeat 50% 100%; background-size: 35% auto; text-align:center; }

.step-5 .box.error-msg-box { background-color:#fff; background-image:url(../images/woman_in_front_of_computer.svg); }


.step-5 .box-cell { width:41rem; float:none; padding:6rem 0 12rem; margin:0 auto; }
.step-5 .box.error-msg-box .box-cell { }

.step-5 .box-cell .table-cell { padding:0!important; }

.step-5 .electric-car-title {display: block;}

.step-5 .box-title,
.step-5 .box-title-electric { font-size: 2rem; line-height: 2rem; font-weight: 400; text-align:center; margin-bottom:3rem; }
.step-5 .extra-msg .button { min-width: 22rem; margin-top:1rem; }

.step-5 h3.application-title { font-size: 2.2rem; line-height: 2rem; font-weight: 400; text-align: center; margin-bottom: 3rem; }

.step-5 p { font-size: 1.6rem !important; }

.step-5 p.acces-myaccount { margin-top: 2.2rem; margin-bottom: 2.2rem; }

.step-5 .button { width: 23rem!important; }

.step-5 .button.pay { margin-top: 2.2rem!important; }
.step-5 .button.myaccount { margin-bottom: 8rem!important; }

.step-5 span.success-text { font-size: 30px !important; }
.step-5 .box-title span.full { font-size: 18px !important; }

.email-info-msg { width:auto; display:inline-block; position:absolute; bottom:6rem; left:50%; transform: translate(-50%,0); white-space:nowrap; margin:0 auto!important; }

/*.view-step-5 .breadcrumbs { height:0; overflow:hidden; opacity:0; }*/

/* -------- */
/* -------- */

.overlay-info-sms,
.overlay-search-customer { background: rgba(241,249,250,1)!important; }

.overlay-info-sms .content .margins .table-cell { padding: 4rem 0 3rem; }
.overlay-info-sms .box { min-height:38rem; padding-bottom:15rem; background: #fff url(../images/illustration-sms.svg) no-repeat 50% 100%; background-size: 45% auto; text-align:center; }

.overlay-search-customer .content .margins .table-cell { padding: 4rem 0 3rem; }
.overlay-search-customer .box { min-height:38rem; background: #fff url(../images/man-taking-call.svg) no-repeat 8% 100%; background-size: 20rem auto; text-align:center; }

.overlay-info-sms .box-cell,
.overlay-search-customer .box-cell { width:100%; float:none; padding:6rem 12% 12rem; margin:0 auto; }
.overlay-search-customer .box-cell { padding:6rem 12% 6rem; }
/*.overlay-info-sms .box.error-msg-box .box-cell { padding:12rem 8%; }*/

.overlay-info-sms .box-cell .table-cell,
.overlay-search-customer .box-cell .table-cell { padding:0!important; }

.overlay-info-sms .box-title,
.overlay-search-customer .box-title { font-size: 4rem; line-height: 4.4rem; font-weight: 300; text-align:center; margin-bottom:2rem; }
.overlay-info-sms p,
.overlay-search-customer p { font-size: 1.454545rem; }
.overlay-info-sms .extra-msg .button,
.overlay-search-customer .extra-msg .button { min-width: 22rem; margin-top:1rem; }

.overlay-search-customer .form { width:30rem; margin:0 auto; padding-top:1.5rem; }
    
/* -------- */
/* -------- */

.tooltip { width:100%; position:absolute; z-index:500; opacity:0; visibility:hidden; transition: all .3s ease-in-out; }
.tooltip.tooltip-top { bottom:100%; left:0; transform: translate3d(0,0,0); }
.tooltip.tooltip-bottom { top:100%; left:0; transform: translate3d(0,0,0); }

.input-box-field .tooltip.tooltip-bottom { margin-top:.3rem; }

/*.tooltip:before { width:0; height:0; display:block; position:absolute; left:50%; transform: translate(-50%,0); content:''; }
.tooltip.tooltip-top:before { bottom:-.4rem; border-top: .5rem solid #151515; border-left: .5rem solid transparent; border-right: .5rem solid transparent; }
.tooltip.tooltip-bottom:before { top:-.4rem; border-bottom: .5rem solid #151515; border-left: .5rem solid transparent; border-right: .5rem solid transparent; }*/

.view-tooltip .tooltip,
.view-calendar .tooltip,
.view-rates .tooltip { opacity:1; visibility:visible; }
/*.view-calendar .tooltip { transform: translate3d(0,-1rem,0); }
.view-rates .tooltip { transform: translate3d(0,1rem,0); }*/
.view-calendar .tooltip.tooltip-top { transform: translate3d(0,-1rem,0); }
.view-rates .tooltip .tooltip-bottom { transform: translate3d(0,1rem,0); }

.tbl-btn:hover .tooltip.tooltip-bottom { transform: translate3d(0,1rem,0); }

.ps-content { width:100%; position:relative; border-bottom:1px solid #ccdfe2; }

.ps-sidebar { width:56vw; /*height:100%;*/ position:absolute; top:0; left:0; z-index:1; border-right:1px solid #ccdfe2; background: #edf7f9; }
.ps-slider { width:100%; overflow-y:hidden; overflow-x: auto; }

.ps-sidebar li,
.ps-slider li { height:7.2rem; }

.ps-sidebar ul { width:100%; border-bottom:1px solid #ccdfe2; padding-top:3rem; }
.ps-sidebar li { width:100%; display:grid; align-items:center; padding:0 1.5rem 0 5rem; position:relative; border-top:1px solid #ccdfe2; }
.ps-sidebar ul .icon-info { width:5rem; height:5rem; position:absolute; top:50%; left:0; transform: translate(0,-50%); font-size:2.2rem; line-height:5rem; text-align:center; color:#248dbe; }
.ps-sidebar ul strong { font-size:1.4rem; line-height:1.8rem; }

.ps-sidebar .tooltip { width:100vw; }


.ps-slider ul { width:142vw; border-bottom:1px solid #ccdfe2; }
.ps-slider li { width:100%; position:relative; padding: 0; border-top: 1px solid #ccdfe2;}
.ps-slider li:first-of-type { height: 3rem; border-top:none; }

.ps-slider li ul { width:100%; height:100%; padding: 0 0 0 56vw; display:grid; grid-template-columns: repeat(4,20vw); grid-gap: 2vw; border-bottom:none; }
.ps-slider li li { height:100%; display:grid; align-items:center; justify-items:center; border:none; border-left:1px solid #ccdfe2; border-right:1px solid #ccdfe2; }
.ps-slider li li:first-of-type { height:100%; border-left:none; }
.ps-slider li:first-of-type li { height: 3rem; border-top:1px solid #ccdfe2; }

.ps-slider span { font-size:1.2rem; font-weight:400; line-height:3rem; }

.ps-slider .icon-close { color: #999; }

.ps-slider li li:nth-child(1) { background:#fff; }

/* 
.package-slider .swiper-pagination span:nth-child(1):after { content:'Confort'; }
.package-slider .swiper-pagination span:nth-child(2):after { content:'Plus'; }
.package-slider .swiper-pagination span:nth-child(3):after { content:'Extra'; }
.package-slider .swiper-pagination span:nth-child(4):after{ content:'Max'; }

.package-slider { width:100%; height:100%; position:relative; overflow:hidden; user-select:none; }
.package-slider .scrollbar { position:relative; }

.package-slider .title { width:100%; font-size: 1.8rem; line-height:6rem; font-weight:400; padding:0 6rem 0 4%; overflow:hidden; margin:0 auto .6rem; text-align:left; }  */


.tooltip.calendar-box { height:30rem; }
.tooltip.tt-series { height:25rem; }

.tooltip-content { width:100%; /*height:100%;*/ display:none; position:absolute; background:#fff; color:#333; padding:3rem 2.4rem; border-radius:.7rem; font-size:1.4rem; line-height:2rem; box-shadow: 0 .2rem .8rem rgba(0,0,0,.15); }
.view-tooltip .tooltip-content,
.view-calendar .tooltip-content,
.view-rates .tooltip-content { display:block; }

.tooltip.tt-series .tooltip-content,
.tooltip.calendar-box .tooltip-content { height:100%; }

.tooltip-content h3 { font-weight:400; margin:0 auto 1rem; }
.tooltip-content p { margin-bottom:1rem; }
.tooltip-content p:last-of-type { margin-bottom:0; }
.tooltip-content img { width:100%; height:auto; margin:.5rem auto 1.5rem; }

.tooltip.tt-series .tooltip-content { padding: 0; background:#e6e6e6; }
.tooltip.tt-series .tooltip-content .scrollbar { padding:1.6rem 2rem; }

.close-tooltip-button,
.close-help-box { width:3rem!important; height:3rem!important; position:absolute!important; top:.6rem!important; right:.6rem!important; z-index:10; text-align: center; font-size: 1.8rem!important; line-height: 3rem!important; color: #006192; cursor:pointer; border-radius:.5rem!important; transition: color .3s ease-in-out, background-color .3s ease-in-out; }
.close-tooltip-button:active,
.close-help-box:active { background-color: #006192; color: #fff!important; }

/* -------- */
/* -------- */

.breadcrumbs { width:100%; position:relative; margin-bottom:2rem; /*position:absolute; top:7rem; left:0; z-index:200;*/ overflow:hidden; transition: opacity .3s ease-in, height .3s ease-in; background: rgba(241,249,250,.9); user-select:none;
background: -moz-linear-gradient(top,  rgba(241,249,250,1) 0%, rgba(241,249,250,0) 100%);
background: -webkit-linear-gradient(top,  rgba(241,249,250,1) 0%,rgba(241,249,250,0) 100%);
background: linear-gradient(to bottom,  rgba(241,249,250,1) 0%,rgba(241,249,250,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f9fa', endColorstr='#00f1f9fa',GradientType=0 );}

.breadcrumbs ul { width:100%; min-height:3.4rem; position:relative; padding:.5rem 0 0 5rem; transition: padding-left .3s ease-in-out; }
.breadcrumbs li { width:auto; height:2.4rem; position:relative; display:inline-block; float:left; padding:0 3.5rem 0 3.4rem; pointer-events:none; cursor:pointer; }
.breadcrumbs li.active,
.breadcrumbs li.old,
.breadcrumbs li.bc-back { pointer-events:auto; }
.breadcrumbs li:last-child { padding-right:0; }

.view-step-0 .breadcrumbs li,
.view-step-0 .breadcrumbs li.active/*,
.view-step-0 .breadcrumbs li.old*/ { pointer-events:none; }

.breadcrumbs li:nth-child(2).active { width: calc(100% - 39.5rem); }
.breadcrumbs li:nth-child(3).active { width: calc(100% - 48.5rem); }
.breadcrumbs li:nth-child(4).active { width: calc(100% - 49.5rem); }
.breadcrumbs li:nth-child(5).active { width: calc(100% - 49.5rem); }

/*.breadcrumbs li:nth-child(2).active { width: calc(100% - 23.5rem); }
.breadcrumbs li:nth-child(3).active { width: calc(100% - 28.5rem); }
.breadcrumbs li:nth-child(4).active { width: calc(100% - 26rem); }
.breadcrumbs li:nth-child(5).active { width: calc(100% - 18rem); }*/

.breadcrumbs li.bc-back { width:2.4rem; height:2.4rem; position:absolute; left:0; top:50%; padding:0; opacity:1; transform: translate3d(0,-50%,0); visibility:visible; transition: transform .3s ease-in-out, opacity .3s ease-in-out; }

.breadcrumbs span { width:2.4rem; height:2.4rem; opacity:.3; display:block; border-radius:50%; position:absolute; left:0; top:50%; color:#007ab3; background:transparent; transform: translate(0,-50%); font-size:1.2rem; line-height:2rem; font-weight:400; text-align:center; border:.2rem solid #007ab3; transition: all .3s ease-in-out; }
.breadcrumbs li.active span,
.breadcrumbs li.old span { opacity:1; background:#007ab3; color:#fff; }

.breadcrumbs .bc-back span { opacity:1; color:#007ab3; background:transparent; border:none; font-size:1.8rem!important; line-height:2.4rem; font-weight:400; }
.breadcrumbs .bc-back span:hover,
.breadcrumbs .bc-back span:active { background:#007ab3; color:#fff; }

.breadcrumbs strong { width:auto; /*width:0;*/ display:inline-block; opacity:.3; color:#007ab3; font-size:1.4rem; padding-top:.4rem; line-height:1.6rem; font-weight:400; transition: opacity .3s ease-in-out, width .3s ease-in-out; overflow:hidden; }
.breadcrumbs li.active strong { width:auto; opacity:1; }

.breadcrumbs li.old strong { opacity:1; }

.bc-slides-loader { width:auto; height:.3rem; position:absolute; top:50%; left:auto; right:3.5rem; transform: translate(0,-50%); background:#a9c5db; border-radius:.4rem; overflow:hidden; transition: opacity .3s ease-in-out; opacity:0; }
.breadcrumbs li:last-child .bc-slides-loader { right:0; }

.breadcrumbs li.active .bc-slides-loader { opacity:1; }

.bc-step-1 .bc-slides-loader { left:21.5rem; }
.bc-step-2 .bc-slides-loader { left:12rem; }
.bc-step-3 .bc-slides-loader { left:14rem; }
.bc-step-4 .bc-slides-loader { left:14.5rem; }

.bc-slides-loader div { width:100%; height:100%; position:absolute; left:-100%; top:0; background:#007ab3; border-radius:.4rem; /*transition: transform .3s ease-in-out;*/ }

.breadcrumbs li.active .bc-slides-loader div { transform: translate3d(100%,0,0); }

.view-step-0 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(0,0,0); }
/*.breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(33.333333%,0,0); }*/
.breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(0,0,0); }

/*.view-step-1-2 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(66.666667%,0,0); }
.view-step-1-3 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(100%,0,0); }*/
.view-step-1-2 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(25%,0,0); }
.view-step-1-3 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(50%,0,0); }
.view-step-1-4 .breadcrumbs li:nth-child(2).active .bc-slides-loader div { transform: translate3d(75%,0,0); }

.breadcrumbs li:nth-child(4).active .bc-slides-loader div { transform: translate3d(0,0,0);/*transform: translate3d(50%,0,0);*/ }
.view-step-3-2 .breadcrumbs li:nth-child(4).active .bc-slides-loader div { transform: translate3d(50%,0,0); /*transform: translate3d(100%,0,0);*/ }

.view-step-4 .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(0,0,0); }
.view-step-4.view-info-sms .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(25%,0,0); }
.view-step-4-2 .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(50%,0,0); }
.view-step-4-3 .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(75%,0,0); }

.view-step-5 .breadcrumbs li:nth-child(5).active .bc-slides-loader div { transform: translate3d(100%,0,0); }

/* -------- */

.view-step-0 .breadcrumbs ul,
.view-step-1 .breadcrumbs ul { padding-left:0; }
.view-step-0 .breadcrumbs li.bc-back,
.view-step-1 .breadcrumbs li.bc-back { opacity:0; visibility:hidden; }

.view-step-1-2 .breadcrumbs ul,
.view-step-1-3 .breadcrumbs ul,
.view-step-1-4 .breadcrumbs ul { padding-left:5rem; }

.view-step-1-2 .breadcrumbs ul li.bc-back,
.view-step-1-3 .breadcrumbs ul li.bc-back,
.view-step-1-4 .breadcrumbs ul li.bc-back { opacity:1; visibility:visible; }

.view-step-0 .bc-step-2 strong,
.view-step-1 .bc-step-2 strong,
.view-step-2 .bc-step-3 strong,
.view-step-3 .bc-step-4 strong { width:auto; }

/*.view-step-0 .bc-step-1 strong,
.view-step-1 .bc-step-1 strong { width:16rem; opacity:1; }
.view-step-0 .bc-step-2 strong,
.view-step-1 .bc-step-2 strong { width:5rem; opacity:.3; }

.view-step-0 .bc-step-1 span,
.view-step-1 .bc-step-1 span
.view-step-0 .bc-step-2 span,
.view-step-1 .bc-step-2 span,
.view-step-0 .bc-step-1 .bc-slides-loader,
.view-step-1 .bc-step-1 .bc-slides-loader { opacity:1; }

.view-step-0 .bc-step-1 .bc-slides-loader div,
.view-step-1 .bc-step-1 .bc-slides-loader div { transform: translate3d(25%,0,0); }*/

/* -------- */
/* -------- */

.footer { width:100%; height:8rem; position:absolute; left:0; bottom:0; z-index:100; padding:0; background-color:#f1f9fa; border-top:1px solid #d9e7ef; }
.footer .margins { height:100%!important; margin:0 auto!important; padding:0 !important; }

.footer .info-link { width:auto; display:none; margin:2.5rem 3rem 0 0; float:right; font-size:1.6rem; font-weight:600; line-height:3rem; font-style:normal; color:#007ab3; cursor:pointer; }
.footer .info-link.remove-readonly { display:inline-block; }

.footer .button { float:left!important; min-width:16rem; letter-spacing: .1rem; margin-top:2rem!important; font-size:1.34rem; }
.footer .button:nth-child(1) { float:right!important; }

.main-action-footer { /*width:40%;*/ height:100%; float:right; }
.sec-action-footer { /*width:60%;*/ height:100%; float:left; }

.footer .main-action-footer { overflow:hidden; }
.footer .main-action-footer .button { float:right!important; }

.footer .sec-action-footer .button { float:left!important; margin-right:1.4rem!important; padding: 0 2rem; /*padding: 0 1.5rem 0 3.6rem;*/ }
.footer .sec-action-footer .button i { display:none; }
.footer .sec-action-footer .button i.icon-download { font-size: 1.8rem; margin-right:.8rem; }
.footer .sec-action-footer .button i.icon-user-business-o { font-size: 2.1rem; margin-right:.8rem; }

.footer-price { height:100%; display:table; float:left; margin-right:2.5rem; }
.footer-price .table-cell { padding:0!important; }

.footer-price b { /*width:100%; display:block;*/ margin-right:.9rem; font-weight:bold; font-size:1.06rem; line-height:1.4rem; padding-bottom:.24rem; }
.footer-price strong { width:100%; display:block; text-align:right; }  
.footer-price strong.line2 { padding-top:.2rem; }
.footer-price strong em { display:inline-block; font-style:normal; font-weight:bold; font-size:2rem; line-height:2.4rem; }
.footer-price strong.line2 em { font-size:1.26rem; line-height:1.5rem; }
.footer-price strong span { margin-left:.5rem; font-weight:400; font-size:1.06rem; opacity:.8; }
.footer-price strong.line2 span { line-height:1.6rem; }

.footer-price div.sec-line { width:100%; text-align:right; padding-top:.4rem; }
.footer-price div.sec-line u { font-size:1.02rem; text-transform:uppercase; text-decoration:none; margin-right:.4rem; }
.footer-price div.sec-line em { font-size:1.06rem; line-height:1.5rem; font-weight:bold; font-style:normal; }
.footer-price div.sec-line i { margin:0 .5rem; font-style:normal; }

.button.back-btn,
.step-2 .button.back-btn,
.overlay-meet-agent .button.back-btn,
.overlay-special-mentions .button.back-btn,
.overlay-payment-link .button.back-btn,
.overlay-found-customers .button.back-btn,
.overlay-send-offer .button.back-btn,
.overlay-thanks .button.back-btn,
.overlay-edit-price .button.back-btn,
.overlay-upload-file .button.back-btn,
.overlay-info-sms .button.back-btn { width:4.2rem!important; min-width:4.2rem!important; padding:0!important; }

.view-upload-file .overlay-upload-file .file-details-name { margin-right: 100px; margin-left: 20px; }
.view-upload-file .overlay-upload-file .remove-file { color: #007ab3; font-size: 20px; margin-left: 20px; cursor: pointer; }

@media screen and (max-width: 840px) {
	.view-upload-file .overlay-upload-file .file-details-name {margin-right: 20px;}
}

.button.with-icon u { text-decoration:none; }

.customers-body { display: flex; flex-direction: column; padding-left: 10% !important; padding-right: 10% !important; max-width: 100% !important;}
.customer-box { display: flex; border-bottom: .7px solid #e1e0e0; margin-bottom: 1.2rem; padding-bottom: 1rem; }
.customers-title-box { margin-top: 2.5rem; margin-bottom: 2rem; }
.customers-title-box h3 { font-weight: 400 }
.customer-box:hover { opacity: 0.65; cursor: pointer; }
.select-customer-checkbox { display: flex; align-items: center; margin-right: 1.5rem }
.customers-checkbox { width: 1.3em; height: 1.3em; border-radius: 50% !important; vertical-align: middle; border: 1px solid black !important; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; }
.select-customer-info { text-align: start; }
.select-customer-text { color: #0b6290 !important; font-weight: 400 !important; }
.btn-box { display: flex; justify-content: center; padding-bottom: 5rem; }

/* -------- */
/* -------- */

body,
.scrollbar,
.content { width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }

/*.content { height:auto; overflow:hidden; }*/


body::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track { background-color: transparent; }

body::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar,
.content::-webkit-scrollbar { width: 0.4rem; background-color: transparent; }

body::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb { background-color: rgba(35,57,73,0.3); -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out; }

body::-webkit-scrollbar-thumb:hover,
.scrollbar::-webkit-scrollbar-thumb:hover,
.content::-webkit-scrollbar-thumb:hover { background-color: rgba(2,77,142,.5); }

/* -------- */

.overlay,
.overlay-modal { width:100%; height:auto; opacity:0; overflow:hidden; position:fixed; left:100%; top:0; bottom:0; z-index:10002; background:rgba(0,0,0,.3); /*background:rgba(241,249,250,.9);*/ }
.overlay .scrollbar { padding:0; }
.overlay .table-cell { padding:3.5rem 0; }

/*.overlay.overlay-package-details { height:100%; top:0; }
.overlay.overlay-meet-agent { height:100%; top:0; }*/

.overlay-info-sms,
.overlay-search-customer { left:0; visibility:hidden; display:none; opacity:1; }
.view-info-sms .overlay-info-sms { visibility:visible; display:block; }

.view-overlay-terms .overlay-terms,
.view-overlay-gdpr .overlay-gdpr,
.view-overlay-more-terms .overlay-more-terms,
.view-overlay-address-details .overlay-address-details,
.view-overlay-cant-find-address .overlay-cant-find-address,
.view-package-details .overlay-package-details,
.view-meet-agent .overlay-meet-agent,
.view-special-mentions .overlay-special-mentions,
.view-payment-link .overlay-payment-link,
.view-payment-link-sent .overlay-payment-link-sent,
.view-found-customers .overlay-found-customers,
.view-send-offer .overlay-send-offer,
.view-thanks .overlay-thanks,
.view-edit-price .overlay-edit-price,
.view-upload-file .overlay-upload-file,
.view-overlay-ses .overlay-ses,
.view-overlay-summary-next .overlay-summary-next,
.view-overlay-will-be-final .overlay-will-be-final,
.view-overlay-vin-not-found .overlay-vin-not-found,
.view-leave-form .overlay-leave-form,
.view-update-personal-details .overlay-update-personal-details,
.view-update-personal-details2 .overlay-update-personal-details2,
.view-update-changed-personal-details .overlay-update-changed-personal-details,
.view-mobile-verification .overlay-mobile-verification,
.view-mobile-verification-success .overlay-mobile-verification-success { -webkit-animation: overlay-anim 0.5s ease forwards; -moz-animation: overlay-anim 0.5s ease forwards; -o-animation: overlay-anim 0.5s ease forwards; -ms-animation: overlay-anim 0.5s ease forwards; animation: overlay-anim 0.5s ease forwards; }

.overlay-mobile-verification .overlay-body {
	height: auto !important;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.overlay-mobile-verification .overlay-body p {
    white-space: pre-wrap;
    text-align: center;
    font-size: 18px;
}
.overlay-mobile-verification .overlay-body h2 {
    text-align: center;
}
.overlay-mobile-verification .sms-field {
    position: relative;
    display: inline-block;
	min-width: 60%;
    width: 60%;
}
@media screen and (max-width: 768px) {
	.overlay-mobile-verification .sms-field {
	    min-width: 100%;
    	width: 100%;
	}
}
.overlay-mobile-verification .sms-field .field-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 24px 1fr 1fr 1fr;
    column-gap: 8px;
    padding-top: 16px;
    padding-bottom: 24px;
}
.overlay-mobile-verification .sms-field .field-wrapper input {
    border: none !important;
    width: inherit;
    border-bottom: 1px solid #414141 !important;
    outline: none;
    text-align: center;
    background: transparent;
    font-family: "Allianz Neo";
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 32px;
    padding: 0;
}
.overlay-mobile-verification .sms-field .placeholder {
    position: absolute;
    bottom: 28px;
    left: 0; /* Make sure it starts from the input */
    pointer-events: none; /* Prevents it from blocking clicks */
    color: #414141;
    font-family: "Allianz Neo";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 28px;
    transform-origin: 0 0;
    transition: transform 0.15s ease-out, font-size 0.15s ease-out;
}
.overlay-mobile-verification .sms-field .placeholder.move-top {
    transform: translateY(-32px);
    font-size: var(--formfield-label-font-size);
    line-height: var(--formfield-label-line-height);
    font-weight: var(--formfield-label-font-weight);
    letter-spacing: var(--formfield-label-letter-spacing);
}
.overlay-mobile-verification .sms-field .error-message {
	display: none;
    position: absolute;
    bottom: 0;
    color: #DC3149;
    font-family: "Allianz Neo";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}
.overlay-mobile-verification .sms-field.error {
    margin-bottom: 16px;
}
.overlay-mobile-verification .sms-field.error input {
    border-bottom-color: var(--danger);
    color: var(--danger);
}
.overlay-mobile-verification .sms-field.error .placeholder {
    color: var(--danger);
    font-weight: bold;
}
.overlay-mobile-verification .sms-field.error .placeholder.move-top {
    color: #414141;
}
.overlay-mobile-verification .overlay-body .send-code-again-link {
	padding-left: 122px;
}
@media screen and (max-width: 768px) {
	.overlay-mobile-verification .overlay-body .send-code-again-link {
	    padding-left: 60px;
	}
}
.overlay-mobile-verification .overlay-body .send-code-again-link a.resend-sms {
	font-size: 19px;
    font-weight: 500;
}
.overlay-mobile-verification-success .overlay-content.with-footer { padding-bottom: 0 !important;}
.overlay-mobile-verification-success .overlay-body {
	display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 120px;
}
.overlay-mobile-verification-success .overlay-body i.icon-check-circle1 { font-size: 100px; color: #42a068; }
.overlay-mobile-verification-success .overlay-body p { font-size: 22px; margin-top: 30px; }
.overlay-mobile-verification-success .overlay-footer,
.overlay-mobile-verification .overlay-footer {  border-top: none; }


.overlay-update-changed-personal-details .overlay-body { height: auto; }
.overlay-update-changed-personal-details .overlay-body h2,
.overlay-update-changed-personal-details .overlay-body p.sub-title1, 
.overlay-update-changed-personal-details .overlay-body p.sub-title2 { text-align: center; }

.overlay-update-changed-personal-details .user-personal-details { display: flex; flex-wrap: wrap; margin-left: 4rem; margin-bottom: 2rem; }
.overlay-update-changed-personal-details .user-personal-details .left-side,
.overlay-update-changed-personal-details .user-personal-details .right-side { flex: 0 0 50%; max-width: 50%; box-sizing: border-box; margin: 0; }

.overlay-update-changed-personal-details .user-personal-details .left-side ul li span,
.overlay-update-changed-personal-details .user-personal-details .right-side ul li span { width: 45%; float: left; }

.overlay-update-changed-personal-details .user-personal-details .left-side ul li strong,
.overlay-update-changed-personal-details .user-personal-details .right-side ul li strong { width: 50%; overflow: hidden; font-weight: 400; word-break: break-word; }

.overlay-update-changed-personal-details .overlay-content.with-footer .overlay-footer .button,
.overlay-update-personal-details .overlay-content.with-footer .overlay-footer .button,
.overlay-update-personal-details2 .overlay-content.with-footer .overlay-footer .button { text-transform: none !important; width: 22rem !important; }

@-webkit-keyframes overlay-anim {
	0% { opacity:0; -webkit-transform:translate3d(0,0,0); }
    5% { opacity:0; -webkit-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -webkit-transform:translate3d(-100%,0,0); }
}
@-moz-keyframes overlay-anim {
	0% { opacity:0; -moz-transform:translate3d(0,0,0); }
    5% { opacity:0; -moz-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -moz-transform:translate3d(-100%,0,0); }
}
@-ms-keyframes overlay-anim {
	0% { opacity:0; -ms-transform:translate3d(0,0,0); }
    5% { opacity:0; -ms-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -ms-transform:translate3d(-100%,0,0); }
}
@-o-keyframes overlay-anim {
	0% { opacity:0; -o-transform:translate3d(0,0,0); }
    5% { opacity:0; -o-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -o-transform:translate3d(-100%,0,0); }
}
@keyframes overlay-anim {
	0% { opacity:0; transform:translate3d(0,0,0); }
    5% { opacity:0; transform:translate3d(-100%,0,0); }
	100% { opacity:1; transform:translate3d(-100%,0,0); }
}

.overlay-content,
.overlay-modal-content { width:58rem; position:relative; opacity:1; padding:0; margin:0 auto; background:#fff; border-radius:.4rem; -moz-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s; -o-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s; -webkit-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s; transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s, box-shadow 0.3s ease-out 0.3s; }
.overlay-content.with-header,
.overlay-modal-content.with-header { padding-top:5rem; }
.overlay-content.with-footer { padding-bottom:12rem; }
.overlay-modal-content.with-footer { padding-bottom:6rem; }

.view-overlay-terms .overlay-terms .overlay-modal-content,
.view-overlay-gdpr .overlay-gdpr .overlay-modal-content,
.view-overlay-more-terms .overlay-more-terms .overlay-modal-content,
.view-overlay-address-details .overlay-address-details .overlay-modal-content,
.view-overlay-cant-find-address .overlay-cant-find-address .overlay-modal-content,
.view-meet-agent .overlay-meet-agent .overlay-content,
.view-special-mentions .overlay-special-mentions .overlay-content,
.view-payment-link .overlay-payment-link .overlay-content,
.view-payment-link-sent .overlay-payment-link-sent .overlay-content,
.view-found-customers .overlay-found-customers .overlay-content,
.view-send-offer .overlay-send-offer .overlay-content,
.view-send-offer .overlay-thanks .overlay-content,
.view-edit-price .overlay-edit-price .overlay-content,
.view-upload-file .overlay-upload-file .overlay-content,
.view-info-sms .overlay-info-sms .overlay-content,
.view-overlay-ses .overlay-ses .overlay-content,
.view-overlay-summary-next .overlay-summary-next .overlay-content,
.view-overlay-will-be-final .overlay-will-be-final .overlay-content,
.view-overlay-vin-not-found .overlay-vin-not-found .overlay-content,
.view-leave-form .overlay-leave-form .overlay-content,
.view-update-personal-details .overlay-update-personal-details .overlay-content,
.view-update-personal-details2 .overlay-update-personal-details2 .overlay-content,
.view-update-changed-personal-details .overlay-update-changed-personal-details .overlay-content,
.view-mobile-verification .overlay-mobile-verification .overlay-content,
.view-mobile-verification-success .overlay-mobile-verification-success .overlay-content { opacity:1; box-shadow: 0 0 1.4rem rgba(0,0,0,.3); }
.view-package-details .overlay-package-details .overlay-content { opacity:1; }
.view-search-customer .overlay-search-customer { opacity:1; visibility: visible; display: block; }

.overlay-leave-form .overlay-content,
.overlay-update-personal-details .overlay-content,
.overlay-update-personal-details2 .overlay-content,
.overlay-ses .overlay-content,
.overlay-summary-next .overlay-content,
.overlay-will-be-final .overlay-content,
.overlay-vin-not-found .overlay-content,
.overlay-meet-agent .overlay-content,
.overlay-special-mentions .overlay-content,
.overlay-payment-link .overlay-content,
.overlay-payment-link-sent .overlay-content,
.overlay-found-customers .overlay-content,
.overlay-send-offer .overlay-content,
.overlay-thanks .overlay-content,
.overlay-edit-price .overlay-content,
.overlay-upload-file .overlay-content { max-width:88%; width:60rem; }
.overlay-meet-agent .overlay-content,
.overlay-special-mentions .overlay-content,
.overlay-payment-link .overlay-content,
.overlay-payment-link-sent .overlay-content,
.overlay-found-customers .overlay-content,
.overlay-send-offer .overlay-content,
.overlay-thanks .overlay-content,
.overlay-edit-price .overlay-content,
.overlay-upload-file .overlay-content { width:70rem; }

.overlay-header,
.overlay-modal-header { width:100%; height:5rem; position:absolute; top:0; left:0; overflow:hidden; padding:0 5.5rem 0 2rem; }
.overlay-modal-header { padding:0 5.5rem 0 2rem; }
.overlay-interese .overlay-header { height:auto; }
.overlay-header h1 { color:#333; line-height:5rem; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.overlay-header h3 { color:#333; font-size:1.8rem; font-weight:normal; line-height:5rem; margin:0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.overlay-modal-title {  }

.overlay-modal-header h3 { }

.overlay-body { width:100%; height:40rem; padding:3.5rem 8%; position:relative; overflow:hidden; /*overflow-y: auto;*/ font-size:1.4rem; line-height:2.2rem; }
.overlay-modal-body { width:100%; height:40rem; padding:0; position:relative; overflow:hidden; /*overflow-y: auto;*/ font-size:1.4rem; line-height:2.2rem; }
.view-overlay-content .overlay-body { height:100%; }
.overlay-body .scrollbar,
.overlay-modal-body .scollbar { padding:3.5rem 6% }

.overlay-body h2,
.overlay-body h3,
.overlay-body h4,
.overlay-body h5,
.overlay-body h6 { padding: 1rem 0 0; margin-bottom:1rem; color:#444; font-weight:400; }
.overlay-body h1,
.overlay-body h2 { font-size:2.8rem; line-height:3.6rem; font-weight:300; }
.overlay-body h3,
.overlay-body h4 { font-size:1.8rem; line-height:2.4rem; }
.overlay-body h5 { font-size:1.2rem; line-height:1.6rem; font-weight:400; text-transform:uppercase; }

.overlay-body h6 { font-size:1.6rem; line-height:2.4rem; font-weight:400; }

.overlay-body p { font-size:1.4rem; line-height:2.2rem; margin:0 auto 1.5rem; }
.overlay-body p:last-of-type { margin-bottom:0; }

.overlay-body .overlay-title { font-size:1.6rem; line-height:2.2rem; text-transform:uppercase; text-align:center; padding:0; margin:0 auto 3rem; }
.overlay-body .overlay-modal-title { font-size:2.16rem; line-height:2.8rem; text-align:left; padding:0; margin:0 auto 3rem; font-weight:300!important; }

.overlay-footer,
.overlay-modal-footer { width:100%; height:12rem; position:absolute; bottom:0; left:0; padding:3.6rem 8% 0; overflow:hidden; border-top:1px solid #d9e7ef; font-size:0; line-height:0; vertical-align:central; text-align:center; }
.overlay-modal-footer { height:6rem; padding:1.4rem 6% 0; border-top:1px solid #d9d9d9; }

.overlay-footer .button { width:16rem; padding:0; margin:0 .8rem; letter-spacing:.1rem; }
.overlay-modal-footer .button { float:right; margin-left:1rem; padding:0 1rem; font-size:1.18rem; height:3rem; line-height:2.8rem; font-weight:bold; text-transform:none; }

.close-tools-sidebar,
.overlay .close-overlay-button,
.overlay-modal .close-overlay-button,
.close-msg { width:4rem; height:4rem; position:absolute; top:1rem; right:1rem; z-index:10001; text-align: center; font-size: 2rem; line-height: 4rem; color: #006192; cursor:pointer; border-radius:.3rem; transition: all .3s ease-in-out; }
.close-tools-sidebar { top:50%; transform: translate(0,-50%); }
.overlay .close-overlay-button,
.overlay-modal .close-overlay-button { color: #414141; }

.close-tools-sidebar:active,
/*.overlay .close-overlay-button:active,
.overlay-modal .close-overlay-button:active,*/
.close-msg:active { color: #fff; background: #006192; }

.scroll-icon { width:100%; height:100%; position:absolute; left:0; bottom:0; text-align:center; padding-top:3.6rem; cursor:pointer;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.scroll-icon i { width:4.4rem; height:4.4rem; position:absolute; left:50%; bottom:4rem; transform: translate(-50%,0); display:inline-block; margin:0 auto; color:rebeccapurple; border:.2rem solid #006192; border-radius:50%;     background: #f1f9fa; color:#006192; font-size:1.9rem; line-height:4rem; text-align:center; }

.view-overlay-content .scroll-icon { visibility:hidden; }

.overlay-leave-form .overlay-body,
.overlay-update-personal-details .overlay-body,
.overlay-update-personal-details2 .overlay-body,
.overlay-ses .overlay-body,
.overlay-summary-next .overlay-body,
.overlay-will-be-final .overlay-body,
.overlay-vin-not-found .overlay-body,
.overlay-meet-agent .overlay-body,
.overlay-special-mentions .overlay-body,
.overlay-payment-link .overlay-body,
.overlay-payment-link-sent .overlay-body,
.overlay-found-customers .overlay-body,
.overlay-send-offer .overlay-body,
.overlay-thanks .overlay-body,
.overlay-edit-price .overlay-body,
.overlay-upload-file .overlay-body { height:auto; text-align:center; }
.overlay-leave-form .overlay-body,
.overlay-update-personal-details .overlay-body,
.overlay-update-personal-details2 .overlay-body,
.overlay-ses .overlay-body,
.overlay-summary-next .overlay-body,
.overlay-vin-not-found .overlay-body,
.overlay-will-be-final .overlay-body { padding-bottom:1rem; }
.overlay-leave-form .overlay-footer,
.overlay-update-personal-details .overlay-footer,
.overlay-update-personal-details2 .overlay-footer,
.overlay-ses .overlay-footer,
.overlay-summary-next .overlay-footer,
.overlay-vin-not-found .overlay-footer,
.overlay-will-be-final .overlay-footer { padding-top:2rem; border-top:0; }

/* -------- */
/* -------- */

.overlay .content { height:100%; overflow-y:auto; /*padding-bottom:7rem;*/ }

.overlay .footer { position:absolute; }

/* -------- */
/* -------- */

.overlay-package-details { background:#f1f9fa; }

.overlay-package-details .overlay-body h2 { padding:0; margin-bottom:1rem; color:#444; text-align:center; font-size: 2.4rem; line-height: 3.2rem; }

.overlay-package-details .table-cell { padding:3rem 0 5rem; }
.overlay-package-details .overlay-body { height:auto; padding:0; }
.overlay-package-details .overlay-content { width: 100rem; max-width: 90%; margin: 0 auto; border:none; border-radius:0; background: transparent; }

.package-details {  }
.package-details td { border:1px solid #dbeef2; padding:1rem 2rem;  }
.package-details td:first-child { width:25rem; }
.package-details td:last-child { width:auto; }
.package-details td:nth-child(2),
.package-details td:nth-child(3),
.package-details td:nth-child(4),
.package-details td:nth-child(5) { width:8rem; text-align:center; padding:1.2rem 0; }
.package-details td:nth-child(6) { background-color:#fff; }

.package-details td strong { font-size: 1.3rem; line-height: 1.8rem; }
.package-details td p { font-size: 1.1rem; line-height: 1.6rem; }
.package-details td .icon-close { color:#999; }

.package-details.package-details-header td { background: transparent!important; border:none; }
.package-details.package-details-header strong { display:block; font-size: 1.5rem; line-height: 2rem; padding-top:1.5rem; padding-bottom:1.5rem; }

.package-details tr:nth-child(1) td:nth-child(1),
.package-details tr:nth-child(1) td:nth-child(2),
.package-details tr:nth-child(2) td:nth-child(1),
.package-details tr:nth-child(2) td:nth-child(2),
.package-details tr:nth-child(3) td:nth-child(1),
.package-details tr:nth-child(3) td:nth-child(2),
.package-details tr:nth-child(4) td:nth-child(1),
.package-details tr:nth-child(4) td:nth-child(2),
.package-details tr:nth-child(5) td:nth-child(1),
.package-details tr:nth-child(5) td:nth-child(2) { background-color:#fff; }

.package-details tr td:nth-child(3),
.package-details tr:nth-child(6) td:nth-child(1),
.package-details tr:nth-child(6) td:nth-child(2),
.package-details tr:nth-child(7) td:nth-child(1),
.package-details tr:nth-child(7) td:nth-child(2),
.package-details tr:nth-child(8) td:nth-child(1),
.package-details tr:nth-child(8) td:nth-child(2),
.package-details tr:nth-child(9) td:nth-child(1),
.package-details tr:nth-child(9) td:nth-child(2),
.package-details tr:nth-child(10) td:nth-child(1),
.package-details tr:nth-child(10) td:nth-child(2) { background-color:#f4fafb; }

.package-details tr td:nth-child(4),
.package-details tr:nth-child(11) td:nth-child(1),
.package-details tr:nth-child(11) td:nth-child(2),
.package-details tr:nth-child(11) td:nth-child(3),
.package-details tr:nth-child(12) td:nth-child(1),
.package-details tr:nth-child(12) td:nth-child(2),
.package-details tr:nth-child(12) td:nth-child(3),
.package-details tr:nth-child(13) td:nth-child(1),
.package-details tr:nth-child(13) td:nth-child(2),
.package-details tr:nth-child(13) td:nth-child(3) { background-color:#edf7f9; }

.package-details tr td:nth-child(5),
.package-details tr:nth-child(14) td:nth-child(1),
.package-details tr:nth-child(14) td:nth-child(2),
.package-details tr:nth-child(14) td:nth-child(3),
.package-details tr:nth-child(14) td:nth-child(4),
.package-details tr:nth-child(15) td:nth-child(1),
.package-details tr:nth-child(15) td:nth-child(2),
.package-details tr:nth-child(15) td:nth-child(3),
.package-details tr:nth-child(15) td:nth-child(4) { background-color:#e6f4f6; }

/* -------- */
/* -------- */

.overlay-meet-agent .subcolumns,
.overlay-special-mentions .subcolumns,
.overlay-payment-link .subcolumns,
.overlay-payment-link-sent .subcolumns,
.overlay-found-customers .subcolumns,
.overlay-send-offer .subcolumns,
.overlay-thanks .subcolumns,
.overlay-edit-price .subcolumns { overflow:hidden; }
.overlay-meet-agent .overlay-body,
.overlay-special-mentions .overlay-body,
.overlay-payment-link-sent .overlay-body,
.overlay-payment-link .overlay-body,
.overlay-found-customers .overlay-body,
.overlay-send-offer .overlay-body,
.overlay-thanks .overlay-body,
.overlay-edit-price .overlay-body,
.overlay-upload-file .overlay-body { max-width:76%; margin:0 auto; }
.overlay-meet-agent .overlay-body .form,
.overlay-special-mentions .overlay-body .form,
.overlay-payment-link-sent .overlay-body .form,
.overlay-found-customers .overlay-body .form,
.overlay-send-offer .overlay-body .form,
.overlay-thanks .overlay-body .form,
.overlay-payment-link .overlay-body .form,
.overlay-edit-price .overlay-body .form,
.overlay-upload-file .overlay-body .form { width:34rem; margin: 0 auto 1rem; }
.overlay-meet-agent .overlay-body .form .input-box-field,
.overlay-special-mentions .overlay-body .form .input-box-field,
.overlay-payment-link-sent .overlay-body .form .input-box-field,
.overlay-payment-link .overlay-body .form .input-box-field,
.overlay-found-customers .overlay-body .form .input-box-field,
.overlay-send-offer .overlay-body .form .input-box-field,
.overlay-thanks .overlay-body .form .input-box-field,
.overlay-edit-price .overlay-body .form .input-box-field,
.overlay-upload-file .overlay-body .form .input-box-field, 
.overlay-meet-agent .overlay-body .form .select-box-field,
.overlay-special-mentions .overlay-body .form .select-box-field,
.overlay-payment-link-sent .overlay-body .form .select-box-field,
.overlay-payment-link .overlay-body .form .select-box-field,
.overlay-found-customers .overlay-body .form .select-box-field,
.overlay-send-offer .overlay-body .form .select-box-field,
.overlay-thanks .overlay-body .form .select-box-field,
.overlay-edit-price .overlay-bory .form .select-box-field,
.overlay-upload-file .overlay-bory .form .select-box-field { margin: 0 auto 1rem; }
.overlay-meet-agent .btn-box,
.overlay-special-mentions .btn-box,
.overlay-payment-link-sent .btn-box,
.overlay-payment-link .btn-box,
.overlay-found-customers .btn-box,
.overlay-send-offer .btn-box,
.overlay-thanks .btn-box,
.overlay-edit-price .btn-box,
.overlay-upload-file .btn-box { padding-top:2.5rem; }

/* -------- */
/* -------- */

.loader { width:100%; height:auto; opacity:0; overflow:hidden; position:fixed; left:100%; top:7rem; bottom:0; z-index:20001; }

.view-loader .loader { -webkit-animation: loader-box-anim .2s ease-out forwards; -moz-animation: loader-box-anim .2s ease-out forwards; -o-animation: loader-box-anim .2s ease-out forwards; -ms-animation: loader-box-anim .2s ease-out forwards; animation: loader-box-anim .2s ease-out forwards; }

@-webkit-keyframes loader-box-anim {
	0% { opacity:0; -webkit-transform:translate3d(0,0,0); }
    5% { opacity:0; -webkit-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -webkit-transform:translate3d(-100%,0,0); }
}
@-moz-keyframes loader-box-anim {
	0% { opacity:0; -moz-transform:translate3d(0,0,0); }
    5% { opacity:0; -moz-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -moz-transform:translate3d(-100%,0,0); }
}
@-ms-keyframes loader-box-anim {
	0% { opacity:0; -ms-transform:translate3d(0,0,0); }
    5% { opacity:0; -ms-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -ms-transform:translate3d(-100%,0,0); }
}
@-o-keyframes loader-box-anim {
	0% { opacity:0; -o-transform:translate3d(0,0,0); }
    5% { opacity:0; -o-transform:translate3d(-100%,0,0); }
	100% { opacity:1; -o-transform:translate3d(-100%,0,0); }
}
@keyframes loader-box-anim {
	0% { opacity:0; transform:translate3d(0,0,0); }
    5% { opacity:0; transform:translate3d(-100%,0,0); }
	100% { opacity:1; transform:translate3d(-100%,0,0); }
}

.loader-content { width:100%; height:100%; position:relative; opacity:0; padding:0; margin:0 auto; background:rgba(241,249,250,1) url(../images/woman_on_computer_with_car_information.svg) no-repeat 4% 100%; background-size: 35% auto; transform: scale3d(1.1,1.1,1.1); -moz-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s; -o-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s; -webkit-transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s; transition: transform 0.3s ease-out 0.3s, opacity 0.3s ease-out 0.3s; }
.view-loader .loader-content { opacity:1; transform: scale3d(1,1,1); }
.loader-content .table-cell { text-align:center; padding:0 10%; }

.loader-content p { font-size:2.1rem; line-height:2.8rem; font-weight:600; margin:0; color:#414141; }

.loader-icon { width:7rem; height:7rem; margin:-2rem auto 3.5rem; position:relative; }
.loader-icon:before { width:100%; height:100%; position:absolute; top:0; left:0; background: transparent url(../images/loader2.svg) no-repeat 50% 50%; background-size: 100% 100%; content:''; transform-origin:50% 50%; -webkit-animation: loader-anim 1.2s linear infinite; -moz-animation: loader-anim 1.2s linear infinite; -o-animation: loader-anim 1.2s linear infinite; -ms-animation: loader-anim 1.2s linear infinite; animation: loader-anim 1.2s linear infinite; }

@-webkit-keyframes loader-anim {
	0% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(360deg); }
}
@-moz-keyframes loader-anim {
	0% { -moz-transform: rotateZ(0); }
	100% { -moz-transform: rotateZ(360deg); }
}
@-ms-keyframes loader-anim {
	0% { -ms-transform: rotateZ(0); }
	100% { -ms-transform: rotateZ(360deg); }
}
@-o-keyframes loader-anim {
	0% { -o-transform: rotateZ(0); }
	100% { -o-transform: rotateZ(360deg); }
}
@keyframes loader-anim {
	0% { transform: rotateZ(0); }
	100% { transform: rotateZ(360deg); }
}

/* -------- */
/* -------- */

.form { width:100%; position:relative; margin:0 auto; }
.form fieldset { width:100%; border:none; position:relative; padding:0; }

.form .input-box-field,
.sms-field .input-box-field,
.form .select-box-field { width:100%; height:5rem; position:relative; margin:0 auto 2rem; /*overflow:hidden;*/ border-bottom:1px solid #666; -moz-transition: height 0.3s ease-in-out, border 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out, border 0.3s ease-in-out; -webkit-transition: height 0.3s ease-in-out, border 0.3s ease-in-out; transition: height 0.3s ease-in-out, border 0.3s ease-in-out; }
.form .input-box-field.active,
.sms-field .input-box-field.active,
.form .select-box-field.active { /*height:5rem;*/ border-color: #414141; }
.form .input-box-field:before,
.sms-field .input-box-field:before,
.form .select-box-field:before { width:3.5rem; height:3.5rem; position:absolute; right:0; bottom:0; z-index:3; content:"\e905"; font-size:1.4rem; line-height:3.5rem; text-align:center; font-family: icons; color:#dd3b6a; opacity:0; -moz-transform:scale3d(0,0,0); -ms-transform:scale3d(0,0,0); -o-transform:scale3d(0,0,0); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -moz-transition:color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; -o-transition:color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; -webkit-transition:color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition:color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out; }

/*.select-box-field select { display:none; }*/

.form .input-box-field.with-info,
.form .select-box-field.with-info { overflow:visible; }
.content-modal-asigurat { width: 60% !important;}
@media screen and (max-width: 680px) {
	.content-modal-asigurat { width: 90% !important;}
}
.form p { font-size:1.4rem; line-height:2.2rem; margin:0 auto 1rem; }
.form p a { font-weight:400; }

.form .input-box-field label,
.sms-field .input-box-field label,
.form .input-box-field label,
.form .select-box-field label { width:100%; height:100%; position:absolute; top:0; left:0; display:block; z-index:1; font-size:1.6rem; line-height:7rem; font-weight:300; text-align:left; font-family: 'Allianz Neo', Arial, sans-serif; margin-bottom:0; color:#666; cursor:pointer; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out, font-weight 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out, font-weight 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out, font-weight 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, color 0.3s ease-in-out, line-height 0.3s ease-in-out, font-weight 0.3s ease-in-out; white-space: nowrap; }
.form .input-box-field.service-partener.valid label {
	width: 320px !important;
	line-height: 1em;
	top: 20px;
	height: fit-content;
	text-wrap: auto;
	font-size: 24px;
    font-weight: 500;
    font-family: 'Allianz Neo', Arial, sans-serif;
}
.form .input-box-field.active label,
.sms-field .input-box-field.active label,
.form .select-box-field.active label,
.form .input-box-field.active.valid label,
.form .select-box-field.active.valid label,
.form .input-box-field.valid label,
.form .select-box-field.valid label,
.form .input-box-field.readonly label,
.form .select-box-field.readonly label,
.form .input-box-field.active.error label,
.form .select-box-field.active.error label,
.form .input-box-field.error label,
.form .select-box-field.error label { font-weight:600; -moz-transform: scale3d(.66,.66,.66) translate3d(0,-1.5rem,0); -ms-transform: scale3d(.66,.66,.66) translate3d(0,-1.5rem,0); -o-transform: scale3d(.66,.66,.66) translate3d(0,-1.5rem,0); -webkit-transform: scale3d(.66,.66,.66) translate3d(0,-1.5rem,0); transform: scale3d(.66,.66,.66) translate3d(0,-1.5rem,0); }
/*.form .input-box-field.valid label,
.form .select-box-field.valid label { opacity:0; }
.form .input-box-field.active.valid label,
.form .select-box-field.active.valid label { opacity:1;} */
@media (-webkit-min-device-pixel-ratio: 1.50) {
	.view-tools-sidebar-vehicle .wpc-content .box .form .select-box-field label {
		font-size: 1.2rem !important
	}
}
.rca-discount-field, .casco-discount-field, .rca-commission, .progresive-discount-field { display: flex; flex-direction: column; margin-bottom: 1rem}
.rca-discount-field label, .casco-discount-field label, .progresive-discount-field label { font-size: 1.1rem; font-weight: 600; color: #C2C2C2 !important}
.rca-commission label { font-size: 1.1rem; font-weight: 600; color: #666 !important}
.rca-discount-field input, .casco-discount-field input, .progresive-discount-field input { position: relative !important; border-bottom: .16rem solid #C2C2C2 !important; color: #C2C2C2}
.rca-commission input { position: relative !important; border-bottom: .16rem solid #414141 !important; color: #414141}
.rca-discount-field span, .casco-discount-field span, .rca-commission span { align-self: flex-end; margin-top: .4rem }
.rca-discount-field input::placeholder, .casco-discount-field input::placeholder, .rca-commission input::placeholder, .progresive-discount-field input::placeholder { color: #C2C2C2 !important}

.form .select-box-field:after { width:2.4rem; height:3rem; position:absolute; bottom:0; right:0; text-align:center; font-size:1.8rem; line-height:3rem; font-family:icons; content:'\ea3c'; /*content:'\e90c';*/ color:#006192; }

input,
select,
textarea { width:100%; height:3rem; color:#414141; font-size: 1.6rem; padding-top:1rem; font-weight:600; font-family: 'Allianz Neo', Arial, sans-serif; -moz-border-radius:0!important; -webkit-border-radius:0!important; border-radius:0!important; box-shadow:none!important; border:none!important; padding:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.form input, 
.form select, 
.form textarea { width:100%; height:3rem; position:absolute; left:0; bottom:0; opacity:0; background:transparent!important; }
.form .active input, 
.form .active select, 
.form .active textarea,
.form .error input, 
.form .error select, 
.form .error textarea,
.form .valid input, 
.form .valid select, 
.form .valid textarea,
.form .readonly input, 
.form .readonly select, 
.form .readonly textarea { z-index:2; opacity:1; }

.form .valid input, 
.form .valid select, 
.form .valid textarea,
.form .readonly input, 
.form .readonly select, 
.form .readonly textarea { font-weight:600; }

.form .valid input,
.form .valid textarea,
.form .readonly input,
.form .readonly textarea { padding-right:3.5rem; }

.form input::-webkit-input-placeholder { color:#999!important; opacity:1!important; font-weight:300; } 
.form input:-moz-placeholder { color:#999!important; opacity:1!important; font-weight:300; }
.form input::-moz-placeholder { color:#999!important; opacity:1!important; font-weight:300; }
.form input:-ms-input-placeholder { color:#999!important; opacity:1!important; font-weight:300; }

.form .search input::-webkit-input-placeholder { color:#414141!important; font-weight:400; } 
.form .search input:-moz-placeholder { color:#414141!important; font-weight:400; }
.form .search input::-moz-placeholder { color:#414141!important; font-weight:400; }
.form .search input:-ms-input-placeholder { color:#414141!important; font-weight:400; }


.form select, .form select option { padding:0; }
.form select option { padding:0.5rem 0 0.5rem 1rem; }

.form textarea { height:100px; padding:0.7rem 0 0; }

input:focus, 
select:focus, 
textarea:focus,
input:active, 
select:active, 
textarea:active,
input:hover, 
select:hover, 
textarea:hover,
.form input:focus, 
.form select:focus, 
.form textarea:focus,
.form input:active, 
.form select:active, 
.form textarea:active,
.form input:hover, 
.form select:hover, 
.form textarea:hover  { -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; outline:none!important; border:none; /*border-bottom:1px solid #024d8e;*/ }

.form .error { border-color:#dc3149!important; }
/*.form .error label { color:#dc3149!important; }*/
.form .error input { color:#dc3149!important; }
.form .error input::-webkit-input-placeholder { color:#dc3149!important; opacity:1!important; font-weight:600; } 
.form .error input:-moz-placeholder { color:#dc3149!important; opacity:1!important; font-weight:600; }
.form .error input::-moz-placeholder { color:#dc3149!important; opacity:1!important; font-weight:600; }
.form .error input:-ms-input-placeholder { color:#dc3149!important; opacity:1!important; font-weight:600; }

.form .input-box-field.with-unit input,
.form .select-box-field.with-unit input { padding-right:2.2rem; }

.form .input-box-field.with-info input,
.form .select-box-field.with-info input { padding-right:3.2rem; }

.form .input-box-field.with-info i,
.form .input-box-field.with-calendar { overflow:visible; }

i.icon-info,
i.icon-calendar { width:2.4rem; height:2.4rem; text-align: center; font-size: 2rem; line-height: 2.4rem; color: #006192; cursor:pointer; }

.form .input-box-field.with-info i,
.form .input-box-field.with-calendar i  { width:2.4rem; height:3rem; position:absolute; bottom:0; right:0; z-index:10; text-align: center; font-size: 1.86rem; line-height: 3rem; color: #006192; cursor:pointer; }

.form .form-row-checkbox,
.form .form-row-radio { width:100%; position:relative; margin:0 auto 2rem!important; text-align:center; padding:0; border:none; transition:all 0.3s ease-in-out;  }

.form .form-row-checkbox label,
.form .form-row-radio label { width:100%; height:auto; min-height:2.2rem; display:block; position:static; z-index:5; cursor:auto; font-size:1.4rem; line-height:2.2rem; padding:0 0 0 3.5rem; margin:0; text-transform:none; font-weight:300; text-align:left; color:#414141; }

.form .form-row-checkbox label a,
.form .form-row-radio label a,
.form .form-row-checkbox label span,
.form .form-row-radio label span { position:relative; z-index:10; font-weight:400; color: #024d8e; }
.form .form-row-checkbox label a:hover,
.form .form-row-radio label a:hover,
.form .form-row-checkbox span a:hover,
.form .form-row-radio span a:hover { text-decoration: underline; }

.form .form-row-checkbox input[type=checkbox],
.form .form-row-radio input[type=radio] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:6; overflow:hidden; cursor:pointer; } 

.form .form-row-checkbox label:after,
.form .form-row-radio label:after { width:2rem; height:2rem; padding:0; display:block; position:absolute; top:0; left:0; border-radius:.4rem; content:""; border:1px solid rgba(0,0,0,.2); background:#fff; font-family:icons; text-align:center; font-size:1.5rem; line-height:2rem; -webkit-transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out; }
/* .form .form-row-radio label:after { border-radius:50%; } */
.form .form-row-checkbox:hover label:after,
.form .form-row-radio:hover label:after { content:"\e93d"; border-color: #007ab3!important; color:#007ab3; background:#fff!important; /*box-shadow: var(--shadow);*/ }

.form .form-row-checkbox input[type=checkbox]:checked + label:after,
.form .form-row-radio input[type=radio]:checked + label:after,
.form .form-row-checkbox.error input[type=checkbox]:checked + label:after,
.form .form-row-radio.error input[type=radio]:checked + label:after { content:"\e93d"; border-color:#007ab3!important; background:#007ab3!important; color:#fff; }

.form .form-row-checkbox:last-of-type,
.form .form-row-radio:last-of-type { margin:0!important; }

/*.form .form-row-checkbox input[type=checkbox]:checked + label,
.form .form-row-checkbox input[type=radio]:checked + label,
.form .form-row-checkbox:hover label, 
.form .form-row-checkbox:hover a,
.form .form-row-checkbox input[type=checkbox]:checked + label a,
.form .form-row-checkbox input[type=radio]:checked + label a,
.form .form-row-checkbox:hover span,
.form .form-row-checkbox input[type=checkbox]:checked + label span,
.form .form-row-checkbox input[type=radio]:checked + label span { color: #024d8e!important; }*/

.form .form-row-checkbox.error input[type=checkbox] + label:after,
.form .form-row-radio.error input[type=radio] + label:after { border-color: #dc3149!important; }

.form .form-row-checkbox a,
.form .form-row-checkbox span { display:inline; cursor:pointer; }
.form .form-row-checkbox span:hover { text-decoration:underline; }
.form .form-row-checkbox.error a,
.form .form-row-checkbox.error span { color:#dc3149; }

.error-msg, 
.succes-msg { width:100%; display:none; position:relative; margin:-6.2rem auto 2.5rem; padding:2rem 6rem; background:#fce5eb; color:#151515; font-size:1.2rem; text-align:left; line-height:2rem; border:1px solid #dc3149; border-radius:.6rem; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.succes-msg { background:rgb(236, 240, 248); border-color:rgb(73, 110, 189); }

.box .error-msg, 
.box .succes-msg { display:block; margin:0 auto 2.5rem; }

.view-error-msg .error-msg:not(.field-error),
.view-succes-msg .succes-msg { display:block; }

.error-msg:after,
.succes-msg:after { width:3rem; height:3rem; position:absolute; top:1.4rem; left:1.8rem; content:'\ea61'; color:#dc3149; font-size:2.2rem; line-height:3rem; text-align:center; font-family:icons; }
.succes-msg:after { content:'\ea76'; color:rgb(73, 110, 189); }

.error-msg p, 
.succes-msg p { color:#333; font-size:1.4rem; line-height:2.1rem; margin:0 auto; }

.error-msg a,
.succes-msg a { color:#fff; font-family: MessinaSans-Bold, Arial, sans-serif; }
.error-msg a:hover,
.succes-msg a:hover { text-decoration:underline; }

.close-msg { top: 1rem; right: 1rem; }
.show-renew-policy-btn { bottom: -4rem !important; font-weight: 600 !important; color: #007ab3; cursor: pointer; }
.overlay-search-customer .form .input-box-field.with-special-placeholder-info.valid,
.overlay-search-customer .form .input-box-field.with-special-placeholder-info.error { margin: 0 auto 4rem; }
.form .special-placeholder-info { width:100%; position:absolute; bottom:-2.5rem; display:block; text-align:right; font-size:1.14rem; font-weight:400; line-height:2rem; }

/* -------- */
/* -------- */

.view-readonly .ste-title,
.view-readonly .select-brand li { display:none; }
.view-readonly .select-brand { min-height:14rem; }

.input-box-field.readonly,
.select-box-field.readonly { pointer-events:none; user-select:none; }
.tools-sidebar .input-box-field.readonly,
.tools-sidebar-vehicle .input-box-field.readonly,
.tools-sidebar-vehicle-2 .input-box-field.readonly,
.tools-sidebar .select-box-field.readonly,
.tools-sidebar-vehicle .select-box-field.readonly,
.tools-sidebar-vehicle-2 .select-box-field.readonly { pointer-events: all; }

.form .input-box-field.inactive,
.form .select-box-field.inactive { user-select:none; }

.input-box-field.readonly,
.select-box-field.readonly,
.input-box-field.inactive,
.select-box-field.inactive { border-color:rgba(0,0,0,.2); }

.input-box-field.readonly label,
.select-box-field.readonly label,
.input-box-field.readonly input,
.select-box-field.readonly select,
.select-box-field.readonly .select,

.form .input-box-field.inactive label,
.form .select-box-field.inactive label,
.form .input-box-field.inactive input,
/*.form .select-box-field.inactive select,*/
.form .select-box-field.inactive .select,
.form .input-box-field.inactive .special-placeholder-info { opacity:.5!important; pointer-events:none; }
.tools-sidebar .input-box-field.readonly label,
.tools-sidebar-vehicle .input-box-field.readonly label,
.tools-sidebar-vehicle-2 .input-box-field.readonly label,
.tools-sidebar .select-box-field.readonly label,
.tools-sidebar-vehicle .select-box-field.readonly label,
.tools-sidebar-vehicle-2 .select-box-field.readonly label,
.tools-sidebar .input-box-field.readonly input,
.tools-sidebar-vehicle .input-box-field.readonly input,
.tools-sidebar-vehicle-2 .input-box-field.readonly input,
.tools-sidebar .select-box-field.readonly select,
.tools-sidebar-vehicle .select-box-field.readonly select,
.tools-sidebar-vehicle-2 .select-box-field.readonly select,
.tools-sidebar .select-box-field.readonly .select,
.tools-sidebar-vehicle .select-box-field.readonly .select,
.tools-sidebar-vehicle-2 .select-box-field.readonly .select,
.tools-sidebar .form .input-box-field.inactive label,
.tools-sidebar-vehicle .form .input-box-field.inactive label,
.tools-sidebar-vehicle-2 .form .input-box-field.inactive label,
.tools-sidebar .form .select-box-field.inactive label,
.tools-sidebar-vehicle .form .select-box-field.inactive label,
.tools-sidebar-vehicle-2 .form .select-box-field.inactive label,
.tools-sidebar .form .input-box-field.inactive input,
.tools-sidebar-vehicle .form .input-box-field.inactive input,
.tools-sidebar-vehicle-2 .form .input-box-field.inactive input,
.tools-sidebar .form .select-box-field.inactive .select,
.tools-sidebar-vehicle .form .select-box-field.inactive .select,
.tools-sidebar-vehicle-2 .form .select-box-field.inactive .select,
.tools-sidebar .form .input-box-field.inactive .special-placeholder-info,
.tools-sidebar-vehicle .form .input-box-field.inactive .special-placeholder-info,
.tools-sidebar-vehicle-2 .form .input-box-field.inactive .special-placeholder-info { pointer-events:all; }

.form .select-box-field.inactive select { pointer-events:none; }

.select-box-field.readonly:after,
.select-box-field.inactive:after { color:#666; opacity:.5; }

/* -------- */
/* -------- */

.tooltip-msg {   }

.tooltip-msg { width:auto; max-width:28rem; position:absolute; z-index:20; opacity:0; visibility:hidden; background:#414141; color:#fff; transition: opacity .1s ease-in-out, transform .1s ease-in-out; padding:.9rem 1.3rem .8rem; border-radius:.36rem; font-size:1.2rem; line-height:1.6rem; text-align:center; white-space:nowrap; }
.tooltip-msg.tooltip-msg-top { bottom:2.5rem; left:0; /*left:50%; transform: translate3d(-50%,0,0);*/ }
.tooltip-msg.tooltip-msg-bottom { top:100%; left:0; /*left:50%; transform: translate3d(-50%,0,0);*/ }

.tooltip-msg:before { width:0; height:0; display:block; position:absolute; left:50%; transform: translate(-50%,0); content:''; }
.tooltip-msg.tooltip-msg-top:before { bottom:-.7rem; border-top: .8rem solid #414141; border-left: .8rem solid transparent; border-right: .8rem solid transparent; }
.tooltip-msg.tooltip-msg-bottom:before { top:-.7rem; border-bottom: .8rem solid #414141; border-left: .8rem solid transparent; border-right: .8rem solid transparent; }

.input-box-field.inactive .tooltip-msg,
.select-box-field.inactive .tooltip-msg { visibility:visible; }

.input-box-field.inactive:hover .tooltip-msg,
.select-box-field.inactive:hover .tooltip-msg { opacity:1; }
.input-box-field.inactive:hover .tooltip-msg.tooltip-msg-top,
.select-box-field.inactive:hover .tooltip-msg.tooltip-msg-top { transform: translate3d(0,-30%,0); /*transform: translate3d(-50%,-30%,0);*/ }
.input-box-field.inactive:hover .tooltip-msg.tooltip-msg-bottom,
.select-box-field.inactive:hover.tooltip-msg.tooltip-msg-bottom { transform: translate3d(0,30%,0); /*transform: translate3d(-50%,30%,0);*/ }

/* -------- */
/* -------- */

.pd-box { width:100%; min-height:2.4rem; font-size:1.4rem; font-weight:400; }
.pd-box .trigger-package-details { float:left; margin-top: 10px;}
.pd-box .form-row-switch .trigger-simple-rca { float:left; }
.rca-casco-switches { display: flex; gap: 1rem; }

.form-row-switch { width:auto; position:relative; margin:0; text-align:center; padding:0; border:none; transition:all 0.3s ease-in-out; }
.form-row-switch span { width:100%; height:auto; min-height:2.2rem; display:block; position:static; z-index:5; cursor:auto; font-size:1.4rem; line-height:2.2rem; padding:0 0 0 4.2rem; margin:0; text-transform:none; font-weight:400; text-align:left; color:#414141; cursor:pointer; }
.form-row-switch span:before { width:3.2rem; height:1.8rem; padding:0; display:block; position:absolute; top:0; left:0; border-radius:1rem; content:""; background:#767676; font-family:icons; text-align:center; -webkit-transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; }
.form-row-switch.on span:before { background:#007ab3!important; color:#007ab3; }

.form-row-switch span:after { width:1.36rem; height:1.36rem; display:block; position:absolute; top:.2rem; left:.2rem; border-radius:50%; background:#fff; content:""; -webkit-transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; }
.form-row-switch.on span:after { transform: translate3d(1.4rem,0,0); }

.disable-only-rca {pointer-events: none;}

/*.form-row-switch input[type=checkbox] { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; z-index:6; overflow:hidden; cursor:pointer; } 

.form-row-switch label { width:100%; height:auto; min-height:2.2rem; display:block; position:static; z-index:5; cursor:auto; font-size:1.4rem; line-height:2.2rem; padding:0 0 0 4.2rem; margin:0; text-transform:none; font-weight:400; text-align:left; color:#414141; }
.form-row-switch label:before { width:3.2rem; height:1.8rem; padding:0; display:block; position:absolute; top:0; left:0; border-radius:1rem; content:""; background:#767676; font-family:icons; text-align:center; -webkit-transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; }
.form-row-switch:hover label:before {  }
.form-row-switch input[type=checkbox]:checked + label:before { background:#007ab3!important; color:#007ab3; }

.form-row-switch label:after { width:1.36rem; height:1.36rem; display:block; position:absolute; top:.2rem; left:.2rem; border-radius:50%; background:#fff; content:""; -webkit-transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, transform .3s ease-in-out, background .3s ease-in-out; }
.form-row-switch input[type=checkbox]:checked + label:after { transform: translate3d(1.4rem,0,0); }*/


/* -------- */
/* -------- */

.search { width:auto; height:4.5rem; position:relative; }

.search fieldset { width:100%; height:100%; border:none; position:relative; padding-top:1rem; }
.search input { width:100%; padding:0; /*padding:0 4.5rem 0 1.5rem;*/ color:#111; background: transparent; border:none; border-bottom: .12rem solid #666!important; border-radius:0!important; -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, width 0.3s ease-in-out; transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, width 0.3s ease-in-out; }
.search input:hover,
.search input:focus { color: #151515; box-shadow:none!important; background:#fff!important; border-color:#333!important; outline:none!important; }
.search input::-webkit-input-placeholder { opacity:1; color: #333; }
.search input:-moz-placeholder { opacity:1; color: #333; }
.search input::-moz-placeholder { opacity:1; color: #333; }
.search input:-ms-input-placeholder { opacity:1; color: #333; }
.search input:-moz-placeholder { opacity:1; color: #333; }

.search button { width:4rem; height:3.5rem; position:absolute; top:0; right:0; border:1px solid transparent; padding:0; background:transparent; color: #333!important; border-radius:.3rem!important; cursor:pointer; opacity:.3!important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search:hover button,
.search input:focus + button { opacity:1!important; }
.search button:hover,
.search button:active {background:#024d8e!important; color:#f8f8f8!important; text-decoration:none; box-shadow:none; outline:none!important; opacity:1; }
.search button:focus { outline:none!important; }
.search button:after { width:100%; height:100%; position:absolute; top:0; left:0; content:'\ea33'; font-family:icons; font-size: 1.5rem; line-height:3.2rem; text-align:center;}

/* -------- */
/* -------- */

.select { width:auto; position:relative; border-radius:.3rem; transition: opacity .3s ease-in-out; }
.select-box-field .select { width:100%; position:absolute; left:0; top:100%; z-index:99; margin-top:-4.5rem; opacity:0; visibility:hidden; }
.select-box-field.active .select,
.select-box-field.valid .select,
.select-box-field.readonly .select { opacity:1; visibility:visible; }

.select .select-input { width:100%; height:4.5rem; position:relative; display:block; font-size:1.6rem; font-weight:400; line-height:6.4rem; text-transform:none; cursor:pointer; transition: color .3s ease-in-out; }
.select.active .select-input,
.active .select.active .select-input { color:#151515; }
.select .select-input i { line-height:3.5rem; font-size:.9rem; }

.select-list { width:100%; height:0; position:absolute; top:100%; left:50%; z-index:600; transform: translate(-50%,.4rem); background: #fff;
    color: #333; padding: 0 2.4rem; border-radius: .7rem; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s ease-in-out, padding 0.3s ease-in-out; transition: height 0.3s ease-in-out, box-shadow 0.3s ease-in-out, border 0.3s ease-in-out, padding 0.3s ease-in-out; overflow:hidden; }
.select.active .select-list { height:21.4rem; padding: 1rem 2.4rem 1rem; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,.25); }

.select.active .select-list.select-list-with-search { padding: 7rem 2.4rem 1rem; }

.select-list ul { }
.select-list ul li { width:100%; position:relative; color:#333; padding:.6rem 0; font-size:1.6rem; line-height:2.2rem; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*border-bottom:1px solid rgba(0,0,0,.1);*/ cursor:pointer; -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out; transition: color 0.3s ease-in-out, background 0.3s ease-in-out; }
.select-list ul li:last-of-type { border:none; }
.select-list ul li:hover { /* color: #024d8e; background:#f4f6f7;*/ }
.select-list ul li span { display:inline-block; border-bottom: 0.16rem solid transparent; transition: border 0.3s ease-in-out, }
.select-list ul li:hover span { border-color:#333; }  

.select.active .select-list-with-search  { height:25.6rem; }

.select-list-with-search .search { width:auto; height:4rem; margin:0; position:absolute; top:1.5rem; left:2.4rem; right:2.4rem; }

.select-list-with-search .search input,
.select-list-with-search .search input:focus { width:100%; }
.select-list-with-search .search button { height:100%; }

.select-list-with-search .search,
.select-list-with-search .scrollbar { opacity:0; transition: opacity .3s ease-in-out; }
.select.active .select-list-with-search .search,
.select.active .select-list-with-search .scrollbar { opacity:1; }

/*.select-list-with-search ul li { padding-left: 3.6rem; }
.select-list-with-search li.selected { color:#024d8e; }
.select-list-with-search li:after { width:2rem; height:2rem; padding:0; display:block; position:absolute; top:50%; left:.85rem; transform:translate(0,-50%); border-radius:50%; content:"\e913"; border:1px dashed rgba(0,0,0,.1)!important; font-family:icons; text-align:center; font-size:1rem; line-height:2rem; background:#f8f8f8!important; color:#ccc; -webkit-transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out; transition: color .3s ease-in-out, border .3s ease-in-out, background .3s ease-in-out; }
.select-list-with-search li:hover:after { border-color: #024d8e!important; color:#024d8e; box-shadow: var(--shadow); }
.select-list-with-search li.selected:after { border-color:#024d8e!important; background: #024d8e!important; color:#fff; }*/

/* -------- */
/* -------- */

.input-box-field.phone-input-box input { width:auto; left:6rem; }

.select-country { width:4.5rem; height:4.5rem; position:absolute; left:0; bottom:0; z-index:300; opacity:0; visibility:hidden; transition: opacity .3s ease-in-out; }
.form .active .select-country,
.form .valid .select-country,
.form .readonly .select-country,
.form .error .select-country { opacity:1; visibility:visible; }

.select-country-input { width:100%; height:4.5rem; padding-left:2.4rem; display:block; position:relative; cursor:pointer; }

.select-country-input img,
.select-country-box img { width:1.5rem; height:auto; position:absolute; top:50%; left:0; transform: translate(0,-50%); }

.select-country-input em,
.select-country-box em { width:2.5rem; height:100%; position:absolute; top:0; left:0; font-size: 1.2rem; font-style:normal; font-weight: 300; line-height:6.4rem; color:#333; text-transform:uppercase; }
.select-country-box em { line-height:3.2rem; left:1.4rem; }

.select-country-input span,
.select-country-box span { width:100%; display:block; font-size: 1.6rem; font-weight: 400; line-height:6.2rem; color:#333; }
.select-country-box span { line-height:3.2rem; font-size: 1.4rem; }
.phone-input-box.valid .select-country-input span,
.phone-input-box.readonly .select-country-input span { font-weight: bold; }

.error .select-country-input span { color:#dc3149; }

.select-country-box { width:8rem; height:0; position:absolute; top:50%; left:50%; z-index:1002; transform: translate3d(-50%,-50%,0); background:#fff; border-radius: .7rem; font-size: 1.4rem; line-height: 2rem; box-shadow: 0 0.2rem 0.8rem rgba(0,0,0,.25); transition: height .3s ease-in-out; }
.select-country.active .select-country-box { height:21rem; }

.select-country-box ul { width:100%; padding:.5rem 0; transition: opacity .3s ease-in-out; opacity:0; visibility:hidden; }
.select-country.active .select-country-box ul { opacity:1; visibility:visible; }
.select-country-box ul li { width:100%; display:block; position:relative; cursor:pointer; padding: 0 1.4rem 0 3.8rem; }
.select-country-box ul li:hover { background:#dbeef2; }

/* -------- */
/* -------- */

.trigger-tools-sidebar,
.trigger-tools-sidebar-vehicle,
.trigger-tools-sidebar-vehicle-2,
.trigger-tools-sidebar-insured,
.hide-tools-sidebar { width:auto; position:absolute; top:50%; right:0; transform: translate(0,-50%); color: #007ab3; padding-left:4rem; font-size: 1.5rem; cursor:pointer;  transition: opacity .3s ease-in-out; }
.trigger-tools-sidebar:after,
.trigger-tools-sidebar-vehicle:after,
.trigger-tools-sidebar-vehicle-2:after,
.trigger-tools-sidebar-insured:after,
.hide-tools-sidebar:after { width: 4rem; height: 4rem; display: block; content: '\ea6a'; font-size: 2.2rem; line-height: 4rem; text-align: center; font-weight: 400; font-family: icons; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.hide-tools-sidebar:after { content: '\ea9c'; }

.hide-tools-sidebar,
.view-tools-sidebar .trigger-tools-sidebar,
.view-tools-sidebar-vehicle .trigger-tools-sidebar-vehicle,
.view-tools-sidebar-vehicle-2 .trigger-tools-sidebar-vehicle-2,
.view-tools-sidebar-insured .trigger-tools-sidebar-insured  { opacity:0; }
.view-tools-sidebar .hide-tools-sidebar,
.view-tools-sidebar-vehicle .hide-tools-sidebar,
.view-tools-sidebar-vehicle-2 .hide-tools-sidebar,
.view-tools-sidebar-insured .hide-tools-sidebar { opacity:1; }

.wpc-content { width:100%; position:relative; transition: padding-right .3s ease-out; }
.view-tools-sidebar .wpc-content,
.view-tools-sidebar-vehicle .wpc-content,
.view-tools-sidebar-vehicle-2 .wpc-content,
.view-tools-sidebar-insured .wpc-content { padding-right:23.5rem; }

.wpc-content .box { width:100%; }

.tools-sidebar,
.tools-sidebar-vehicle,
.tools-sidebar-vehicle-2,
.tools-sidebar-insured { width:0; position:absolute; top:-4.7rem; right:0; z-index:60; visibility:hidden; opacity:0; /*  transform: translate3d(6rem,0,0); transition: opacity .3s ease-out, transform .3s ease-out;*/ }
.view-tools-sidebar .tools-sidebar,
.view-tools-sidebar-vehicle .tools-sidebar-vehicle,
.view-tools-sidebar-vehicle-2 .tools-sidebar-vehicle-2,
.view-tools-sidebar-insured .tools-sidebar-insured { width:21rem; opacity:1; visibility:visible; /*transform: translate3d(0,0,0);*/  }

.tools-sidebar .title,
.tools-sidebar-vehicle .title,
.tools-sidebar-vehicle-2 .title,
.tools-sidebar-insured .title { min-height:3rem; }

.tools-sidebar-content { width:100%; background-color: #e6f4f6; border-radius: 2.4rem; border: .15rem solid #d9e7ef; opacity:0; transform: translate3d(6rem,0,0); transition: opacity .3s ease-out, transform .3s ease-out; }
.view-tools-sidebar .tools-sidebar-content,
.view-tools-sidebar-vehicle .tools-sidebar-vehicle .tools-sidebar-content,
.view-tools-sidebar-vehicle-2 .tools-sidebar-vehicle-2 .tools-sidebar-content,
.view-tools-sidebar-insured .tools-sidebar-insured .tools-sidebar-content { transform: translate3d(0,0,0); opacity:1; }
/* .mentions-container { display: none; } */
.mentions-textarea { display: block ; outline: none; overflow: hidden ;resize: vertical ;min-height: 40px ;padding-left: 5px ;line-height: 20px; font-weight: 600; padding-right: 5px; border: 1px dotted rgb(170, 170, 170); position: relative; opacity: 1 !important; resize: none}
.mentions-input {border-bottom: none !important;}
.tools-sidebar-header { height:7rem; position:relative; margin:0 auto; padding-left:8%; }
.tools-sidebar-header h6 { font-size:1.6rem; line-height:7rem; font-weight:400; }

.tools-sidebar-body { padding:3rem 8%; }
.form .tools-sidebar-body .input-box-field { margin-bottom:2rem; }
.form .tools-sidebar-body .input-box-field:last-of-type { margin-bottom:0; }

.form .tools-sidebar-body .input-box-field.readonly { border-bottom: .12rem solid #666; }
.form .tools-sidebar-body .input-box-field.readonly label,
.form .tools-sidebar-body .input-box-field.readonly input { opacity:1!important; }

.tools-sidebar-footer { padding:3rem 8%; border-top: .15rem solid #d9e7ef; }
.tools-sidebar-footer .button-outline:first-child { margin-bottom:1.5rem; }
.tools-sidebar-footer .button-outline.with-icon { width:100%; height:auto; line-height:1.6rem; text-align:left; padding: .9rem 1rem .9rem 4.2rem; }
.tools-sidebar-footer .button-outline.with-icon i { left:.8rem; font-size: 1.8rem; }
.tools-sidebar-footer .button-outline.with-icon:first-child i { font-size: 2rem; }

.view-tools-sidebar .offer-period-tabs .button,
.view-tools-sidebar .offer-period-tabs .radio-button,
.view-tools-sidebar .row-with-checkboxes .radio-button { width: 100%!important; float: none!important; margin: 0 auto 1.5rem!important; }
.view-tools-sidebar .offer-period-tabs .button:last-of-type,
.view-tools-sidebar .offer-period-tabs .radio-button:last-of-type,
.view-tools-sidebar .row-with-checkboxes .radio-button:last-of-type { margin-bottom:0!important; }

.view-tools-sidebar .row-with-checkboxes .subcolumns { min-height:11.5rem; }

.view-tools-sidebar .step-2 .box-cell { width:53%; }
.view-tools-sidebar .step-3 .box-cell,
.view-tools-sidebar .step-4 .box-cell { width:45%; }
.view-tools-sidebar .step-2 .box-cell:nth-child(2) { width: 47%; padding-left:4.5%; }
.view-tools-sidebar .step-3 .box-cell:nth-child(2),
.view-tools-sidebar .step-4 .box-cell:nth-child(2) { width: 55%; padding-left:7%; }


.quote-slider .swiper-pagination span i { display: none; }

/* -------- */
/* -------- */

.button { width:auto; height:4rem; position:relative; display:inline-block; padding:0 3rem; color:#fff; background:#007ab3; border:none; border-radius:.3rem; font-size:1.28rem; line-height:3.6rem; font-weight:400; text-transform:uppercase; font-family: 'Allianz Neo', Arial, sans-serif; letter-spacing:.1rem; border:.2rem solid transparent; text-align:center; cursor:pointer; user-select:none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
button.button { line-height:inherit!important; outline:none!important; }
.button:hover { color:#fff; background:#0b6290; text-decoration:none; }
.button:active,
.button.active { color:#fff; background:#024d8e; outline:none!important; border-color:#024d8e; }

.button-outline { width:auto; color:#007ab3; background:transparent; border-color: #007ab3; }
.button-outline:hover { border-color:#0b6290; }
.button-outline:active,
.button-outline.active { border-color:#024d8e; }

.button.with-icon i { width:3rem; height:3rem; position:absolute; top:50%; left:.5rem; display:block; transform:translate(0,-50%); font-size:1.4rem; line-height:3rem; text-align:center; }
.button.with-icon-right i { left:auto; right:.5rem; }

.button.with-icon-right { padding-right:2rem!important; } 
.bank-rates .button.with-icon-right,
.pers-rates .button.with-icon-right { width:15rem; padding-left:0; }

.button.with-icon-right i.icon-arrow-down { font-size:1.7rem; line-height: 2.8rem; }

.button strong { font-weight:400; }

.button.inactive,
.button.inactive:hover,
.button.inactive:active { opacity:.5; background:#0b6290; pointer-events:none; }
.button.button-outline.inactive { background:transparent; }

/* ------------------------------------------ */

.reCaptcha { width:20rem; height:5rem; position:absolute; right:-15rem; bottom:8.4rem; z-index:499; background:#f9f9f9; padding-left:5rem; border-radius:.3rem 0 0 .3rem; overflow:hidden; box-shadow: 0 0 .3rem rgba(0,0,0,.3); transition: transform .3s ease-in-out; }
.reCaptcha:hover { transform: translate3d(-15rem,0,0); }

.reCaptcha-logo { width:5rem; height:5rem; position:absolute; top:0; left:0; background: transparent url(../images/grc.png) no-repeat 50% 50%; background-size:60% 60%;  }
.reCaptcha-text { width:100%; height:100%; background:#4a90e2; color:#fff; padding:.8rem 0 .8rem 1.5rem; }
.reCaptcha-text strong { width:100%; display:block; font-size:1.1rem; line-height:1.8rem; font-weight:400; }
.reCaptcha-text span { font-size:1rem; line-height:1.4rem; opacity:.7; font-weight:300; }
.reCaptcha a { width:100%; height:100%; display:block; position:absolute; top:0; left:0;  }

/* ------------------------------------------ */

.help-box { width:auto; position:absolute; right:3rem; bottom:9.4rem; z-index:10002; }

.button.help-button { position:absolute; right:0; bottom:0; padding:0 2rem; color:#007ab3; font-weight:700; text-transform:uppercase; background:#fff; box-shadow: 0 0 .8rem rgba(0,0,0,.1); border-radius:5rem; transition: opacity .3s ease-in-out }
.view-help-box .button.help-button { opacity:0; visibility:hidden; }

.button.help-button:hover { background:#fff; }
.button.help-button:active { color:#fff; background:#024d8e; }

.help-box-content { width:47.2rem; height:0; position:relative; overflow:hidden; transition: transform .3s ease-in-out, box-shadow .3s ease-in-out, height .3s ease-in-out, padding .3s ease-in-out; background:#fff; color:#333; padding:0 4rem; border-radius:.7rem; font-size:1.4rem; line-height:2rem; box-shadow: 0 .2rem .8rem rgba(0,0,0,.15); }
.view-help-box .help-box-content { height:30rem; padding-top:3.5rem; padding-bottom:3.5rem; }
.view-help-box .help-box-content.insured { height: 10rem !important; }

.hbc-sidebar,
.hbc-content { width:50%; height:100%; float:left; }
.hbc-content { padding-left:2rem; padding-top:.5rem; }

.hbc-sidebar { padding-right:2rem; } 
.hbc-sidebar li { width:100%; position:relative; font-size: 1.4rem; line-height: 3.4rem; color:#006192; cursor:pointer; border-bottom: .15rem solid #d9e7ef; overflow:hidden; padding:0 1rem; margin-bottom:.5rem; transition: font-weight .3s ease-in-out; }
.hbc-sidebar li:after { width:2.4rem; height:3rem; position:absolute; bottom:0; right:0; text-align:center; font-size:1.7rem; line-height:2.6rem; font-family:icons; content:'\e907'; color:#006192; opacity:0; transition: opacity .3s ease-in-out; }
.hbc-sidebar li.active { font-weight:bold; cursor:inherit; }
.hbc-sidebar li.active:after { opacity:1; }

/* ------------------------------------------ */

.user .active-user:before { 
	content:"\ebaf";
	font-size: 28px;
    display: flex;
    background: #f1f9fa;
    color: #cfe9ee;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-family: 'icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.user .active-user {
	display: flex;
    align-items: center;
    line-height: normal;
    width: min-content;
    max-width: 180px;
}

.wrapper.ro .lang { right: 19rem; }
.wrapper.en .lang { right: 20rem; }
.user { right: 31rem; }

@media screen and (max-width: 1024px) {
	.wrapper.ro .lang { right:19rem; }
	.wrapper.en .lang { right:21rem; }
	.user { right:31rem; }
}

@media screen and (max-width: 840px) {
	.wrapper.ro .lang { right:11.5rem; }
	.wrapper.en .lang { right:13rem; }
	.user { right:21rem; }
	.header .tel span { display:none; }
}

@media screen and (max-width: 800px) {
	.wrapper.ro .lang { right:11rem; }
	.wrapper.en .lang { right:12rem; }
	.user { right:21rem; }
	.header .tel span { display:none; }
}

@media screen and (orientation:portrait) and (max-width: 1024px) {
	.wrapper.ro .lang { right:10rem; }
	.wrapper.en .lang { right:11rem; }
	.user { right:19rem; }
	.header .tel span { display:none; }
}

@media screen and (orientation:portrait) and (max-width: 840px) {
	.wrapper.ro .lang { right:11rem; }
	.wrapper.en .lang { right:12rem; }
	.user { right:21rem; }
	.header .tel span { display:none; }
}

@media screen and (max-width: 767px) {
	.wrapper.ro .lang, .wrapper.en .lang { right:5rem; }
	.user { right:12rem; }
	.lang .active-lang, .user .active-user { padding:0 2.7rem 0 2rem; }
	.lang .active-lang:before, .user .active-user:before { display: none; }
	/* .lang ul { left:0; } */
	.header .tel { width:4rem; height:4rem; display:block; position:absolute; right:-.6rem; top:50%; transform: translate(0,-50%); text-indent:-9999px; }
	.header .tel:after { text-indent:0; }
	.header .tel:active:after { color:#fff; background:#006192; }
}

@media screen and (max-width: 500px) {
	.wrapper.ro .lang, .wrapper.en .lang { right:4rem; }
	.user { right:9rem; }
	.lang .active-lang, .user .active-user { font-size: 0; color: transparent; }
	.lang .active-lang:before, .user .active-user:before { display: block; }
	.lang .active-lang:after, .user .active-user:after { display: none; }
}

@media screen and (max-width: 440px) {
	.wrapper.ro .lang, .wrapper.en .lang { right:3rem; }
	.user { right:7rem; }
}

@media screen and (max-width: 360px) {
	.wrapper.ro .lang, .wrapper.en .lang { right:2rem; }
	.user { right:5rem; }
}

/* ------------------------------------------ */

.sso-invite-title {
	font-weight: 300;
    padding-bottom: 24px;
}

.sso-invite-button {
	width: 100%;
	margin-bottom: 24px;
}

.sso-invite-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 24px;
    opacity: 0.33;
}

.sso-invite-separator .line {
	background-color: #007ab3;
	width: 100%;
	height: 1px;
}

.sso-invite-separator .or {
	color: #007ab3;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

/* ------------------------------------------ */

@media only screen and (max-width: 3200px) {
	html, body  { font-size:12px; }	   
}

@media only screen and (max-width: 1680px) {
    html, body  { font-size:12px; }
}


@media only screen and (max-width: 1280px) {	
    html, body  { font-size:11px; }
    .overlay-info-sms .box-title { font-size: 3.636363rem; }
}

@media only screen and (max-width: 1100px) {	
    .convertor-box  { width: 30rem; margin-left: 15rem; }
}

@media only screen and (max-width: 1024px) {
    html, body  { font-size:10px; }
    .overlay-info-sms .box-title { font-size: 4rem; }
	.overlay-info-sms p { font-size: 1.6rem; }
}

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

	.desktop { display:none; }
	.mobile { display:block; }

	html, body  { font-size:12px; }
	.overlay-info-sms .box-title { font-size: 3.333333rem; }
	.overlay-info-sms p { font-size: 1.333333rem; }
	.wrapper { height:100%!important; }

	/****/

	.step .content .margins, .overlay .content .margins { margin-bottom: 0;}
	.step-1 .content .margins { margin-bottom: 10rem; }

	/*.step-1-2 .content .margins,
	.step-1-3 .content .margins,
	.step-1-4 .content .margins { margin-bottom: 0; }*/

	.footer .margins { margin:0 auto!important; }

	.step .content,
	.overlay-meet-agent .content,
	.overlay-special-mentions .content,
	.overlay-found-customers .content,
	.overlay-send-offer .content,
	.overlay-thanks .content,
	.overlay-payment-link-sent .content,
	.overlay-payment-link .content,
	.overlay-edit-price .content,
	.overlay-upload-file .content,
	.overlay-info-sms .content,
	.overlay-search-customer .content { padding-bottom:0; }
	.step .footer,
	.overlay-meet-agent .footer,
	.overlay-special-mentions .footer,
	.overlay-payment-link-sent .footer,
	.overlay-payment-link .footer,
	.overlay-found-customers .footer,
	.overlay-send-offer .footer,
	.overlay-thanks .footer,
	.overlay-edit-price .footer,
	.overlay-upload-file .footer,
	.overlay-info-sms .footer,
	.overlay-search-customer .footer { height:7rem; position:relative; overflow:hidden; }
	
	.step-2 .footer,
	.step-3 .footer,
	.step-4 .footer,
	.overlay-info-sms .footer,
	.overlay-search-customer .footer { height:auto; }

	.step-2 .footer .margins,
	.step-3 .footer .margins,
	.step-4 .footer .margins,
	.overlay-info-sms .footer .margins,
	.overlay-search-customer .footer .margins { height: 100%!important; padding: 2rem 0 !important; }

	.main-action-footer,
	.sec-action-footer { width:100%; float:none; overflow:hidden; }
	.main-action-footer { margin-bottom:.5rem; }

	.footer-price { width:100%; position:relative; display:block; float:none; margin:0 auto; overflow:hidden; }
	.footer-price .table-cell { display:block; }
	.footer-price b { width:auto; top:0; left:0; position:absolute; line-height:2.4rem; }
	.footer-price strong { text-align:right; width:100%; display:block; float:none; }
	.footer-price strong.line2 { padding-top: .5rem; }
	.footer-price div.sec-line { padding-top:.5rem; }

	.footer .main-action-footer .button { width:100%!important; float:none!important; }

	.footer .sec-action-footer .button { height:4rem; min-width: 13.5rem!important; width: auto!important; margin:0!important; padding: 0 0 0 3rem!important; border:none; text-align:left; text-transform:none; font-size: 1.4rem; line-height:4rem; }
	.footer .sec-action-footer .button:last-of-type { min-width: 18.2rem!important; float:right!important; }
	.footer .sec-action-footer .button i { left:-.2rem; display:block; }

	/****/

	.title { /*padding-top:3rem;*/ margin-bottom:2.5rem; }
	.step-0 .title,
	.step-1 .title,
	.overlay-search-customer .title { padding-top:0; margin-bottom:2rem; }

	.trigger-tools-sidebar { top:-.7rem; transform: translate(0,0); }

	.tools-sidebar,
	.tools-sidebar-vehicle,
	.tools-sidebar-vehicle-2,
	.tools-sidebar-insured { top:-9.1rem; }
	.tools-sidebar .title,
	.tools-sidebar-vehicle .title,
	.tools-sidebar-vehicle-2 .title,
	.tools-sidebar-insured .title { margin-bottom:6.1rem; }

	.step-0 .footer,
	.step-1 .footer { height:8rem; position:absolute; }

	/****/

	.margins { max-width: 84%; }
	/*.step .content .margins { height:auto; }*/

	.box { height:auto!important; }

	.step .content .margins .table-cell { padding:0; }

	.box-cell,
	.box-cell:nth-child(2n),
	.step-1 .wrapper-step-slide:nth-child(2) .subcolumns.last .box-cell:nth-child(1) { width:100%!important; float:none!important; padding:4rem 8% 0; }
	.box-cell:nth-child(2n) { padding:0 8% 4rem; }

	.step-0 .content .margins { height:auto; }
	.step-0 .content .header .margins { height:100%; }
	.step-0 .box { min-height:50rem; background-position: 50% 100%; background-size: 28rem auto; padding-bottom:13rem; }
	.step-0 .box-title { text-align:center; }
	.step-0 .box-title span.block { display:inline; }
	.step-0 .box-cell:nth-child(1) { padding-bottom: 0; }
	.step-0 .box-cell:nth-child(2) { padding-top: 2rem; }

	.overlay-content,
	.overlay-modal-content { width: 84%; }
	.overlay-body,
	.overlay-modal-body { height:60rem; }

	.overlay-leave-form .overlay-content,
	.overlay-update-personal-details .overlay-content,
	.overlay-update-personal-details2 .overlay-content,
	.overlay-ses .overlay-content,
	.overlay-summary-next .overlay-content,
	.overlay-will-be-final .overlay-content,
	.overlay-vin-not-found .overlay-content,
	.overlay-meet-agent .overlay-content,
	.overlay-special-mentions .overlay-content, 
	.overlay-payment-link-sent .overlay-content,
	.overlay-found-customers .overlay-content, 
	.overlay-send-offer .overlay-content,
	.overlay-thanks .overlay-content,
	.overlay-payment-link .overlay-content,
	.overlay-edit-price .overlay-content,
	.overlay-upload-file .overlay-content { width: 88%; }

	.overlay-update-changed-personal-details .user-personal-details {
		margin-left: 0;
	}
	.overlay-update-changed-personal-details .overlay-body {
		padding-bottom: 1rem !important;
	}
	.overlay-update-personal-details .overlay-body h2,
	.overlay-update-personal-details2 .overlay-body h2,
	.overlay-update-changed-personal-details .overlay-body h2 {
		margin-bottom: 1rem;
		font-size: 2.4rem;
    	line-height: 2.4rem;
	}
	.overlay-update-changed-personal-details .overlay-body h3 {
		margin-bottom: 0.6rem;
		font-size: 1.4rem;
	}
	.overlay-update-personal-details .overlay-body p,
	.overlay-update-personal-details2 .overlay-body p,
	.overlay-update-changed-personal-details .overlay-body p.sub-title1 {
		padding-top: 1rem;
		margin-bottom: 1rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.overlay-update-changed-personal-details .overlay-body p.sub-title2 {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.overlay-update-changed-personal-details .user-personal-details .left-side ul li span, 
	.overlay-update-changed-personal-details .user-personal-details .right-side ul li span,
	.overlay-update-changed-personal-details .user-personal-details .left-side ul li strong, 
	.overlay-update-changed-personal-details .user-personal-details .right-side ul li strong {
		font-size: 1.3rem;
	}

	.overlay-update-changed-personal-details .overlay-content.with-footer .overlay-footer .button {
		width: 24rem !important;
	}

	.box-title.with-icon { padding: 0; }
	.box-title.with-icon i { display:none; }
	.step-1 .box-title { margin-bottom: 2rem; }

	.step-1 .wrapper-step-slide:nth-child(1) .box { padding-bottom:20rem; background-position:50% 88%; background-size: 26rem auto; }
	.step-1 .wrapper-step-slide:nth-child(2) .box { height:auto!important; }

	.step-1 .wrapper-step-slide:nth-child(2) .with-bg-img { background-image: none; /*padding-bottom: 18rem; background-position:50% 100%; background-size: 34rem auto;*/ }
	
	.form .select-box-field.active:after { opacity:0; }
	
	.footer { width: 100%; height: 8rem; position: absolute; left: 0; bottom: 0; z-index: 100;}

	.step-2 .box-cell:nth-child(1) { padding-bottom:3rem; }
	/*.step-2 .box-cell:nth-child(1) .offer-box { display:block; }
	.step-2 .box-cell:nth-child(2) .offer-box { display:none; }*/
	.step-2 .box-cell:nth-child(1) .quote-details { display:none; }
	.step-2 .box-cell:nth-child(2) .quote-details { display:block; padding-top:1rem; }
	
	.view-readonly .select-brand { height: 0; min-height: 0; }

	/*.footer .sec-action-footer .button { min-width: 4.2rem!important; width: 4.2rem!important; padding:0!important; }*/

	.step-3 .wrapper-step-slide:nth-child(2) .box { padding-bottom:16rem; background-position:50% 100%; background-size: 25rem auto; }

	/**/
	/*.step-4 .box-cell:nth-child(1) { padding-bottom:0; }
	.step-4 .box-cell:nth-child(2) { padding-top:0; }*/

	.step-4 .info-verification .box-title { margin-bottom:0; }
	.step-4 .info-verification .box-cell { padding-top: 3rem!important; padding-bottom: 3rem!important; }
	.step-4 .info-verification .box-cell:nth-child(2n) { padding-top: 0!important; }

	.step-4 .info-verification .box-p1 { padding-bottom:16rem; background-position: 20% 100%; background-size: 36rem auto; }
	.step-4 .info-verification .box-p2,
	.step-4 .info-verification .box-p3 { padding-bottom:19rem; background-position: 10% 100%; background-size: 30rem auto; }
	/**/

	/* .step-4 .terms-step .content .margins { height:auto; } */
	.step-4 .terms-step .box { background-position: 50% 100%; background-size: 28rem auto; padding-bottom:13rem; }
	.step-4 .terms-step .box-cell:nth-child(1) { display:none; }
	.step-4 .terms-step .box-cell:nth-child(2) { padding-top: 4rem; }

	.hidden-box-input h6 { padding-top:0; margin-bottom:1rem; }
	.hidden-box-input .box-cell { padding: 4rem 8% 0; }
	.hidden-box-input .box-cell:nth-child(2) { padding: 0 8% 4rem; }

	.step-4 .payment-step .box-cell:nth-child(2) { padding-top:6rem!important; padding-bottom:6rem!important; }

	.step-5 .content .margins .table-cell { padding: 4rem 0; }
	.step-5 .box { min-height:1px; padding:0; background-position: 10% 100%; background-size: auto 19rem; }
	.step-5 .box.error-msg-box { background-position: 10% 100%; background-size: auto 15rem; }

	.step-5 .box-cell { width: 100%; padding: 6rem 12% 32rem; }
	.step-5 .button.myaccount { margin-bottom: 0!important; }

	.email-info-msg { width:84%; bottom:22rem; white-space: normal; }

	.loader-content { background-size: 65% auto; }

	.step .yn-btns .button { float:right!important; margin:0!important; }
	.step .yn-btns .button:nth-child(2) { float:left!important; }

	.step .yn-btns .radio-button { float:left!important; margin:0!important; }
	.step .yn-btns .radio-button:nth-child(2) { float:right!important; }

	.view-bank-rates .bank-rates,
	.view-pers-rates .pers-rates { padding: 2rem 0 3rem; }

	.overlay-meet-agent .box-cell:nth-child(1) p,
	.overlay-special-mentions .box-cell:nth-child(1) p,
	.overlay-payment-link-sent .box-cell:nth-child(1) p,
	.overlay-payment-link .box-cell:nth-child(1) p,
	.overlay-found-customers .box-cell:nth-child(1) p,
	.overlay-send-offer .box-cell:nth-child(1) p,
	.overlay-thanks .box-cell:nth-child(1) p,
	.overlay-edit-price .box-cell:nth-child(1) p,
	.overlay-upload-file .box-cell:nth-child(1) p { margin-bottom:3rem; }
	.overlay-meet-agent .with-bg-img,
	.overlay-special-mentions .with-bg-img,
	.overlay-payment-link-sent .with-bg-img,
	.overlay-found-customers .with-bg-img,
	.overlay-send-offer .with-bg-img,
	.overlay-thanks .with-bg-img,
	.overlay-payment-link .with-bg-img,
	.overlay-edit-price .with-bg-img { padding-bottom:20rem; background-position:50% 100%; background-size: 30rem auto; }

	.overlay-info-sms .box,
	.overlay-search-customer .box { padding-bottom:12rem; background-position:50% 100%; background-size: 60% auto; }
	.overlay-search-customer .box { padding-bottom:15rem; background-size: 20rem auto; }

	.overlay.overlay-package-details { height:100%; top:0; }

	.bc-slides-loader { left:4rem!important; }
	.breadcrumbs li strong { display:none; }
	
	.breadcrumbs li:nth-child(2).active,
	.breadcrumbs li:nth-child(3).active,
	.breadcrumbs li:nth-child(4).active,
	.breadcrumbs li:nth-child(5).active { width: calc(100% - 18rem)!important; }

	.tools-sidebar.mobile,
	.tools-sidebar-vehicle.mobile,
	.tools-sidebar-vehicle-2.mobile,
	.tools-sidebar-header.mobile,
	.tools-sidebar-insured.mobile { display:none; }

	.step-2 h6,
	.step-2 .box-title,
	.box-cell p.sav { text-align:center; }
	.step-2 .box-title { margin-bottom: 1.5rem; }
}

@media screen and (orientation:portrait) {

	.desktop { display:none; }
	.mobile { display:block; }

	html, body  { font-size:12px; }

	.wrapper { height:100%!important; }

	/****/

	.step .content .margins, .overlay .content .margins { margin-bottom: 0;}
	.step-1 .content .margins { margin-bottom: 10rem; }

	/*.step-1-2 .content .margins,
	.step-1-3 .content .margins,
	.step-1-4 .content .margins { margin-bottom: 0; }*/

	.footer .margins { margin:0 auto!important; }

	.step .content,
	.overlay-meet-agent .content,
	.overlay-special-mentions .content,
	.overlay-found-customers .content,
	.overlay-send-offer .content,
	.overlay-thanks .content,
	.overlay-payment-link-sent .content,
	.overlay-payment-link .content,
	.overlay-edit-price .content,
	.overlay-upload-file .content,
	.overlay-info-sms .content,
	.overlay-search-customer .content { padding-bottom:0; }
	.step .footer,
	.overlay-meet-agent .footer,
	.overlay-special-mentions .footer,
	.overlay-found-customers .footer,
	.overlay-send-offer .footer,
	.overlay-thanks .footer,
	.overlay-payment-link-sent .footer,
	.overlay-payment-link .footer,
	.overlay-edit-price .footer,
	.overlay-upload-file .footer,
	.overlay-info-sms .footer,
	.overlay-search-customer .footer { height:7rem; position:relative; overflow:hidden; }
	
	.step-2 .footer,
	.step-3 .footer,
	.step-4 .footer,
	.overlay-info-sms .footer,
	.overlay-search-customer .footer { height:auto; }

	.step-2 .footer .margins,
	.step-3 .footer .margins,
	.step-4 .footer .margins,
	.overlay-info-sms .footer .margins,
	.overlay-search-customer .footer .margins { height: 100%!important; padding: 2rem 0 !important; }

	.main-action-footer,
	.sec-action-footer { width:100%; float:none; overflow:hidden; }
	.main-action-footer { margin-bottom:.5rem; }

	.footer-price { width:100%; position:relative; display:block; float:none; margin:0 auto; overflow:hidden; }
	.footer-price .table-cell { display:block; }
	.footer-price b { width:auto; top:0; left:0; position:absolute; line-height:2.4rem; }
	.footer-price strong { text-align:right; width:100%; display:block; float:none; }
	.footer-price strong.line2 { padding-top: .5rem; }
	.footer-price div.sec-line { padding-top:.5rem; }

	.footer .main-action-footer .button { width:100%!important; float:none!important; }

	.footer .sec-action-footer .button { height:4rem; min-width: 13.5rem!important; width: auto!important; margin:0!important; padding: 0 0 0 3rem!important; border:none; text-align:left; text-transform:none; font-size: 1.4rem; line-height:4rem; }
	.footer .sec-action-footer .button:last-of-type { min-width: 18.2rem!important; float:right!important; }
	.footer .sec-action-footer .button i { left:-.2rem; display:block; }

	.footer .sec-action-footer .button:hover,
	.footer .sec-action-footer .button:active { color: #007ab3!important; background: transparent!important; border-color: transparent!important; }

	/****/

	.title { /*padding-top:3rem;*/ margin-bottom:2.5rem; }
	.step-0 .title,
	.step-1 .title,
	.overlay-search-customer .title { padding-top:0; margin-bottom:2rem; }

	.trigger-tools-sidebar { top:-.7rem; transform: translate(0,0); }

	.tools-sidebar,
	.tools-sidebar-vehicle,
	.tools-sidebar-vehicle-2,
	.tools-sidebar-insured { top:-9.1rem; }
	.tools-sidebar .title,
	.tools-sidebar-vehicle .title,
	.tools-sidebar-vehicle-2 .title,
	.tools-sidebar-insured .title { margin-bottom:6.1rem; }

	/* .step-0 .footer,
	.step-1 .footer { height:8rem; position:absolute; } */

	/****/

	.margins { max-width: 84%; }
	/*.step .content .margins { height:auto; }*/

	.box { height:auto!important; }

	.step .content .margins .table-cell { padding:0; }

	.box-cell,
	.box-cell:nth-child(2n),
	.step-1 .wrapper-step-slide:nth-child(2) .subcolumns.last .box-cell:nth-child(1) { width:100%!important; float:none!important; padding:4rem 8% 0; }
	.box-cell:nth-child(2n) { padding:0 8% 4rem; }

	.step-0 .content .margins { height:auto; }
	.step-0 .content .header .margins { height:100%; }
	.step-0 .box { min-height:50rem; background-position: 50% 100%; background-size: 28rem auto; padding-bottom:13rem; }
	.step-0 .box-title { text-align:center; }
	.step-0 .box-title span.block { display:inline; }
	.step-0 .box-cell:nth-child(1) { padding-bottom: 0; }
	.step-0 .box-cell:nth-child(2) { padding-top: 2rem; }

	.overlay-content,
	.overlay-modal-content { width: 84%; }
	.overlay-body,
	.overlay-modal-body { height:60rem; }

	.overlay-leave-form .overlay-content,
	.overlay-update-personal-details .overlay-content,
	.overlay-update-personal-details2 .overlay-content,
	.overlay-ses .overlay-content,
	.overlay-summary-next .overlay-content,
	.overlay-will-be-final .overlay-content,
	.overlay-vin-not-found .overlay-content,
	.overlay-meet-agent .overlay-content,
	.overlay-special-mentions .overlay-content,
	.overlay-found-customers .overlay-content,
	.overlay-send-offer .overlay-content,
	.overlay-thanks .overlay-content,
	.overlay-payment-link-sent .overlay-content,
	.overlay-payment-link .overlay-content,
	.overlay-edit-price .overlay-content,
	.overlay-upload-file .overlay-content { width: 88%; }

	.box-title.with-icon { padding: 0; }
	.box-title.with-icon i { display:none; }
	.step-1 .box-title { margin-bottom: 2rem!important; }

	.step-1 .wrapper-step-slide:nth-child(1) .box { padding-bottom:20rem; background-position:50% 88%; background-size: 26rem auto; }
	.step-1 .wrapper-step-slide:nth-child(2) .box { height:auto!important; }

	.step-1 .wrapper-step-slide:nth-child(2) .with-bg-img { background-image: none; /*padding-bottom: 18rem; background-position:50% 100%; background-size: 34rem auto;*/ }
	
	/* .form .select-box-field.active:after { opacity:0; } */
	
	.footer { width: 100%; height: 8rem; position: absolute; left: 0; bottom: 0; z-index: 100;}

	.step-2 .box-cell:nth-child(1) { padding-bottom:3rem; }
	/*.step-2 .box-cell:nth-child(1) .offer-box { display:block; }
	.step-2 .box-cell:nth-child(2) .offer-box { display:none; }*/
	.step-2 .box-cell:nth-child(1) .quote-details { display:none; }
	.step-2 .box-cell:nth-child(2) .quote-details { display:block; padding-top:1rem; }
	
	.view-readonly .select-brand { height: 0; min-height: 0; }

	/*.footer .sec-action-footer .button { min-width: 4.2rem!important; width: 4.2rem!important; padding:0!important; }*/

	.step-3 .wrapper-step-slide:nth-child(2) .box { padding-bottom:16rem; background-position:50% 100%; background-size: 25rem auto; }

	/**/
	/*.step-4 .box-cell:nth-child(1) { padding-bottom:0; }
	.step-4 .box-cell:nth-child(2) { padding-top:0; }*/

	.step-4 .info-verification .box-title { margin-bottom:0; }
	.step-4 .info-verification .box-cell { padding-top: 3rem!important; padding-bottom: 3rem!important; }
	.step-4 .info-verification .box-cell:nth-child(2n) { padding-top: 0!important; }

	.step-4 .info-verification .box-p1 { padding-bottom:16rem; background-position: 20% 100%; background-size: 36rem auto; }
	.step-4 .info-verification .box-p2,
	.step-4 .info-verification .box-p3 { padding-bottom:19rem; background-position: 10% 100%; background-size: 30rem auto; }
	/**/

	/* .step-4 .terms-step .content .margins { height:auto; } */
	.step-4 .terms-step .box { background-position: 50% 100%; background-size: 28rem auto; padding-bottom:13rem; }
	.step-4 .terms-step .box-cell:nth-child(1) { display:none; }
	.step-4 .terms-step .box-cell:nth-child(2) { padding-top: 4rem; }

	.hidden-box-input h6 { padding-top:0; margin-bottom:1rem; }
	.hidden-box-input .box-cell { padding: 4rem 8% 0; }
	.hidden-box-input .box-cell:nth-child(2) { padding: 0 8% 4rem; }

	.step-4 .payment-step .box-cell:nth-child(2) { padding-top:6rem!important; padding-bottom:6rem!important; }

	.step-5 .content .margins .table-cell { padding: 4rem 0; }
	.step-5 .box { min-height:1px; padding:0; background-position: 10% 100%; background-size: auto 19rem; }
	.step-5 .box.error-msg-box { background-position: 10% 100%; background-size: auto 15rem; }

	.step-5 .box-cell { width: 100%; padding: 6rem 12% 32rem; }
	.email-info-msg { width:84%; bottom:22rem; white-space: normal; }

	.loader-content { background-size: 65% auto; }

	.step .yn-btns .button { float:right!important; margin:0!important; }
	.step .yn-btns .button:nth-child(2) { float:left!important; }

	.step .yn-btns .radio-button { float:left!important; margin:0!important; }
	.step .yn-btns .radio-button:nth-child(2) { float:right!important; }

	.view-bank-rates .bank-rates,
	.view-pers-rates .pers-rates { padding: 2rem 0 3rem; }

	.overlay-meet-agent .box-cell:nth-child(1) p,
	.overlay-special-mentions .box-cell:nth-child(1) p,
	.overlay-found-customers .box-cell:nth-child(1) p,
	.overlay-send-offer .box-cell:nth-child(1) p,
	.overlay-thanks .box-cell:nth-child(1) p,
	.overlay-payment-link-sent .box-cell:nth-child(1) p,
	.overlay-payment-link .box-cell:nth-child(1) p,
	.overlay-edit-price .box-cell:nth-child(1) p,
	.overlay-upload-file .box-cell:nth-child(1) p { margin-bottom:3rem; }
	.overlay-meet-agent .with-bg-img,
	.overlay-special-mentions .with-big-img,
	.overlay-found-customers .with-big-img,
	.overlay-send-offer .with-bg-img,
	.overlay-thanks .with-bg-img,
	.overlay-payment-link-sent .with-bg-img,
	.overlay-payment-link .with-bg-img,
	.overlay-edit-price .with-bg-img { padding-bottom:20rem; background-position:50% 100%; background-size: 30rem auto; }

	.overlay-info-sms .box,
	.overlay-search-customer .box { padding-bottom:12rem; background-position:50% 100%; background-size: 60% auto; }
	.overlay-search-customer .box { padding-bottom:15rem; background-size: 20rem auto; }

	.overlay.overlay-package-details { height:100%; top:0; }

	.bc-slides-loader { left:4rem!important; }
	.breadcrumbs li strong { display:none; }
	
	.breadcrumbs li:nth-child(2).active,
	.breadcrumbs li:nth-child(3).active,
	.breadcrumbs li:nth-child(4).active,
	.breadcrumbs li:nth-child(5).active { width: calc(100% - 18rem)!important; }

	.tools-sidebar.mobile,
	.tools-sidebar-vehicle.mobile,
	.tools-sidebar-vehicle-2.mobile,
	.tools-sidebar-header.mobile,
	.tools-sidebar-insured.mobile { display:none; }

	.step-2 h6,
	.step-2 .box-title,
	.box-cell p.sav { text-align:center; }
	.step-2 .box-title { margin-bottom: 1.5rem; }
}

@media screen and (max-width: 1200px) {
	.percentage-discount-box { padding: 1.6rem 0.5rem 1.6rem 0.5rem !important; width: 100%}
}
@media screen and (max-width: 1350px) {
	.comercial-applied-discount-confort { font-size: 14px !important;}
	.comercial-applied-discount-plus { font-size: 14px !important;}
	.comercial-applied-discount-extra { font-size: 14px !important;}
	.comercial-applied-discount-max { font-size: 14px !important;}
}

@media screen and (max-width: 1200px) {
	.comercial-applied-discount-confort { font-size: 12px !important; width: 100% !important}
	.comercial-applied-discount-plus { font-size: 12px !important; width: 100% !important}
	.comercial-applied-discount-extra { font-size: 12px !important; width: 100% !important}
	.comercial-applied-discount-max { font-size: 12px !important; width: 100% !important}
}

@media screen and (max-width: 900px) {
	.comercial-applied-discount-confort { font-size: 11px !important; width: 100% !important}
	.comercial-applied-discount-plus { font-size: 11px !important; width: 100% !important}
	.comercial-applied-discount-extra { font-size: 11px !important; width: 100% !important}
	.comercial-applied-discount-max { font-size: 11px !important; width: 100% !important}
}

@media screen and (max-width: 680px) {
	.comercial-applied-discount-confort { font-size: 12px !important;}
	.comercial-applied-discount-plus { font-size: 12px !important;}
	.comercial-applied-discount-extra { font-size: 12px !important;}
	.comercial-applied-discount-max { font-size: 12px !important;}
}

@media screen and (orientation:portrait) and (max-width: 1024px) {
	html, body  { font-size:13px; }
	.overlay-info-sms .box-title { font-size: 3.636363rem; }
	.comercial-applied-discount-confort { font-size: 14px ;}
	.comercial-applied-discount-plus { font-size: 14px ;}
	.comercial-applied-discount-extra { font-size: 14px ;}
	.comercial-applied-discount-max { font-size: 14px ;}
}

@media screen and (orientation:portrait) and (max-width: 800px) {
	html, body  { font-size:11px; }
	.overlay-info-sms p { font-size: 1.454545rem; }
}

@media screen and (max-width: 840px) {
	.info-link2 {
		margin-right: 0px !important;
	}
}

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

	html, body  { font-size:11px; }

	.header .logo { width: 17rem; height: 3.2rem; }

	.info-link2 {
		margin-right: 0px !important;
		margin-bottom: 16px;
	}

	.info-link2 input, .info-link2 label {
		width: 100% !important;
	}

	/*p,
	.form p,
	.form .form-row-checkbox label, 
	.form .form-row-radio label,
	.overlay-body,
	.overlay-body p { font-size: 1.6rem; line-height: 2.4rem; }*/

	.tools-sidebar.mobile,
	.tools-sidebar-vehicle.mobile,
	.tools-sidebar-vehicle-2.mobile,
	.tools-sidebar-header.mobile,
	.tools-sidebar-insured.mobile { display:block; }
	.quote-slider .swiper-pagination span.recommended:before {
	    top: 0;
	    left: 0;
	    display: block!important;
	    width: 100%;
	    height: 4px;
	    content: "";
	    transform: none;
	    border-radius: unset;
	    padding: 0;
	    margin: 0;
	}
	.quote-slider .swiper-pagination span.recommended i { 
	    display: block; 
	    position: absolute;
	    top: 0;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    background-image: url("../images/shiny-star.svg");
	    width: 24px;
	    height: 24px;
	}
	.margins { max-width: 88%; }
	.overlay-content,
	.overlay-modal-content { width: 88%; }

	.step-0 .form-row-checkbox.last,
	.step-4 .terms-step .form-row-checkbox.last { margin-bottom: 3rem!important; }

	.step-0 .footer .button,
	.step-5 .footer .button,
	.step-1 .footer .button,
	.switchRCA .button { width:100%!important; }

	.footer { height:auto!important; }
	.footer .margins { height: 100%!important; padding-bottom:3rem; }

	.footer .sec-action-footer .button { width:auto!important; min-width: 13.2rem!important; font-size: 1.3rem; }
	.footer .sec-action-footer .button:last-of-type { min-width: 18rem!important; }

	.box { margin: 0 auto 3rem; }

	.box-cell,
	.step-0 .box-cell:nth-child(2),
	.step-4 .terms-step .box-cell:nth-child(2) { padding-top: 2.5rem!important; }
	.box-cell:nth-child(2n) { padding-top: 0!important; padding-bottom: 2.5rem!important; }

	.overlay-info-sms .box-cell,
	.overlay-search-customer .box-cell { padding-left:8%; padding-right:8%; }
	.overlay-info-sms .box,
	.overlay-search-customer .box { text-align:left; }
	.overlay-info-sms .box { padding-bottom:6rem; background-size: 26rem auto; }
	.overlay-info-sms p { font-size: 1.454545rem; }
	.overlay-search-customer .form { width:100%; padding-top:0; }
	.overlay-info-sms .box .button,
	.overlay-search-customer .box .button { width:100%; }

	.overlay-body,
	.overlay-modal-body { height:40rem; }

	.overlay-modal-footer .button { width:48%; margin-left:4%; padding:0; }
	.overlay-modal-footer .button:nth-child(2) { margin-left:0; }

	.overlay .table-cell { padding: 2.5rem 0; }

	.view-step-0 .bc-step-2 strong, 
	.view-step-1 .bc-step-2 strong, 
	.view-step-2 .bc-step-3 strong, 
	.view-step-3 .bc-step-4 strong { width: 0; }

	.breadcrumbs li { width:3.4rem; padding:0; }
	.breadcrumbs li.active { padding:0 2rem 0 3.4rem; }
	.breadcrumbs li:nth-child(2).active,
	.breadcrumbs li:nth-child(3).active,
	.breadcrumbs li:nth-child(4).active,
	.breadcrumbs li:nth-child(5).active { width: calc(100% - 10.5rem)!important; }
	.breadcrumbs li:nth-child(5).active { padding-right:0; }
	.breadcrumbs li:nth-child(5) .bc-slides-loader { right:0; }

	/*.footer .button.button-outline { width:4.2rem!important; min-width:4.2rem!important; padding:0; }
	.footer .button.button-outline strong { display:none; }
	.footer .button.button-outline.with-icon i { font-size:1.8rem; }*/

	.step-1 .content .margins { margin-bottom: 0; }

	/*
	.step-1 .content .margins { margin-bottom: 0; }
	.step-1 .wrapper-step-slide:nth-child(2) .footer .margins { position:relative; }
	.step-1 .wrapper-step-slide:nth-child(2) .view-readonly .footer .margins { padding-top:5rem!important; }
	.step-1 .wrapper-step-slide:nth-child(2) .info-link { width:100%; position:absolute; top:-.5rem; left:0; text-align:center; }
	*/

	.step-1 .footer { position:static; }
	.step-1 .content .margins { margin-bottom: 0; }

	.button { font-size:1.4rem; }

	.box-title,
	.overlay-info-sms .box-title,
	.overlay-search-customer .box-title { font-size: 2.32rem; line-height: 3rem; }

	.subtitle { margin-bottom:2rem; }
	p,
	.form p,
	.subtitle,
	.form .form-row-checkbox label, 
	.form .form-row-radio label { font-size: 1.6rem; line-height: 2.4rem; }
	
	.error-msg p, .succes-msg p  { font-size: 1.46rem; line-height: 2.2rem; }

	.breadcrumbs li:nth-child(2) strong { font-size:1.28rem; }
	.bc-step-1 .bc-slides-loader { left: 18.5rem; }
	.view-step-1-2 .breadcrumbs ul, 
	.view-step-1-3 .breadcrumbs ul { padding-left: 3rem; }

	.step-1 .wrapper-step-slide:nth-child(1) .box { padding-bottom: 15rem; background-position: 50% 88%; background-size: 20rem auto; }
	.step-1 .wrapper-step-slide:nth-child(1) .box-title { margin-bottom: 2rem; }

	.step-1 .wrapper-step-slide:nth-child(2) .with-bg-img .box-title { margin-bottom: 3rem; }
	.step-1 .wrapper-step-slide:nth-child(2) .button { width:48%; float:left; padding:0; margin:0; }
	.step-1 .wrapper-step-slide:nth-child(2) .button:nth-child(2) { float:right; }

	.button.button-logo { width: 100%!important; padding: .5rem 0!important; }

	.offer-box { width: 100%; padding: 2rem 8%; }
	.offer-box p { font-size:1.4rem!important; line-height:2rem!important; }

	.offer-period-tabs:before { display:none; }
	
	.offer-period-tabs .button,
	.offer-period-tabs .radio-button { width: 35%; }
	.offer-period-tabs .button:nth-child(3n),
	.offer-period-tabs .radio-button:nth-child(3n) { width: 26%; float:right; }


	.step-2 .quote-slide .offer-period-tabs { min-height: 10rem; }
	/*.sw-slide .button,*/
	.step-2 .quote-slide .offer-period-tabs .radio-button { width: 48%; float: left; margin-right: 0; }
	.step-2 .quote-slide .offer-period-tabs .button:nth-child(2n),
	.step-2 .quote-slide .offer-period-tabs .radio-button:nth-child(2n) { float: right; }
	.step-2 .quote-slide .offer-period-tabs .button:nth-child(3n),
	.step-2 .quote-slide .offer-period-tabs .radio-button:nth-child(3n) { width: 100%; margin-right: 0; margin-top: 1rem; }
	
	.box-title .icon-info { top:auto; bottom: .7rem; right: 0; }
	.bank-rates .button.with-icon-right,
	.pers-rates .button.with-icon-right { width: 100%; }

	.row.row-with-checkboxes { padding-top: 6rem; padding-bottom: 1rem; overflow: hidden; }
	.row.row-with-checkboxes p { position:absolute; top:0; left:0; }
	.row-with-checkboxes .form-row-checkbox, 
	.row-with-checkboxes .form-row-radio { width: 50%!important; /*float: left!important;*/ }

	.row-with-checkboxes .radio-button { width:48%!important; float:left!important; margin:-1rem 0 1rem!important; }
	.row-with-checkboxes .radio-button:nth-child(2) { float:right!important; }

	.bk-rates { padding:1rem 0; }

	/*.breadcrumbs { margin-bottom: 1rem; }*/

	.title { font-size: 1.6rem; line-height: 2.2rem; margin-bottom:2rem; /*padding-top: 3.5rem;*/ }
	.subtitle { font-size: 1.4rem; line-height: 2rem; }

	.trigger-tools-sidebar { top:-.3rem; }

	/******/

	.step-2 .margins { position:relative; }
	.step-2 .box { background-color: transparent; border-radius: 0; border: none; }

	.step-2 h6 { margin-top: 0; }
	.step-2 .box-title { margin-bottom: .5rem; }
	.box-cell p.sav { margin-bottom: 1.5rem; }

	.step-2 .row.row-with-checkboxes { padding-bottom: 0; }

	.quote-slider { /*position:static;*/ border-radius: 0!important; padding-top:10rem; }

	.quote-slider .quote-slide { background-color: #fff; border-radius: 2.4rem; border: 1px solid #d9e7ef; overflow:visible; }
	.quote-slider .quote-slide:last-child .box-cell:first-child:before { display:block; top:-1rem; }

	.quote-slider .swiper-pagination { width:114%; left:50%!important; top:0!important; /*top:8.5rem!important;*/ transform: translate(-50%,0); height:4rem; line-height:4rem; border-top: 1px solid #d9e7ef; border-bottom: 1px solid #d9e7ef; opacity:0!important; transition: opacity .5s ease-in-out; }
	.view-step-2 .quote-slider .swiper-pagination { opacity:1!important; }
	.quote-slider .swiper-pagination.quote-slider-pagination span { height:4.4rem; font-size:1.44rem; padding-bottom:1rem; padding-top: 1rem; }
	.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active { line-height:4.4rem; padding-bottom:0!important; padding-top: 0!important; }
	.quote-slider .swiper-pagination.quote-slider-pagination span:last-child:before { display:none; }
	.quote-slider .swiper-pagination.quote-slider-pagination span:first-child,
	.quote-slider .swiper-pagination.quote-slider-pagination span:last-child { border-radius: 0; }
	.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active strong { display:none; }
	.quote-slider .swiper-pagination.quote-slider-pagination span em { display:block; }
	.quote-slider .swiper-pagination.quote-slider-pagination span.swiper-pagination-bullet-active em { height:100%; line-height:6.4rem; }
	.quote-slider .swiper-pagination span.swiper-pagination-bullet-active { border-bottom: .3rem solid #007ab3; }

	.quote-slider .swiper-pagination.quote-slider-pagination span:last-child:before, .quote-slider .quote-slide:last-child .box-cell:first-child:before { font-size:1.08rem; }
	.quote-slider .swiper-pagination span:last-child:before { display:none; }

	.pd-box .trigger-package-details,
	.pd-box .form-row-switch { float:none; }
	.trigger-package-details { display:inline-block; font-size: 1.5rem; padding-left: 2.8rem; margin-bottom:1.5rem; }
	.trigger-package-details i { width:2.4rem; font-size: 2.1rem; text-align:left; }
	.form-row-switch span { font-size: 1.5rem; }
	.form-row-switch span:before { top:.2rem; }
	.form-row-switch span:after  { top:.4rem; }

	.box-border { padding: 0; border-radius: 0; border: none; }
	.view-bank-rates .bank-rates, .view-pers-rates .pers-rates { padding: 2rem 0 1rem; }

	/******/
	
	.data-list { padding: 2rem 1.8rem; }
	/*.data-list li span,
	.data-list li strong { width:100%; float:none; display:block; }*/

	.step-4 .info-verification .box { padding-bottom:16rem; background-position:50% 100%; background-size: 22rem auto; }
	.step-4 .info-verification .box-p1 { padding-bottom:12rem; background-position: 50% 100%; background-size: 30rem auto; }
	.step-4 .info-verification .box-p2,
	.step-4 .info-verification .box-p3 { padding-bottom:15rem; background-position: 10% 100%; background-size: 26rem auto; }

	.step-4 .payment-step .box-cell:nth-child(2) { padding-top:2rem!important; padding-bottom:2rem!important; }

	.payments-actions .button,
	.payments-actions .button:nth-child(3) { width:46.8%; float:left; margin:0 auto 1.8rem; }
	.payments-actions .button:nth-child(2) { float:right; margin-right:0; }

	.step-5 .content .margins .table-cell { padding: 2rem 0 0; }
	.step-5 .box { background-size: auto 15rem; }
	.step-5 .box.error-msg-box { background-position: 50% 100%; background-size: auto 12rem; }
	.step-5 .box-cell { padding: 4rem 8% 28rem; }
	.step-5 .box.error-msg-box  .box-cell{ padding: 4rem 8% 18rem; }
	.email-info-msg { bottom:20rem; }
	
	.loader-content { background-size: 70% auto; background-position: 50% 100%; }
	.loader-content .table-cell { padding: 0 12%; }

	.rca-box { padding: 2rem 8% 2rem 5%; }

	.overlay-content.with-footer { padding-bottom: 14rem; }
	.overlay-footer { height:14rem; padding-top:2.5rem }
	.overlay-footer .button { width: 100%; margin: 0 0 1rem; }

	.overlay-meet-agent .title,
	.overlay-special-mentions .title,
	.overlay-found-customers .title,
	.overlay-send-offer .title,
	.overlay-thanks .title,
	.overlay-payment-link-sent .title,
	.overlay-payment-link .title,
	.overlay-edit-price .title,
	.overlay-upload-file .title { padding-top:1.8rem; /*display:none;*/ }
	.overlay-meet-agent .box,
	.overlay-special-mentions .box,
	.overlay-found-customers .box,
	.overlay-send-offer .box,
	.overlay-thanks .box,
	.overlay-payment-link-sent .box,
	.overlay-payment-link .box,
	.overlay-edit-price .box,
	.overlay-upload-file .box { margin: 0 auto 2rem; }
	.overlay-meet-agent .box-cell:nth-child(1) p,
	.overlay-special-mentions .box-cell:nth-child(1) p,
	.overlay-found-customers .box-cell:nth-child(1) p,
	.overlay-send-offer .box-cell:nth-child(1) p,
	.overlay-thanks .box-cell:nth-child(1) p,
	.overlay-payment-link-sent .box-cell:nth-child(1) p,
	.overlay-payment-link .box-cell:nth-child(1) p,
	.overlay-edit-price .box-cell:nth-child(1) p,
	.overlay-upload-file .box-cell:nth-child(1) p { margin-bottom:1rem; }
	.overlay-meet-agent .with-bg-img,
	.overlay-special-mentions .with-bg-img,
	.overlay-found-customers .with-bg-img,
	.overlay-send-offer .with-bg-img,
	.overlay-thanks .with-bg-img,
	.overlay-payment-link-sent .with-bg-img,
	.overlay-payment-link .with-bg-img,
	.overlay-edit-price .with-bg-img { padding-bottom:16rem; background-size: 24rem auto; }

	.overlay-info-sms .box { padding-bottom:6rem; background-size: 26rem auto; }

	.reCaptcha { display:none; }

	/*.form .input-box-field, .form .select-box-field { overflow:hidden; }*/ 
	.form .input-box-field.with-special-placeholder-info { overflow:visible; } 

	.step-2 .footer .margins, 
	.step-3 .footer .margins, 
	.step-4 .footer .margins, 
	.overlay-info-sms .footer .margins,
	.overlay-search-customer .footer .margins { padding: 2rem 0 3rem!important; }

	.footer-price { margin-bottom: .5rem; }
	.footer-price b { font-size: 1.64rem; line-height: 4rem; }
	.footer-price strong em { font-size: 3.2rem; line-height: 3.6rem; }
	.footer-price strong span { font-size: 1.64rem; }
	.footer-price div.sec-line { padding-top: 1rem; }
	.footer-price div.sec-line u { font-size: 1.12rem; }
	.footer-price div.sec-line em { font-size: 1.2rem; }

	.view-tools-sidebar .wpc-content,
	.view-tools-sidebar-vehicle .wpc-content,
	.view-tools-sidebar-vehicle-2 .wpc-content,
	.view-tools-sidebar-insured .wpc-content { padding-right: 0; }
	.tools-sidebar, .tools-sidebar-vehicle,
	.tools-sidebar, .tools-sidebar-vehicle-2,
	.tools-sidebar, .tools-sidebar-insured { width:100%; height:100%; position:fixed; top:0; left:100%; right:auto; z-index:1001; transform: translate3d(0,0,0); opacity:1; visibility:visible; background:#f1f9fa; }
	.wpc-content .tools-sidebar, 
	.wpc-content .tools-sidebar-vehicle,
	.wpc-content .tools-sidebar-vehicle-2,
	.wpc-content .tools-sidebar-insured { display:none; }
	.view-tools-sidebar .tools-sidebar,
	.view-tools-sidebar-vehicle .tools-sidebar-vehicle,
	.view-tools-sidebar-vehicle-2 .tools-sidebar-vehicle-2, 
	.view-tools-sidebar-insured .tools-sidebar-insured { width:100%; transform: translate3d(-100%,0,0); }

	.tools-sidebar .title,
	.tools-sidebar-vehicle .title,
	.tools-sidebar-vehicle-2 .title { width:13.2rem; position:absolute; bottom:2rem; left:50%; transform: translate(-50%,0); margin-bottom:0; white-space:nowrap; }
	.tools-sidebar-insured .title { width:13.2rem; position:absolute; bottom:2rem; left:50%; transform: translate(-50%,0); margin-bottom:0; white-space:nowrap; }
	.tools-sidebar-content { background: transparent; border:none; border-radius:0; }

	.help-box { left:6%; right:6%; }
	.button.help-button { width:100%; }
	.help-box-content { width:100%; padding-left:8%; padding-right:8%; }
	.view-help-box .help-box-content { height: 20rem; }
	.hbc-sidebar { padding-right: 4%; }
	.hbc-content { padding-left: 4%; }

	/* .step-0 .footer .button, .step-4 .terms-step .footer .main-action-footer .button, .step-5 .footer  .button, .step-1 .footer .button { margin-bottom: 2.5rem!important; } */

	.overlay-meet-agent .overlay-body,
	.overlay-special-mentions .overlay-body,
	.overlay-found-customers .overlay-body,
	.overlay-send-offer .overlay-body,
	.overlay-thanks .overlay-body,
	.overlay-payment-link-sent .overlay-body,
	.overlay-payment-link .overlay-body,
	.overlay-edit-price .overlay-body,
	.overlay-upload-file .overlay-body { max-width: 100%; }
	.overlay-meet-agent .overlay-body .form,
	.overlay-special-mentions .overlay-body .form,
	.overlay-found-customers .overlay-body .form,
	.overlay-send-offer .overlay-body .form,
	.overlay-thanks .overlay-body .form,
	.overlay-payment-link-sent .overlay-body .form,
	.overlay-payment-link .overlay-body .form,
	.overlay-edit-price .overlay-body .form,
	.overlay-upload-file .overlay-body .form { width: 86%; }


}

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

	.header .logo { width: 15rem; height: 3rem; }
	
	.step-0 .box,
	.step-4 .terms-step .box { background-size: 24rem auto; padding-bottom: 10rem; }

	.breadcrumbs li:nth-child(2) strong { padding-bottom:0; }
}

@media screen and (max-width: 380px) {
	.overlay-body,
	.overlay-modal-body { height: 30rem; }

	
	.ps-sidebar li, .ps-slider li { height: 9rem; }
	.ps-sidebar ul strong { line-height: 1.6rem; }
}

@media screen and (max-width: 320px) {
	html, body  { font-size:10px; }
}

@media screen and (max-width: 280px) {
	html, body  { font-size:8px; }
}


/*@media only screen and (max-width: 1440px) and (min-width: 960px) and (max-height: 700px) {
    html, body  { font-size:10px; }  
}*/



/* prefixed-phone-field */

.prefixed-phone-field .select-box-field:after {
	display: none;
}


/* for mobile sticky offer tabs */
@media (max-width: 991px) {
	div.breadcrumbs {
		z-index: 20000;margin-left: -12px;width: 108%!important;
	}
	div.swiper-pagination.quote-slider-pagination {
		position: sticky!important;
		top: 30px!important;
		z-index: 4000!important;
		padding-top: 27px!important;
		background: #f1f9fa!important;
		border-top: none!important;
		left: 0!important;
        transform: none!important;
        width: 100%!important;
		margin: 0 -1px!important;
		width: calc(100% + 2px)!important;	
	}

	div.swiper-pagination.quote-slider-pagination span {
		border-top: 1px solid #d9e7ef!important;
	}

	.step.step-2 div.box {
		border: none!important;
	}

	.step.step-2 div.box div.swiper.quote-slider {
		padding-top: 0!important;
	}

	div.swiper-slide.quote-slide.swiper-slide-active {
		border-top-left-radius: 0!important;
		border-top-right-radius: 0!important;
	}
}