@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
    background-color: #fff!important;  /* fallback for old browsers */
	color: #000;
}


#prelander {
	border: solid 0px #9b9b9b;
	background: rgba(255,255,255, .0);
	width: 80%;
	margin: 0 auto;
}
#prelander p {
	font-size: 20px;
	text-align: center; color:#000;
}
#prelander span {
	width: 100%;
}
#prelander.wizard > .steps ul:after, .checkbox-circle .checkmark:after {
	background: -webkit-linear-gradient(top,#f9b04f, #f8981a)!important;
    border-radius: 25px;
   
}
#prelander.wizard > .steps ul {
	background: #ccc;
	border: 1px solid #ddd;
}

.pactions a, .form-header a, .actions li a {
	background: -webkit-linear-gradient(top,#f9b04f, #f8981a)!important;
    border-radius: 25px;
    border: 0px solid #d2bb2c;
}
.pactions li a:hover, .actions li a:hover {
	background: -webkit-linear-gradient(top,#f8981a,#f9b04f);
   
}

a {
	color: #232f3e;
}


/* -----------------------------------------------------------------------------*/ 
h1 {text-align: center;  font-weight: bold; font-family: 'Roboto', sans-serif; text-shadow: none; padding: 0;}
.big-title {font-size: 1.5em; color: #000; line-height: 1em;}
.big-title > span  {font-size: .9em; color: #f8981a; }
h3.subtitle {text-transform: initial; margin-bottom: 10px; margin-top: 0px;letter-spacing: 0px; color:#000; }
.pactions li {display: block;}
.pactions a {display: inline-block; padding: 20px; padding-top: 1em; height: auto; border-radius: 3px; width: 97%; /*min-width: 115px;*/ margin: 0 5px; text-align: center; }
.female {margin-left: 2em; }
#wizard { border: solid 0px #9b9b9b; background: rgba(255, 255, 255, .0);}
#wizard .steps { display: none;} /* Remove the top steps from the form */
.footer {font-size: 10px; margin-top: 2em; text-align: center; color: #000;}
.footer a:link {font-size: 10px; font-weight: bold; padding: 5px; color: #000; }
/* ONLY FOR FR */ 
#content-body { /*min-height: 100vh; */ height: 150vh; width: 100%; margin: 0 auto;}
#contentsection{ /*min-height: 100vh;*/  width: 80%;  margin: 0 auto!important;}
#footersection-white{ width: 80%; margin: 0 auto!important;}
#footer-fr {display: block; width: 100%; padding: 0em; background: rgba(255, 255, 255, .8) /*linear-gradient(rgba(0,0,0,.25),transparent 8px);*/ }
/**/ 
/* form */  
#box-form {border-radius: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15), 0px 5px 10px rgba(0, 0, 0, 0.15), 0px 10px 35px rgba(0, 0, 0, 0.10);}
.form-row .form-holder { width: 100%; }
.form-control, .checkbox-circle .checkmark { border: 1px solid #c2c2c2; background: #fff;}
input, textarea, select, button { color: #000;}
.form-control:focus {border: 1px solid #c2c2c2;}
.form-control::-webkit-input-placeholder {  color: #999; text-transform: uppercase; }
.form-control::-moz-placeholder { color: #999; text-transform: uppercase; }
.form-control:-ms-input-placeholder { color: #999; text-transform: uppercase; }
.form-control:-moz-placeholder { color: #999; text-transform: uppercase; }
select {color: #999;}
.checkbox-circle .checkmark { border: 1px solid #ccc; background: #fcdcdb;}
#prelander.wizard > .steps ul:after, .checkbox-circle .checkmark:after { background: #000;}
.date  { width:32% } 
.legal {font-size:11px}

#coreg { padding: 10px 10px 10px 10px;} 

    /* Pop Up message*/ 
.ct-popup-background { background-color: rgba(255, 255, 255, 0.8);}
.form-header a { font-size: 1.5em;}
.ct-popup-content { background-color: #e8e8e8;}
/* countdowm */ 
#countdownbadge { display: none;
    position: absolute;
    background: rgba(241, 163, 55, 0.8);
    color: #fff;
    bottom: 0;
    width: 175px;
    height: 175px;
    max-width: 25vw;
    max-height: 25vw;
    border: 1px solid #000;
    border-radius: 50%;
    font-size: 35px;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    z-index: 10;
    align-items: center;
    justify-content: center;
}
.position-relative { position: relative!important;}
/* Steps */ 
.steps-footer { padding: 5px 15px; position: relative; box-shadow: 0 10px 10px rgb(0 0 0 / 50%);}
.steps-footer >div {align-items: center; display: flex; justify-content: center; transform-origin: 50% 0; width: 100%;}
.active>.step-item:not(.active), .done>.step-item:not(.done), :not(.active)>.step-item.active, :not(.done)>.step-item.done { display: none;}
.step-item {
    --current-step-symbol-color: #fff;
    --current-step-bg-color: #b3b3b3;
    --current-step-text-color: #b3b3b3;
    align-items: center;
    display: flex;
}

.step-item .step-symbol .step-bg {
    fill: #b3b3b3;
}
.step-item .step-symbol .step-fg-stroke {
    stroke-miterlimit: 10;
    stroke: #fff;
}
.step-item .step-symbol {
    height: auto;
    margin-bottom: 6px;
    margin-top: 6px;
    width: 45px;
}
.step-item span {
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0.5em;
    vertical-align: middle;
    white-space: nowrap;
}
.step-item span:nth-of-type(2) {
    font-size: 18px;
    padding-left: 0;
}
.step-item .step-symbol text {
    font-size: 45px;
}
.step-item .step-arrow {
    height: 14px;
    width: 14px;
}
.step-item .step-arrow path {
    fill: #b3b3b3;
}
/* Steps */ 

/* blinky */ 
.actions li a {
 /*   background: -webkit-linear-gradient(top,#3e59f8, #2f48da, #1428a0, #1428a0) !important; 
    background-image: linear-gradient(to bottom, #3e59f8, #2f48da, #1428a0, #1428a0) !important; */
    box-shadow: #959595 0 2px 5px;
    border-radius: 2em;
	width: 337px; letter-spacing: 0px;
}
.actions li a:before {right: 14px;}


.actions li a {
    -webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
    animation: pulsate-bck 0.9s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-bck {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* end blinky */ 

@media (min-width: 600px){ 
body {
background: url(../img/bg-desk.jpg) no-repeat top center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
    
.desk{display: inherit;}
.mob{display: none;}
/*.headline {text-align: left!important; align-items: start;}*/
h1 { margin-bottom:0em; margin-left: .3em;}
h3.subtitle {font-size: 24px;}
#countdownbadge { right: 0em!important; top: 7em!important; }
#countdownbadge> div { margin-top: .8em;}
#borderr {  /*border-right: 2px solid #ccc;*/ padding-right: 1em; margin: 1em 1em 1em 0;}
	/* FR */
#content-body { max-width: 100%!important; /*box-shadow: 0 10px 32px rgb(0 0 0 / 50%);*/ margin-top: 2rem;}
#contentsection, #footersection-white {max-width: 980px!important;} 
	/* */
img {/* max-width: 480px;*/ max-width: inherit; vertical-align: top; margin-top: 0em;} 
img.headline {  vertical-align: top; margin-top: 0em!important; margin-left: 0em;} 
    /* Prelander */ 
.prl-steps {display: block; margin-bottom: 0px; text-align: center;}
.pactions ul {margin-top: 10px;}
.pactions li { margin-top: 15px; /*display: inline;*/}
    /* form */ 
.checkbox-circle { justify-content: inherit!important; }
.form-control { height: 35px; } 
.form-header { margin-top: 1em!important;}      


     
}
@media only screen and (min-width: 600px) and (max-width: 769px) { 
body {  background-size: 100%!important;}
.image-holder {  height: 148px;}

}
 @media (max-width:767px) { /* mobile */
            #countdownbadge {
                font-size:5vw;
                transform: translate(-35%,-130px)
            }

         }
@media (max-width: 599px){
       body {
    background: url(../img/bg-mobile.jpg) no-repeat top center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; background-attachment: fixed;
}
h3.subtitle {margin-bottom: 0px;}
.big-title { font-size: 1em; line-height: 0em;}
#countdownbadge { top: 11em!important;}
#countdownbadge> div { margin-top: .8em;}
.desk{display: none;}
.mob{display: inherit;}
#content-body { width: 100%; margin-top: 0em;}
#contentsection, #footersection-white { width: 100%!important;}  /* FR */
#footer-fr { margin-top: 1em;}  /* FR */
.row { display: block;}
img { width: 100%; margin-top: -2.5em!important; margin-bottom: 2em;}
h1 {padding: 10px 0;}
    /* Prelander */ 
.prl-steps {margin-bottom: 5px; text-align: center;}
#prelander { padding: 5px 5px 10px 5px; margin-bottom: 4em;}
.pactions ul { margin-top: 0px;}
.pactions li { margin-top: 8px; /*display: block*/}
    /* Form */
.form-row label {margin-bottom: -2px;  /*display: inline-block;*/}
.checkbox-circle { display: inline-flex; }
.form-control { height: 31px; } 
#wizard {  padding: 10px 15px; position: relative;}
.form-header { margin-top: /*5em*/ 1em;} 
#box-form {padding-right: 5px; padding-left: 5px; box-shadow: none;}

h3.subtitle {font-size: 14px;}
.legal {font-size: 64%;}
.footer { margin-top: 3em;}

/* steps */	
.step-item .step-symbol { width: 9vw;}
.step-item span { font-size: 13px;  line-height: 1.1; padding: 0 1vw;}	
.step-item span:nth-of-type(2) { font-size: 18px; padding-left: 0;}
	
}


@media only screen and (max-width: 359px)  { /*   iphone 4, 5 */ 
img { margin-bottom: 2em; }	
.form-control {height: 27px;}
	#content-body {margin-top: 0em;}
}

@media only screen and (min-width: 569px) and (max-width: 759px)  {    /*   landscape */ 
.tabl  { max-width: 480px; margin-top: -7em; margin-bottom: 1em;}

}

@media only screen and (min-width: 760px) and (max-width: 775px)  {    /*   tablets */ 
h1 { margin-bottom: 0em;}
.tabl {width: 300px; margin: -3em 0 2em 0;}
.footer { margin-top: 9em;}
}