@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
body, td, p, label {font-family: 'Poppins', 'arial', sans-serif}

@media only screen and (min-width: 600px) {
.nopadding {padding:0px}
}

.errorMessage {
    color: #ff4c4c;
    display: none;
    position: relative;
    top: -10px;
    font-size: 11px
}
#flag {
    width: 100px;
    height: 5px;
    text-align: center;
    line-height: 50px;
    margin: 10px auto 30px;
    position: relative;
    background: #fff
}
#flag:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: #0369b3;
    width: 49%;
    z-index: 4
}
#flag:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: #e30613;
    width: 49%;
    z-index: 4
}
#flag h1 {
    position: relative;
    font-size: 12px;
    color: #999;
    z-index: 16
}
.np {
    padding: 0
}
.npl {
    padding-left: 0
}
.npr {
    padding-right: 0
}
.npt {
    padding-top: 0
}
.npb {
    padding-bottom: 0
}
.nm {
    margin: 0
}
.nml {
    margin-left: 0
}
.nmr {
    margin-right: 0
}
.nmt {
    margin-top: 0
}
.nmb {
    margin-bottom: 0
}
.w100 {
    width: 100%
}
.h100 {
    height: 100%
}
.wa {
    width: auto
}
.ha {
    height: auto
}
.dispb {
    display: block
}
.dispn {
    display: none
}
.imgAdap {
    width: 100%;
    height: auto
}
p,
#progressbar,
.fontf {
    font-family: 'Raleway', 'arial', sans-serif
}
.backC {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
input::placeholder {
    color: #999!important;
    opacity: 1!important
}
input::-webkit-input-placeholder {
    color: #999!important
}
input:-moz-placeholder {
    color: #999;
    opacity: 1!important
}
input::-moz-placeholder {
    color: #999;
    opacity: 1!important
}
input:-ms-input-placeholder {
    color: #999!important
}
sub {
    bottom: .25em!important
}
html {
    margin: 0;
    padding: 0;
    height: 100%
}
body {
    background: #fff;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    position: relative
}
header {
    border-top: 4px solid #e30613
}
header .container {
    background: #fff
}
.red-c {
    color: #e30613
}

@media only screen and (max-width: 1600px) {
    #cover {
        background-position: 50% -250px
    }
}
@media only screen and (max-width: 1223px) {
    #cover {
        background-position: 50% -180px
    }
}
@media only screen and (max-width: 768px) {
    #cover {
        background-attachment: inherit;
        background-position: 50% 0
    }
}
#headline {
    margin-top: -80px
}
@media only screen and (max-width: 767px) {
    #headline {
        min-height: auto;
        text-align: center;
        margin-top: -15px
    }
}
#headline h1 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 4rem;
    font-weight: 600;
    text-align: center;
    line-height: 3rem;
    letter-spacing: 0;
    text-shadow: 8px 2px 25px rgba(0, 0, 0, 0.43);
    padding: 7rem 0 0;
    color: #fff
}
@media only screen and (max-width: 991px) {
    #headline h1 {
        font-size: 4rem;
        line-height: 5rem;
        letter-spacing: 0;
        padding: 6rem 0 0
    }
}
@media only screen and (max-width: 767px) {
    #headline h1 {
        padding: 0
    }
}
@media only screen and (max-width: 520px) {
    #headline h1 {
        padding: 0;
        font-size: 2rem;
        line-height: 3rem;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 374px) {
    #headline h1 {
        padding: 0;
        font-size: 2rem;
        line-height: 3rem;
        letter-spacing: 0
    }
}
#headline h1 span {
    text-transform: uppercase;
    font-size: 8rem;
    line-height: 7.6rem;
    letter-spacing: 2px
}
@media only screen and (max-width: 520px) {
    #headline h1 span {
        font-size: 4rem;
        line-height: 3.6rem
    }
}
#headline h2 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.1rem;
    letter-spacing: -1px;
    text-shadow: 8px 2px 25px rgba(0, 0, 0, 0.54);
    padding: 0 3rem;
    color: #fff
}
@media only screen and (max-width: 991px) {
    #headline h2 {
        font-size: 2.1rem;
        line-height: 2.1rem;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 767px) {
    #headline h2 {
        padding: 0
    }
}
@media only screen and (max-width: 520px) {
    #headline h2 {
        padding: 0 1rem;
        font-size: 1.2rem;
        line-height: 2.3rem;
        letter-spacing: 0;
        margin: 0 0 -10px
    }
}
#headline h2 span {
    font-size: 2.3rem;
    line-height: 3.1rem
}
@media only screen and (max-width: 520px) {
    #headline h2 span {
        font-size: 1.3rem;
        line-height: 1.1rem
    }
}
#headline h2 span span {
    font-size: 3.5rem
}
@media only screen and (max-width: 520px) {
    #headline h2 span span {
        font-size: 1.9rem
    }
}
#headline p {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    text-shadow: -10px 3px 15px rgba(0, 0, 0, 0.55);
    padding: 0 2rem 0 3rem;
    color: #fff
}
@media only screen and (max-width: 991px) {
    #headline p {
        font-size: 1.3rem;
        line-height: 1.9rem;
        padding: 0 2rem 0 3rem
    }
}
@media only screen and (max-width: 580px) {
    #headline p {
        display: none!important
    }
}
#headline .imgB {
    padding-left: 3rem;
    max-width: 470px;
    width: 100%;
    height: auto
}
@media only screen and (max-width: 767px) {
    #headline .imgB {
        padding: 0
    }
}
@media only screen and (max-width: 480px) {
    #headline .imgB {
        display: none!important
    }
}
.imgMob {
    display: none;
    padding-left: 0;
    margin: 2rem 0;
    max-width: 470px;
    width: 100%;
    height: auto
}
@media only screen and (max-width: 480px) {
    .imgMob {
        display: block
    }
}
.col-md-6.col-lg-5 {
    margin-top: -35px;
    margin-bottom: 35px
}
@media only screen and (max-width: 991px) {
    .col-md-6.col-lg-5 {
        margin: 0 0 2rem
    }
}
.container-form {
    max-width: 400px;
    height: 100%;
    margin: 10px auto;
    background-color: #FFFFFF;
    padding: 1.8rem 1.8rem 1.1rem;
    min-height: 440px;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)
}
@media only screen and (max-width: 768px) {
    .container-form {
        margin: 2rem auto
    }
}

