.notyf__message {font-size: 1.4rem;}
#txtVehicleVin, #txtVehicleIDCard, #txtVehiclePlateNo {text-transform: uppercase;}
.notyf__icon--error {display:none !important;}

* { 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.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AllianzNeo-Bold.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Bold.woff') format('woff'),
        url('../fonts/AllianzNeo-Bold.ttf') format('truetype'),
        url('../fonts/AllianzNeo-Bold.svg#AllianzNeo-Bold') format('svg');
    font-weight: bold;
    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.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AllianzNeo-Light.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Light.woff') format('woff'),
        url('../fonts/AllianzNeo-Light.ttf') format('truetype'),
        url('../fonts/AllianzNeo-Light.svg#AllianzNeo-Light') format('svg');
    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.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AllianzNeo-Regular.woff2') format('woff2'),
        url('../fonts/AllianzNeo-Regular.woff') format('woff'),
        url('../fonts/AllianzNeo-Regular.ttf') format('truetype'),
        url('../fonts/AllianzNeo-Regular.svg#AllianzNeo-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

html, body { width:100%; height:100%; color:#333; background-color:#f1f9fa; font-weight: 300; font-size: 10px; font-family: 'Allianz Neo', Arial, sans-serif; }

img, a img { border:none; }
a { outline:none; text-decoration:none; color:#024d93; }
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:#024d93; }
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; }

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

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

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

.wrapper-content-list,
.wrapper-step-list { 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%; } 

.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); }

.step,
.wrapper-step-slide { height:100%; float:left; position:relative; overflow:hidden; }
.step { width:16.666666%; }

.step .content { padding-bottom:7rem; }

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

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

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

.header { width:100%; height:7rem; position:fixed; z-index:100; top:0; left:0; z-index:600; 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; }

.header .logo { width:19rem; height:4rem; position:absolute; left:0; top:50%; transform: translate(0,-50%); }
.header .logo a { width:100%; height:100%; 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:0; top:50%; transform: translate(0,-50%); font-size:1.48rem; line-height:3rem; padding:0; font-weight:normal; border-bottom:.1rem solid transparent; -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 a:hover { text-decoration:none; border-color:#024d93 }
.header .tel span { display:inline-block; padding-right:.8rem; }

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

.title { font-size:2.1rem; line-height:2.8rem; font-weight:300; text-align:center; margin: 0 auto 2rem; }
.subtitle { font-size:1.4rem; line-height:2rem; font-weight:300; text-align:center; margin: -1.5rem auto 2.5rem; }

.box { width:100%; margin:0 auto 3rem; background-color:#fff; border-radius:1rem; border:1px solid #d9e7ef; }
.box-cell { width:50%; height:100%; position:relative; padding:5rem 0 5rem 8%; float:left; }
.box-cell:nth-child(2n) { 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; }

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

.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; border-radius:.5rem; overflow:hidden; }

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

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

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

.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); }

.step-1 .wrapper-step-slide:nth-child(1) .margins { min-height:100%; }
.step-1 .wrapper-step-slide:nth-child(1) .box { background: #fff url(../images/bg-img-car.svg) no-repeat 10% 50%; background-size: 28% 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-1 .wrapper-step-slide:nth-child(2) .box { height:24rem; }
.step-1 .wrapper-step-slide:nth-child(2) .button { width:14rem; margin: 0 .8rem; letter-spacing: .1rem; }
.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(3) .box-cell:nth-child(1) { width:40%; }
.step-1 .wrapper-step-slide:nth-child(3) .box-cell:nth-child(2) { width:60%; }

.step-0 .box { background: #fff url(../images/bg-img-terms.svg) no-repeat 12% 100%; background-size: 38% 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:3rem; }

.rca-box { width:100%; padding:3rem 3rem; background:#e5edf4; margin:0 auto; border-radius:.7rem; }
.rca-box li { width:100%; position:relative; padding: 0 0 0 3.5rem; color:#666; font-size:1.6rem; line-height:2.4rem; font-weight:400; margin:0 auto 1.5rem; transition: color .3s ease-in-out; }
.rca-box li.active { color:#000; }
.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:0; font-size:1.4rem; line-height:2.4rem; text-align:center; font-family:icons; transition: all .3s ease-in-out; }

.rca-box li:before { content:'\e911'; color:#ed1c24;  }
.rca-box li:after { content:'\e933'; color:#009245; opacity:0; font-size:1.7rem; }

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

.offer-box { width:100%; padding: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; }
.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; }
.offer-box p:first-of-type { margin-top:.5rem; }

.offer-period-tabs { width:100%; position:relative; padding:2.8rem 0; margin-top:-2rem; /*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; }

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

.bank-rates,
.pers-rates { width:100%; 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 { height:auto; padding:2rem 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:1.5rem!important; }

.row-with-checkboxes .form-row-checkbox,
.row-with-checkboxes .form-row-radio { width:8rem!important; float:right!important; }
.row-with-checkboxes p { margin:0!important; }

.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:#024d93; }

.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; }

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

.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(-70%,0,0); }

/*.step-3 .wrapper-step-slide:nth-child(2) .box { margin:0 auto 2.5rem; }
.step-3 .wrapper-step-slide:nth-child(2) .box:last-child { margin:0; }*/
.step-3 .wrapper-step-slide:nth-child(2) .box { background: #fff  no-repeat 12% 100%; background-size: 30% auto; }
.step-3 .wrapper-step-slide:nth-child(2) .box-p1 { background-image:url(../images/bg-img-box-1.svg); background-size: 36% auto; }
.step-3 .wrapper-step-slide:nth-child(2) .box-p2 { background-image:url(../images/bg-img-box-2.svg); }
.step-3 .wrapper-step-slide:nth-child(2) .box-p3 { background-image:url(../images/bg-img-box-3.svg); }

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

.step-3 .wrapper-step-slide:nth-child(2) .box-p2 .box-cell,
.step-3 .wrapper-step-slide:nth-child(2) .box-p3 .box-cell { padding-top:7rem; padding-bottom:7rem; }

.data-list { width:100%; padding:2rem 2.5rem; background:#e5edf4; 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; }
.data-list li strong em { width:100%; display:block; font-style:normal; font-weight:300; }

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

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

.step-4 .box-cell { width:45%; }
.step-4 .box-cell:nth-child(2) { width:55%; padding-left: 0; padding-right: 0; font-size:0; line-height:0; text-align:center; }

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

.payments-actions .button { width:20rem; height:14rem; padding:8.5rem 1.5rem 0; color:#333!important; line-height:1.8rem; margin: 0 .8rem; vertical-align:middle; }
.payments-actions .button em { font-size:1.2rem; line-height:1.8rem; text-transform:none; font-style:normal; display:block; }
.payments-actions .button:active,
.payments-actions .button.active { color:#024d93!important; background:#f1f9fa!important; font-weight:400; }

.payments-actions .button:after { width:7rem; height:5.6rem; position:absolute; top:2rem; left:50%; transform: translate(-50%,0); content:''; background: transparent url(../images/payU-icon.svg) no-repeat 50% 50%; background-size:auto 100%; }
.payments-actions .button:nth-child(2):after { background-image: url(../images/pay-icon.svg); background-size:auto 80%; }

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

.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; }
.step-5 .box.error-msg-box { min-height:30rem; background:#fff; background-image:none; }


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

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

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

.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; }

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

.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); }

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

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

.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 { width:3rem!important; height:3rem!important; position:absolute!important; top:.6rem!important; right:.6rem!important; z-index:10; text-align: center; font-size: 1.4rem!important; line-height: 3rem!important; color: #024d93; cursor:pointer; border-radius:.5rem!important; transition: color .3s ease-in-out, background-color .3s ease-in-out; }
.close-tooltip-button:active { background-color: #024d93; color: #fff!important; }

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

.breadcrumbs { width:100%; height:7rem; /*position:absolute; top:7rem; left:0; z-index:200;*/ 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%; height:100%; position:relative; padding:2.3rem 0 0 3.5rem; transition: padding-left .3s ease-in-out; }
.breadcrumbs li { width:auto; height:2.4rem; position:relative; display:inline-block; float:left; padding:0 2.5rem 0 3.4rem; pointer-events:none; cursor:pointer; }
.breadcrumbs li.active,
.breadcrumbs li.old,
.breadcrumbs li.bc-back { pointer-events:auto; }

.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% - 22rem); }
.breadcrumbs li:nth-child(3).active { width: calc(100% - 28.5rem); }
.breadcrumbs li:nth-child(4).active { width: calc(100% - 21rem); }
.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:#024d93; background:transparent; transform: translate(0,-50%); font-size:1.2rem; line-height:2rem; font-weight:400; text-align:center; border:.2rem solid #024d93; transition: all .3s ease-in-out; }
.breadcrumbs li.active span,
.breadcrumbs li.old span { opacity:1; background:#024d93; color:#fff; }

.breadcrumbs .bc-back span { opacity:1; color:#024d93; 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:#024d93; color:#fff; }

.breadcrumbs strong { width:0; display:inline-block; opacity:.3; color:#024d93; 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; }

.bc-slides-loader { width:auto; height:.3rem; position:absolute; top:50%; left:auto; right:2rem; transform: translate(0,-50%); background:#a9c5db; border-radius:.4rem; overflow:hidden; transition: opacity .3s ease-in-out; opacity:0; }
.breadcrumbs li.active .bc-slides-loader { opacity:1; }
.bc-step-1 .bc-slides-loader { left:20rem; }
.bc-step-2 .bc-slides-loader { left:9rem; }
.bc-step-3 .bc-slides-loader { left:15rem; }
.bc-step-4 .bc-slides-loader { left:8.5rem; }

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

.breadcrumbs li.active .bc-slides-loader div,
.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); }

.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); }

.breadcrumbs li:nth-child(4).active .bc-slides-loader div { transform: translate3d(50%,0,0); }
.view-step-3-2 .breadcrumbs li:nth-child(4).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 { padding-left:3.5rem; }
.view-step-1-2 .breadcrumbs ul li.bc-back,
.view-step-1-3 .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:7rem; position:absolute; left:0; bottom:0; z-index:100; padding:0; background-color:#f1f9fa; border-top:1px solid #d9e7ef; }
.footer .margins { height:100%!important; padding:1.3rem 0 !important; }

.footer .button { float:left; min-width:22rem; letter-spacing: .3rem; margin:0!important; }
.footer .button:nth-child(1) { float:right; }

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

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

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 { width:100%; height:auto; opacity:0; overflow:hidden; position:fixed; left:100%; top:7rem; bottom:0; z-index:500; background:rgba(241,249,250,.9); }
.overlay .scrollbar { padding:0; }
.overlay .table-cell { padding:3.5rem 0; }

.view-overlay-terms .overlay-terms { -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; }

@-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 { width:54rem; position:relative; opacity:0; padding:0; margin:0 auto; background:#fff; border-radius:1rem; border:.16rem solid #d9e7ef; -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 { padding-top:5rem; }
.overlay-content.with-footer { padding-bottom:12rem; }

.view-overlay-terms .overlay-terms .overlay-content { opacity:1; }

.overlay-header { width:100%; height:5rem; position:absolute; top:0; left:0; overflow:hidden; 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-body { width:100%; height:40rem; padding:3.5rem 8%; 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 { padding:3.5rem 10%; }*/

.overlay-body h2,
.overlay-body h3,
.overlay-body h4,
.overlay-body h5,
.overlay-body h6 { padding: 1rem 0 0; margin-bottom:1rem; color:#024d93; font-weight:normal; }
.overlay-body h1,
.overlay-body h2 { font-size:2.1rem; line-height:2.8rem; }
.overlay-body h3,
.overlay-body h4 { font-size:1.8rem; line-height:2.4rem; }
.overlay-body h5,
.overlay-body h6 { font-size:1.2rem; line-height:1.6rem; font-weight:bold; text-transform:uppercase; }
.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-footer { width:100%; height:12rem; position:absolute; bottom:0; left:0; padding:3.6rem 8% 0; overflow:hidden; border-top:.16rem solid #d9e7ef; font-size:0; line-height:0; vertical-align:central; text-align:center; }
.overlay-footer .button { width:16rem; padding:0; margin:0 .8rem; letter-spacing:.1rem; }

.overlay .close-overlay-button { top:0; right:0; }

.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 #024d93; border-radius:50%;     background: #f1f9fa; color:#024d93; font-size:1.9rem; line-height:4rem; text-align:center; }

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

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

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

.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/bg-img-loader.svg) no-repeat 0 100%; background-size: 38% 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:400; margin:0; }

.loader-icon { width:8rem; height:8rem; margin:0 auto 3rem; position:relative; }
.loader-icon:before { width:100%; height:100%; position:absolute; top:0; left:0; background: transparent url(../images/loader.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,
.form .select-box-field { width:100%; height:5.5rem; position:relative; margin:0 auto 1.5rem; /*overflow:hidden*/; border-bottom:.12rem 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 .select-box-field.overflowHidden {overflow:hidden}

.form .input-box-field.active,
.form .select-box-field.active { /*height:5rem;*/ border-bottom:.16rem solid #333; }
.form .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; }
/*
.form .input-box-field.valid:before,
.form .select-box-field.valid:before { opacity:1; -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1); -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }
*/

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

.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,
.form .select-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.68rem; line-height:6.8rem; font-weight:400; 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; -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; -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; 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; }
.form .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 { line-height:5rem; -moz-transform: scale3d(.7,.7,.7) translate3d(0,-1.5rem,0); -ms-transform: scale3d(.7,.7,.7) translate3d(0,-1.5rem,0); -o-transform: scale3d(.7,.7,.7) translate3d(0,-1.5rem,0); -webkit-transform: scale3d(.7,.7,.7) translate3d(0,-1.5rem,0); transform: scale3d(.7,.7,.7) 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;} */

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

input,
select,
textarea { width:100%; height:4rem; color:#333; font-size: 1.68rem; font-weight:normal; font-weight:400; 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:4.5rem; position:absolute; left:0; bottom:0; opacity:0; background:transparent!important; }
.form .active input, 
.form .active select, 
.form .active textarea,
.form .valid input, 
.form .valid select, 
.form .valid textarea { z-index:2; opacity:1; }

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

.form input::-webkit-input-placeholder { color:#999!important; opacity:1!important; font-style:oblique; font-weight:300; } 
.form input:-moz-placeholder { color:#999!important; opacity:1!important; font-style:oblique; font-weight:300; }
/* .form input:-ms-input-placeholder { display:none; } */

.form select { width:106%; }
.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:#ec1c24!important; }
.form .error label { color:#ec1c24!important; }
.form .error input::-webkit-input-placeholder { color:#ec1c24!important; } 
.form .error input:-moz-placeholder { color:#ec1c24!important; }
.form .error input:-ms-input-placeholder { color:#ec1c24!important; }

.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; }

.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; }

.postcode-field .select-input { overflow: hidden; }

.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; }
.postcode-field .desktop { display: block!important; }
.select-box-field .select.desktop { display: block!important; }

.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 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 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:26.5rem; }

.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; }

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

.form .input-box-field.with-info i,
.form .input-box-field.with-calendar i  { width:2.4rem; height:3rem; position:absolute; bottom:.8rem; right:0; z-index:10; text-align: center; font-size: 2rem; line-height: 3rem; color: #024d93; 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:#333; }

.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; }
.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:"\e933"; border-color: #024d8e!important; color:#024d8e; 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:"\e933"; border-color:#024d8e!important; background:#024d8e!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]:checked + label,
.form .form-row-radio.error input[type=radio]:checked + label { color: var(--dark)!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:#eb3535; }

.error-msg, 
.succes-msg { 
	width:100%; 
	position:relative;
	margin:0 auto 2.5rem; 
	padding:2rem; 
	background:#da1526; 
	color:#fff; 
	font-size:1.2rem; 
	text-align:left; 
	line-height:2rem; 
	-webkit-box-sizing: initial; 
	-moz-box-sizing: initial; 
	box-sizing: initial; 
}
.succes-msg { background:#20ba2b; }

.form fieldset.box .error-msg,
.form fieldset.box .succes-msg { margin:-4rem -4rem 2.5rem; padding:2rem 4rem; }

.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; }

.info-msg {
	width: 100%;
    display: none;
    position: relative;
    margin: -1.2rem auto 1.5rem;
    padding: 2rem 6rem;
    background: #ECF0F8;
    color: #151515;
    font-size: 1.2rem;
    text-align: left;
    line-height: 2rem;
    border: 1px solid #496EBD;
    border-radius: .6rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.info-msg::after {
	width: 3rem;
    height: 3rem;
    position: absolute;
    top: 1.4rem;
    left: 1.8rem;
    content: '\e98b';
    color: #496EBD;
    font-size: 2.2rem;
    line-height: 3rem;
    text-align: center;
    font-family: icons;
}

.view-info-msg .info-msg{
	display: block;
}

.info-msg p {
	color: #333;
    font-size: 1.4rem;
    line-height: 2.1rem;
    margin: 0 auto;
}
.promo-text-car {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin: 40px 60px 0 60px;
}
#divOfferDD .promo-text-car {
	margin: 0;
}
.promo-link-car {
    font-weight: 400;
	margin-bottom: 0 !important;
}
#divOfferDD .promo-link-car {
	font-weight: 0;
}
.promo-link-car b {
    color: #006192;
}
.promo-link-car a {
    color: #414141;
    text-decoration: underline;
}
/* -------- */
/* -------- */

.button { width:auto; height:4.2rem; position:relative; display:inline-block; padding:0 3rem; color:#fff; background:#024d8e; border:none; border-radius:.3rem; font-size:1.2rem; line-height:4rem; font-weight:300; text-transform:uppercase; font-family: 'Allianz Neo', Arial, sans-serif; letter-spacing:.1rem; border:.1rem solid transparent; 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; }
button.button { line-height:inherit!important; outline:none!important; }
.button:active { color:#fff; background:#024d8e; outline:none!important; /*box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.2);*/ text-decoration:none; }

.button-outline,
.main-button-outline { width:auto; color:#024d93; background:transparent; border-color: #024d8e; font-weight:400; }
.main-button-outline,
.button-outline.active,
.button-outline.active:active { background:#f1f9fa; line-height:3.8rem; border-width:.2rem; font-weight:700; }
.button-outline:active,
.main-button-outline:active { color:#fff; font-weight:400; background: #024d8e; /*box-shadow:0 0.1rem 0.2rem rgba(0,0,0,.2);*/ }
.main-button-outline:active { font-weight:700; }

.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-with-gradient,
.button-with-gradient:active { background:transparent; color:#fff; }
.button-with-gradient:before,
.button-with-gradient:after { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; content:''; border-radius:.3rem; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,.2); -moz-transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }

.button-with-gradient:before { opacity:1; 
background:#005399;
background: -moz-linear-gradient(-45deg,  rgba(1,93,171,1) 0%, rgba(0,80,148,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(1,93,171,1) 0%,rgba(0,80,148,1) 100%);
background: linear-gradient(135deg,  rgba(1,93,171,1) 0%,rgba(0,80,148,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015dab', endColorstr='#005094',GradientType=1 );}

.button-with-gradient:after { opacity:0; 
background: rgb(38,122,192);
background: -moz-linear-gradient(-45deg,  rgba(38,122,192,1) 0%, rgba(8,103,184,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(38,122,192,1) 0%,rgba(8,103,184,1) 100%);
background: linear-gradient(135deg,  rgba(38,122,192,1) 0%,rgba(8,103,184,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267ac0', endColorstr='#0867b8',GradientType=1 );}
.button-with-gradient:active:after { opacity:1; } 

.button-with-gradient strong { width:100%; height:100%; position:relative; z-index:2; display:block; font-weight:400; white-space:nowrap; letter-spacing:.1rem; }*/

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


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

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

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

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

@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; }
    
}

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

	.wrapper { height:100%!important; }

	/*.step { padding-bottom:7rem; }*/
	.step .content { padding-bottom: 7rem; }

	.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-0 .box-cell,
	.step-0 .box-cell:nth-child(2) { width:100%!important; float:none!important; padding:4rem 8%; }

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

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

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

	.step-1 .wrapper-step-slide:nth-child(2) .box-cell,
	.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(2) { padding:6rem 8%; }

	.step-1 .wrapper-step-slide:nth-child(3) .box-cell:nth-child(1) { padding-bottom:0; }
	.step-1 .wrapper-step-slide:nth-child(3) .box-cell:nth-child(2) { padding-top:0; }

	.footer { width: 100%; height: 7rem; position: absolute; left: 0; bottom: 0; z-index: 100;}

	.step-2 .box-cell:nth-child(1) { padding-bottom:0; }
	.step-2 .box-cell:nth-child(1) .offer-box { display:block; }
	.step-2 .box-cell:nth-child(2) .offer-box { display:none; }

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

	.step-3 .wrapper-step-slide:nth-child(2) .box-p1 { padding-bottom:19rem; background-position: 10% 100%; background-size: auto 22rem; }
	.step-3 .wrapper-step-slide:nth-child(2) .box-p2,
	.step-3 .wrapper-step-slide:nth-child(2) .box-p3 { padding-bottom:19rem; background-position: 10% 100%; background-size: auto 19rem; }


	.step-4 .box-cell:nth-child(2) { padding-bottom:12rem; }

	.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-cell { width: 100%; padding: 6rem 12% 32rem; }
	.email-info-msg { width:84%; bottom:22rem; white-space: normal; }

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

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

@media screen and (orientation:portrait) {

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

	.wrapper { height:100%!important; }

	/*.step { padding-bottom:7rem; }*/
	.step .content { padding-bottom: 7rem; }

	.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-0 .box-cell,
	.step-0 .box-cell:nth-child(2) { width:100%!important; float:none!important; padding:4rem 8%; }

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

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

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

	.step-1 .wrapper-step-slide:nth-child(2) .box-cell,
	.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(2) { padding:6rem 8%; }

	.step-1 .wrapper-step-slide:nth-child(3) .box-cell:nth-child(1) { padding-bottom:0; }
	.step-1 .wrapper-step-slide:nth-child(3) .box-cell:nth-child(2) { padding-top:0; }

	.footer { width: 100%; height: 7rem; position: absolute; left: 0; bottom: 0; z-index: 100;}

	.step-2 .box-cell:nth-child(1) { padding-bottom:0; }
	.step-2 .box-cell:nth-child(1) .offer-box { display:block; }
	.step-2 .box-cell:nth-child(2) .offer-box { display:none; }

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

	.step-3 .wrapper-step-slide:nth-child(2) .box-p1 { padding-bottom:19rem; background-position: 10% 100%; background-size: auto 22rem; }
	.step-3 .wrapper-step-slide:nth-child(2) .box-p2,
	.step-3 .wrapper-step-slide:nth-child(2) .box-p3 { padding-bottom:19rem; background-position: 10% 100%; background-size: auto 19rem; }


	.step-4 .box-cell:nth-child(2) { padding-bottom:12rem; }

	.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-cell { width: 100%; padding: 6rem 12% 32rem; }
	.email-info-msg { width:84%; bottom:22rem; white-space: normal; }

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

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

@media screen and (orientation:portrait) and (max-width: 1024px) {
	html, body  { font-size:13px; }
}

@media screen and (orientation:portrait) and (max-width: 800px) {
	html, body  { font-size:11px; }
}

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

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

	.header .logo { width: 15rem; height: 3rem; }
	.header .tel { line-height:1.8rem; text-align:right; }
	.header .tel span { display:block; padding-right:0; font-size:1.22rem; }
	.step-0 .box { background-size: 24rem auto; padding-bottom: 10rem; }

	/*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; }*/

	.margins { max-width: 88%; }
	.overlay-content { width: 88%; }

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

	.step-0 .footer .button,
	.step-5 .footer .button { width:100%; }

	.box { margin: 0 auto 2rem; }

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

	.overlay-body { height: 40rem; }

	.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); }
	.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; }

	.button { font-size:1.4rem; }

	.box-title { font-size: 3.2rem; line-height: 3.6rem; }
	.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; }
	
	.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:17rem; background-position:50% 100%; background-size: 28rem auto; }
	.step-1 .wrapper-step-slide:nth-child(1) .box-cell { padding: 2.5rem 8%; } 
	.step-1 .wrapper-step-slide:nth-child(1) .box-title { margin-bottom: 2rem; }

	.step-1 .wrapper-step-slide:nth-child(2) .box-cell,
	.step-1 .wrapper-step-slide:nth-child(2) .box-cell:nth-child(2) { padding:2.5rem 8%; }
	.step-1 .wrapper-step-slide:nth-child(2) .button { width:48%; float:right; padding:0; margin:0; }
	.step-1 .wrapper-step-slide:nth-child(2) .button:nth-child(2) { float:left; }

	.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 { width: 48%; float: left; margin-right: 0; }
	.offer-period-tabs .button:nth-child(2n) { float: right; }
	.offer-period-tabs .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: 8rem; padding-bottom: 1rem; overflow: hidden; }
	.row.row-with-checkboxes p { position:absolute; top:2.5rem; left:0; }
	.row-with-checkboxes .form-row-checkbox, 
	.row-with-checkboxes .form-row-radio { width: 50%!important; /*float: left!important;*/ }

	.bk-rates { padding:1rem 0; }
	
	.step-3 .box-cell:nth-child(1) { padding-bottom:0; }
	.step-3 .box-cell:nth-child(2) { padding-top:0; }

	.data-list li span,
	.data-list li strong { width:100%; float:none; display:block; }

	.step-3 .wrapper-step-slide:nth-child(2) .box-p1 { padding-bottom:19rem; background-position: 10% 100%; background-size: auto 20rem; }
	.step-3 .wrapper-step-slide:nth-child(2) .box-p2,
	.step-3 .wrapper-step-slide:nth-child(2) .box-p3 { padding-bottom:15rem; background-position: 10% 100%; background-size: auto 15rem; }


	.step-4 .box-cell:nth-child(2) { padding-top:0; padding-bottom:3rem; }
	.payments-actions .button { width:84%; margin:0 auto 1.5rem; }

	.step-5 .content .margins .table-cell { padding: 2rem 0 0; }
	.step-5 .box { background-size: auto 15rem; }
	.step-5 .box-cell { padding: 4rem 8% 28rem; }
	.email-info-msg { bottom:20rem; }
	
	.loader-content { background-size: 65% auto; }

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

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

@media screen and (orientation:portrait) and (max-width: 480px) { 
	
}

@media screen and (max-width: 400px) {
	/*html, body  { font-size:9px; }*/

}

@media screen and (max-width: 380px) {
	.overlay-body { height: 30rem; }
	.step-5 .box.error-msg-box .box-cell { padding:8rem 8%; }
}

@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; }  
}*/