@media only screen and (max-width: 460px) {
    .container-form span {
        font-size: 2rem!important
    }
}
.container-form p {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 13px;
    padding-bottom: 0
}
@media only screen and (max-width: 1200px) {
    .container-form p {
        padding-bottom: 5px
    }
}
.container-chrono {
    width: 50px;
    float: left
}
.container-chrono img {
    width: 50px;
    margin-top: 0
}
.container-info {
    float: left;
    width: 100%;
    text-align: center
}
.container-info hr {
    margin-top: 1rem;
    margin-bottom: 0;
    border: 0;
    border-top: 2px solid #8cc53f;
    width: 15%
}
.container-title {
    display: block;
    width: 100%;
    float: left
}
@media only screen and (max-width: 991px) {
    .container-title {
        text-align: center
    }
}
.navbar {
    margin-bottom: 0
}
@media only screen and (max-width: 991px) {
    .navbar {
        padding: 0;
        font-size: 1.8rem
    }
}
.navbar i {
    color: #8cc53f
}
@media only screen and (max-width: 991px) {
    .navbar ul.navbar-nav {
        padding: 0 0 1rem!important;
        font-size: 1.8rem;
        text-align: center;
        margin: 0 auto
    }
}
@media only screen and (max-width: 410px) {
    .navbar ul.navbar-nav {
        font-size: 1.2rem
    }
}
.navbar .col-xs-12.col-sm-12.col-md-10 {
    text-align: center
}
.navbar .col-xs-12.col-sm-12.col-md-10 ul {
    float: initial
}
.navbar .col-xs-12.col-sm-12.col-md-10 ul li {
    float: initial;
    display: inline-block
}
.navbar .baseline {
    margin-top: .5rem
}
.navbar .baseline a {
    text-align: left
}
@media only screen and (max-width: 991px) {
    .navbar .baseline a {
        text-align: center
    }
}
@media only screen and (max-width: 991px) {
    .navbar .baseline {
        width: 100%;
        text-align: center
    }
}
.navbar .check {
    margin-top: 1.5rem;
    margin-left: 1rem
}
@media only screen and (max-width: 991px) {
    .navbar .check {
        margin: 0 auto
    }
}
.navbar svg {
    max-width: 125px;
    margin-top: 1rem
}
@media only screen and (max-width: 340px) {
    .navbar svg {
        max-width: 110px
    }
}
.navbar-header {
    text-align: center;
    float: none
}
.navbar-default {
    background: transparent!important;
    border: none
}
.navbar-brand {
    padding: 0;
    pointer-events: none;
    float: none
}
@media only screen and (max-width: 991px) {
    .navbar-brand {
        float: initial
    }
}
.navbar-brand img {
    margin-top: 1.5rem;
    width: 100%;
    height: auto;
    max-width: 200px;
    display: inherit
}
@media only screen and (max-width: 991px) {
    .navbar-brand img {
        margin-top: 1rem;
        max-width: 200px;
        display: inherit;
        width: 25%;
        height: auto
    }
}
@media only screen and (max-width: 620px) {
    .navbar-brand img {
        max-width: 150px;
        width: 100%;
        height: auto
    }
}
ul.navbar-nav {
    padding: .3rem 0 0!important
}
@media only screen and (max-width: 991px) {
    ul.navbar-nav {
        padding: 0 0 1rem!important
    }
}
.navbar-nav {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 1.8rem;
    font-style: italic;
    pointer-events: none;
    font-weight: 700;
    padding-right: 50px
}
@media only screen and (max-width: 1300px) {
    .navbar-nav {
        font-size: 17px
    }
}
.navbar-nav a {
    color: #00539f!important
}
@media only screen and (max-width: 1200px) {
    .navbar-nav a {
        padding: 8px 8px 0!important
    }
}
.navbar-nav a.spe {
    color: #e30613!important;
    font-weight: 700!important
}
@media only screen and (max-width: 991px) {
    .navbar-nav li {
        display: inline-block
    }
}
@media only screen and (max-width: 991px) {
    .container > .navbar-header {
        margin-left: 0!important;
        margin-right: 0!important
    }
}
.special {
    padding: 1rem;
    font-size: 1.6rem!important;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin: 0
}
@media only screen and (max-width: 460px) {
    .special {
        font-size: 1.25rem!important
    }
}
.special span {
    font-size: 1.6rem!important;
    font-weight: 700!important
}
.special2 {
    padding: 1rem;
    font-size: 1.6rem!important;
    text-align: center;
    color: #00539f;
    font-weight: 700;
    margin: 0
}
@media only screen and (max-width: 460px) {
    .special2 {
        font-size: 1.25rem!important
    }
}
.led {
    max-width: 250px;
    width: 100%;
    height: auto;
    margin: 3rem 0
}
.etape {
    font-weight: 700!important;
    font-size: 2.5rem!important;
    line-height: .6
}
@media only screen and (max-width: 460px) {
    .etape {
        font-size: 2.1rem!important
    }
}
.info-l {
    font-size: 1rem!important;
    padding-top: 1rem
}
.form {
    padding: 0 5px 15px;
    color: #fff
}
@media only screen and (max-width: 992px) {
    .form {
        padding-bottom: 25px
    }
}
@media only screen and (max-width: 410px) {
    .form {
        padding: 5px 5px 15px
    }
}

.form p {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 13px;
    padding-bottom: 0
}
@media only screen and (max-width: 1200px) {
    .form p {
        padding-bottom: 5px
    }
}
.form .radioInp {
    width: 100%;
    display: block
}
.form .radioInp input {
    display: inline-block;
    width: 25px
}
.form .radioInp label.simulator {
    position: absolute;
    display: inline-block;
    margin: 1rem
}
.form .radioInp .inp {
    float: left;
    width: 49%
}
@media only screen and (max-width: 400px) {
    .form .radioInp .inp {
        display: block;
        width: 100%
    }
}
#form1,
#form2,
#form3,
#form4,
#form5,
#form6,
#form7,
#form8,
#form9,
#formf,
#formEli,
#formNonEli {
    display: none
}
#formf .control {
    text-align: center
}
#formf .container-info {
    width: 100%;
    margin-left: 0;
    text-align: center;
    color:#666666;
}
#formf p {
    font-size: 2.15rem;
    padding: 2rem 0 3rem
}
#formf h2 {
    font-size: 4rem;
    padding: 2rem 0;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
    color:#8cc53f;
}
#formf i {
    font-size: 8rem;
    color: #8cc53f
}

label.simulator {
    font-family: 'Raleway', 'arial', sans-serif;
    margin-top: 8px;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center
}
@media only screen and (max-width: 350px) {
    .labSpe {
        font-size: 15px
    }
}
label.simulator.btn {
    width: 100%;
    height: 35px;
    display: block;
    line-height: 3rem;
    border: 1px solid transparent;
    border-radius: 4px!important;
}
select.input-lg {
    height: 28px
}
@media only screen and (max-width: 1200px) {
    select.input-lg {
        height: 26px
    }
}
.form-control {
    border: none
}
.input-lg, .input-group-addon {
    height: 35px;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
    margin-bottom: .8rem;
    font-size: 1.8rem;
    border-radius: 0;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-bottom-color:#4444;
}

.input-group-addon {border:0px}
.stitre {color:#444444;text-align:center;font-size:0.8em;margin-top:-5px;margin-bottom:5px}

@media only screen and (max-width: 1200px) {
    .input-lg {
        height: 40px
    }
}
@media only screen and (max-width: 991px) {
    .input-lg {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4)
    }
}
.input-lg:focus {
    outline: 0!important;
    -webkit-box-shadow: 0 2px 0 #8cc53f!important;
    -moz-box-shadow: 0 2px 0 #8cc53f!important;
    box-shadow: 0 2px 0 #8cc53f!important
}
.input-lg:hover {
    outline: 0!important;
    -webkit-box-shadow: 0 2px 0 #8cc53f!important;
    -moz-box-shadow: 0 2px 0 #8cc53f!important;
    box-shadow: 0 2px 0 #8cc53f!important
}
@media only screen and (max-width: 991px) {
    .input-lg:hover {
        border-bottom: 2px solid #8cc53f
    }
}
button {
    width: 100%;
    margin-top: 7px;
    color: #fff!important;
    font-family: 'Raleway', 'arial', sans-serif
}
.appt.btn {
    font-size: 1.5rem
}
@media only screen and (max-width: 1200px) {
    .appt.btn {
        font-size: 1rem
    }
}
.btn {
    height: 45px;
    padding: 0;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-size: 2rem;
    font-weight: 700
}
.btn-danger {
    background: #e30613;
    border-color: #e30613
}
@media only screen and (max-width: 991px) {
    .btn {
        font-size: 1.4rem
    }
}

.btn-default.focus,
.btn-default:focus {
    background: #e30613;
    border-color: #e30613
}
.faCon1 {
    position: absolute!important;
    bottom: 74%;
    right: 0
}
@media only screen and (max-width: 767px) {
    .faCon1 {
        bottom: 34%;
        right: -2%
    }
}
@media only screen and (max-width: 460px) {
    .faCon1 {
        bottom: 38%;
        right: -2%
    }
}
.faCon2 {
    position: absolute!important;
    bottom: 41%;
    right: 0
}
@media only screen and (max-width: 767px) {
    .faCon2 {
        bottom: 18%;
        right: -2%
    }
}
@media only screen and (max-width: 460px) {
    .faCon2 {
        bottom: 20%;
        right: -2%
    }
}
.faCon3 {
    position: absolute!important;
    bottom: 8%;
    right: 0
}
@media only screen and (max-width: 767px) {
    .faCon3 {
        bottom: 1%;
        right: -2%
    }
}
@media only screen and (max-width: 460px) {
    .faCon3 {
        bottom: 1%;
        right: -2%
    }
}
.btn-group,
.btn-group-vertical {
    width: 100%
}
.bullets {
    padding-top: 3rem;
    padding-bottom: 6rem
}
@media only screen and (max-width: 767px) {
    .bullets {
        padding-top: 0
    }
}
.bullets .container {
    background: #fff
}
.bullets .rowT {
    background: none;
    min-height: 0
}
.bullets .rowT .col-md-12 {
    margin-bottom: 2rem
}
.bullets div {
    text-align: center
}
.bullets h1 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 3rem;
    padding: 0 10rem 1rem;
    margin: 0 auto;
    color: #0369b3;
    font-weight: 100;
    text-transform: uppercase
}
.bullets h1 span {
    font-size: 4rem!important;
    font-weight: 700
}
@media only screen and (max-width: 560px) {
    .bullets h1 span {
        font-size: 2.5rem!important
    }
    .bullets h1 {
        font-size: 2rem;
        padding: 2rem 1rem 1rem
    }
}
.bullets * {
    font-family: 'Raleway', 'arial', sans-serif;
    color: #5c5c5c;
    font-size: 18px;
    margin-top: 5px;
    padding: 0 4rem
}
.bullets span {
    font-size: 5rem!important;
    margin-top: 1.5rem
}
.bullets .bull {
    background: rgba(0, 83, 159, 0.4);
    color: #FFF;
    font-size: 2.5rem!important;
    padding: 5px 0!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    width: 20%;
    margin: 0 auto;
    margin-bottom: 1.5rem
}
@media only screen and (max-width: 992px) {
    .bullets .bull {
        margin-bottom: 2rem
    }
}
.bullets i {
    margin: 0 auto;
    color: #ff4c4c
}
.bullets .fa-inverse {
    color: #fff
}
.bullets .container-fluid {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background: #ececec;
    height: 50px
}
.bullets hr {
    width: 10%;
    border: 1px solid #e30613;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 2rem
}
.bullets .sec {
    font-family: "Raleway", "arial", sans-serif;
    color: #002456;
    font-size: 2.5rem!important
}
@media only screen and (max-width: 560px) {
    .bullets .sec {
        font-size: 2rem!important
    }
}
#credit {
    padding: 0;
    background-color: #e96910
}
#credit div {
    padding: 0
}
#credit img {
    width: 100%;
    height: auto
}
#credit .col-sm-4.col-md-4 {
    text-align: center
}
#credit .col-sm-4.col-md-4 img {
    max-width: 300px;
    margin-top: 26%
}
@media only screen and (max-width: 1800px) {
    #credit .col-sm-4.col-md-4 img {
        margin-top: 23%
    }
}
@media only screen and (max-width: 1500px) {
    #credit .col-sm-4.col-md-4 img {
        margin-top: 11%
    }
}
@media only screen and (max-width: 1150px) {
    #credit .col-sm-4.col-md-4 img {
        margin-top: 1%
    }
}
@media only screen and (max-width: 991px) {
    #credit .col-sm-4.col-md-4 img {
        max-width: 220px;
        margin: 6%
    }
}
@media only screen and (max-width: 840px) {
    #credit .col-sm-4.col-md-4 img {
        max-width: 220px;
        margin: 3%
    }
}
@media only screen and (max-width: 768px) {
    #credit .col-sm-4.col-md-4 img {
        max-width: 220px;
        margin: 2%
    }
}
#fiscalite-info {
    text-align: center;
    padding-top: 3rem;
    background-color: #f1f1f1;
    color: #5c5c5c;
    padding-bottom: 3rem
}
#fiscalite-info h1 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 3rem;
    padding: 0 10rem 1rem;
    margin: 0 auto;
    color: #0369b3;
    font-weight: 100;
    text-transform: uppercase
}
#fiscalite-info h1 span {
    font-size: 4rem!important;
    font-weight: 700;
    color: #0369b3
}
@media only screen and (max-width: 560px) {
    #fiscalite-info h1 span {
        font-size: 3rem!important
    }
}
@media only screen and (max-width: 560px) {
    #fiscalite-info h1 {
        font-size: 2.2rem;
        padding: 2rem 1rem 1rem
    }
}
#fiscalite-info hr {
    width: 10%;
    border: 1px solid #e30613;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 4rem
}
#fiscalite-info h2 {
    font-size: 2rem;
    font-weight: 400;
    color: #5c5c5c
}
@media only screen and (max-width: 560px) {
    #fiscalite-info h2 {
        font-size: 1.6rem
    }
}
#fiscalite-info h3 {
    color: #000
}
#fiscalite-info h3,
#fiscalite-info p {
    text-align: center
}
#fiscalite-info p {
    padding: 0 6rem
}
@media only screen and (max-width: 991px) {
    #fiscalite-info p {
        padding: 0 3rem
    }
}
@media only screen and (max-width: 600px) {
    #fiscalite-info p {
        padding: 0 1rem
    }
}
@media only screen and (max-width: 520px) {
    #fiscalite-info p {
        padding: 0
    }
}
#fiscalite-info span {
    color: #e30613
}
#fiscalite-info .bull {
    background: #8cc53f;
    color: #FFF;
    font-size: 2.5rem!important;
    padding: 5px 0!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    width: 20%;
    margin: 0 auto;
    margin-bottom: 1.5rem
}
@media only screen and (max-width: 992px) {
    #fiscalite-info .bull {
        margin-bottom: 2rem
    }
}
#fiscalite-info .hidden-xs.hidden-sm {
    width: 100%;
    height: auto;
    max-width: 930px
}
#fiscalite-info .hidden-md.hidden-lg {
    width: 100%;
    height: auto;
    max-width: 400px
}
#fiscalite-info .why {
    font-size: 1.5rem;
    text-align: center
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #d3d3d3;
    text-align: center;
    height: auto
}
footer p {
    margin: 0;
    padding: 16px;
    text-align: center
}
.modal .modal-header button {
    color: #000!important;
    text-align: right;
    font-size: 3rem;
    width: 7%;
    position: absolute;
    right: 0
}
.modal .modal-header button span {
    margin-right: 1.3rem
}
.modal .modal-header {
    border: none!important
}
.modal .modal-footer {
    border: none!important
}
.modal .close {
    opacity: 1;
    margin-top: -2px;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    position: absolute;
    font-size: 30px;
    color: #00539f!important
}
.modal h4 {
    text-align: center;
    padding: 2rem
}
.modal .modal-content {
    background-color: rgba(255, 255, 255, 0.9)
}
.modal .border-modal {
    border-top: 1px solid #fff;
    margin-bottom: 30px
}
.modalR {
    max-width: 570px;
    width: 100%;
    height: auto
}
.fa-stack {
    font-size: 2rem!important
}
.fa-stack-2x {
    color: #fe8004
}
.fa-eur:before {
    display: none
}
b {
    font-family: 'Raleway', 'arial', sans-serif
}
.radio {
    margin-bottom: 5px
}
.radio label.simulator span {
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    transition-duration: .2s
}
.radio label.simulator .circle {
    border: 1px solid rgba(0, 83, 159, 0.4);
    height: 15px;
    width: 15px;
    border-radius: 100%
}
.radio label.simulator .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #e30613;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0)
}
.radio label.simulator .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.8);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -moz-transform: scale3d(1.5, 1.5, 1);
    -o-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1)
}
.radio label.simulator input[type=radio]:checked ~ .check:after {
    -webkit-animation: rippleOff 500ms;
    -moz-animation: rippleOff 500ms;
    -o-animation: rippleOff 500ms;
    -ms-animation: rippleOff 500ms;
    animation: rippleOff 500ms
}
.radio input[type=radio]:checked ~ .circle {
    border-color: #e30613
}
.radio input[type=radio]:hover ~ .circle {
    border-color: #8cc53f
}
.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden
}
.radio input[type=radio]:checked ~ .check {
    -webkit-transform: scale3d(0.65, 0.65, 1);
    -moz-transform: scale3d(0.65, 0.65, 1);
    -o-transform: scale3d(0.65, 0.65, 1);
    -ms-transform: scale3d(0.65, 0.65, 1);
    transform: scale3d(0.65, 0.65, 1);
    background-color: #e30613
}
.radio input[type=radio]:checked ~ .check,
.radio .radio input[type=radio]:checked ~ .circle {
    opacity: 1
}
.alert {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    background-color: rgba(252, 45, 45, 0.8);
    text-align: center;
    border: none;
    position: fixed;
    top: 0;
    z-index: 100
}
.alert button {
    color: #830d0d!important;
    text-align: right!important;
    font-size: 4rem!important;
    width: 5%!important;
    position: absolute!important;
    right: 1.5%!important;
    top: -.7%!important;
    opacity: 1!important;
    margin: 0;
    padding: 0
}
.alert button:focus {
    outline: none
}
@media only screen and (max-width: 785px) {
    .alert button {
        top: 1.5%!important
    }
}
@media only screen and (max-width: 784px) {
    .alert button {
        top: 0!important
    }
}
@media only screen and (max-width: 630px) {
    .alert button {
        top: -.3%!important
    }
}
@media only screen and (max-width: 500px) {
    .alert button {
        right: 3.5%!important
    }
}
.alert .col-md-12 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    padding: 0;
    display: table;
    width: 100%;
    height: 40px
}
@media only screen and (max-width: 590px) {
    .alert .col-md-12 {
        font-size: 1.4rem;
        line-height: 1.6rem
    }
}
.alert .col-md-12 p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 4rem;
    cursor: pointer
}
.alert .col-md-12 p:hover {
    text-decoration: underline
}
.final-cta {
    padding-top: 3rem;
    padding-bottom: 10rem
}
@media only screen and (max-width: 350px) {
    .final-cta {
        padding-bottom: 11rem
    }
}
.final-cta button {
    width: 45%;
    margin: 0 auto
}
@media only screen and (max-width: 580px) {
    .final-cta button {
        width: 80%
    }
}
.final-cta .container {
    background: #fff
}
.final-cta .rowT {
    background: none;
    min-height: 0
}
.final-cta .rowT .col-md-12 {
    margin-bottom: 2rem
}
.final-cta div {
    text-align: center
}
.final-cta h1 {
    font-family: 'Raleway', 'arial', sans-serif;
    font-size: 3rem;
    padding: 0 10rem 1rem;
    margin: 0 auto;
    color: #0369b3;
    font-weight: 100;
    text-transform: uppercase
}
.final-cta h1 span {
    font-size: 4rem!important;
    font-weight: 700
}
@media only screen and (max-width: 560px) {
    .final-cta h1 span {
        font-size: 2.5rem!important
    }
}
@media only screen and (max-width: 560px) {
    .final-cta h1 {
        font-size: 2rem;
        padding: 2rem 1rem 1rem
    }
}
.final-cta h2 {
    font-family: 'Raleway', 'arial', sans-serif;
    color: #5c5c5c;
    font-size: 18px;
    margin-top: 5px;
    padding: 0 4rem
}
.final-cta span {
    font-size: 5rem!important;
    margin-top: 1.5rem
}
.final-cta .bull {
    background: rgba(0, 83, 159, 0.4);
    color: #FFF;
    font-size: 2.5rem!important;
    padding: 5px 0!important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    display: block;
    width: 20%;
    margin: 0 auto;
    margin-bottom: 1.5rem
}
@media only screen and (max-width: 992px) {
    .final-cta .bull {
        margin-bottom: 2rem
    }
}
.final-cta i {
    margin: 0 auto;
    color: #8cc53f
}
.final-cta .fa-inverse {
    color: #fff
}
.final-cta .container-fluid {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    background: #ececec;
    height: 50px
}
.final-cta hr {
    width: 10%;
    border: 1px solid #e30613;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 2rem
}
.final-cta .sec {
    color: #002456;
    font-size: 2.5rem!important
}
@media only screen and (max-width: 560px) {
    .final-cta .sec {
        font-size: 2rem!important
    }
}

.btn-primary{
	background-color:#00438c;
}

.btn-primary:hover{
	background-color:#59a6d1;
	border-color:#59a6d1;
}

.flexer,
.progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.no-flexer,
.progress-indicator.stacked {
    display: block
}
.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0
}
.flexer-element,
.progress-indicator>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}
.progress-indicator {
    margin: 0 0 1em;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase
}
.progress-indicator>li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block
}
.progress-indicator>li:hover {
    color: #6f6f6f
}
.progress-indicator>li.completed,
.progress-indicator>li.completed .bubble {
    color: #65d074
}
.progress-indicator>li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #bbb;
    display: block;
    margin: 0 auto .5em;
    border: 4px solid #888
}
.progress-indicator>li .bubble:after,
.progress-indicator>li .bubble:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb
}
.progress-indicator>li.completed .bubble,
.progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
    background-color: #ffffff;
    border-color: #8cc53f
}
.progress-indicator>li .bubble:before {
    left: 0
}
.progress-indicator>li .bubble:after {
    right: 0
}
.progress-indicator>li:first-child .bubble:after,
.progress-indicator>li:first-child .bubble:before {
    width: 50%;
    margin-left: 50%
}
.progress-indicator>li:last-child .bubble:after,
.progress-indicator>li:last-child .bubble:before {
    width: 50%;
    margin-right: 50%
}
.progress-indicator>li.active,
.progress-indicator>li.active .bubble {
    color: #337AB7
}
.progress-indicator>li.active .bubble,
.progress-indicator>li.active .bubble:after,
.progress-indicator>li.active .bubble:before {
    background-color: #337AB7;
    border-color: #122a3f
}
.progress-indicator>li a:hover .bubble,
.progress-indicator>li a:hover .bubble:after,
.progress-indicator>li a:hover .bubble:before {
    background-color: #5671d0;
    border-color: #1f306e
}
.progress-indicator>li a:hover .bubble {
    color: #5671d0
}
.progress-indicator>li.danger .bubble,
.progress-indicator>li.danger .bubble:after,
.progress-indicator>li.danger .bubble:before {
    background-color: #ffffff;
    border-color: #ff4c4c;
}
.progress-indicator>li.danger .bubble {
    color: #d3140f
}
.progress-indicator>li.warning .bubble,
.progress-indicator>li.warning .bubble:after,
.progress-indicator>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304
}
.progress-indicator>li.warning .bubble {
    color: #edb10a
}
.progress-indicator>li.info .bubble,
.progress-indicator>li.info .bubble:after,
.progress-indicator>li.info .bubble:before {
    background-color: #5b32d6;
    border-color: #25135d
}
.progress-indicator>li.info .bubble {
    color: #5b32d6
}
.progress-indicator.stacked>li {
    text-indent: -10px;
    text-align: center;
    display: block
}
.progress-indicator.stacked>li .bubble:after,
.progress-indicator.stacked>li .bubble:before {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%
}
.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60%!important;
    width: 45%!important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em
}
.progress-indicator.stacked>li a {
    border: none
}
.progress-indicator.stacked.nocenter>li .bubble {
    margin-left: 0;
    margin-right: 0
}
.progress-indicator.stacked.nocenter>li .bubble:after,
.progress-indicator.stacked.nocenter>li .bubble:before {
    left: 10px
}
.progress-indicator.stacked.nocenter .stacked-text {
    width: auto!important;
    display: block;
    margin-left: 40px!important
}

#progressContainer {
	background-color:#00438c;border-radius:12px 12px 0 0;margin:-18px -18px 0px -18px;padding:10px 10px 5px 10px
}

@media handheld,
screen and (max-width: 400px) {
    .progress-indicator {
        font-size: 60%
    }
}

#loader {

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(3,105,179,0.95);
    z-index: 1000001;

}

#loader-container {
  width: 200px;
  height: 200px;
  color: white;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 5px solid #0369b3;
  border-radius: 50%;
  -webkit-animation: borderScale 1s infinite ease-in-out;
  animation: borderScale 1s infinite ease-in-out;
  z-index: 1000001;
}

#loadingText {
  font-family: 'Raleway', sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes borderScale {
  0% {
    border: 5px solid white;
  }
  50% {
    border: 25px solid #0369b3;
  }
  100% {
    border: 5px solid white;
  }
}

@keyframes borderScale {
  0% {
    border: 5px solid white;
  }
  50% {
    border: 25px solid #0369b3;
  }
  100% {
    border: 5px solid white;
  }
}

.callback-container {
    position: relative;
}

.callback-container .fab {
    position: relative;
    height: 60px;
    width: 60px;
    margin: 20px auto;
    background-color: #12a5f4;
    border-radius: 50%;
    text-align: center;
    animation: grow 1s ease infinite;
}
.callback-container .fab:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: '';
    display: block;
    background-color: rgba(255, 255, 255, 0.27);
    border-radius: 50%;
    animation: inner_grow 1s ease-out infinite;
}
.callback-container .fab svg {
    height: 60px;
    width: 40px;
    fill: white;
    animation: vibrate 0.1s linear infinite;
}

@keyframes grow {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.1);
    }
}
@keyframes inner_grow {
    0% {
      height: 0px;
      width: 0px;
    }
    60% {
      height: 50px;
      width: 50px;
      opacity: 1;
    }
    100% {
      height: 0px;
      width: 0px;
      opacity: 0;
    }
}
@keyframes vibrate {
    0% {
      transform: translateX(0px) scale(1);
    }
    25% {
      transform: translateX(-3px) scale(1.025);
    }
    75% {
      transform: translateX(3px) scale(1.075);
    }
    100% {
      transform: translateX(0px) scale(1.1);
    }
}