@charset "utf-8";

/* CSS Document */



/*GLOBAL*/



body{background-color:#1b164c; color:#fff; font-family: 'Open Sans', sans-serif;}

.nomargin{margin:0 !important;}

.nopadding{padding:0 !important;}



/*TYPO*/



h1{text-transform:uppercase; font-weight:800; margin:1rem 0;}

h2{text-transform:uppercase; font-weight:400; margin:-1rem 0 1rem 0;}

@media only screen and (min-width: 992px){

h1{font-size:72px;}

h2{font-size:48px; margin:-2rem 0 1rem 0;}

}



p{margin:1.5rem 0;}
.offerBanner{border: dotted #0d0a29 5px;    border-radius: 10px;    padding: 8px 20px;    margin: 6px 0;    color: #ffffff;    background-color: #656098;}


.btnFix{margin:1rem 0; padding:.5rem 3rem; color:#fff; font-weight:400; background-color:#ff5250; transition:all 0.2s; outline:none; border:none; text-decoration:none;}

.btnFix:hover{background-color:#DD3331; color:#fff !important; outline:none; border:none; text-decoration:none;}

.btnFix:focus{background-color:#DD3331; color:#fff; outline:none; border:none; text-decoration:none;}

.btnFix:active{background-color:#DD3331; color:#fff; outline:none; border:none; text-decoration:none;}

@media only screen and (min-width: 0px) and (max-width: 768px) {

.btnFix{padding:0.75rem 6rem;}

}

.btnFixBook{ background-color:#81c316;}

.btnFixBook:hover{ background-color:#76B016;}

.btnFixLang{padding:0.5rem 3rem; color:#fff; font-weight:400; background-color:#ff5250; transition:all 0.2s; outline:none; border:none; text-decoration:none;}
.btnFixLang:hover{background-color:#DD3331; color:#fff !important; outline:none; border:none; text-decoration:none;}
.btnFixLang:focus{background-color:#DD3331; color:#fff; outline:none; border:none; text-decoration:none;}
.btnFixLang:active{background-color:#DD3331; color:#fff; outline:none; border:none; text-decoration:none;}
@media only screen and (min-width: 0px) and (max-width: 768px) {
.btnFixLang{padding:0.75rem 0.75rem;}
}
/*LANDING*/



.languageBG{background-image:url(../img/bg1.jpg); background-size:cover; padding:20% 10%;}





/*SIGNUP*/

.signupBG{background-image:url(../img/bg2.jpg); background-size:cover; padding:2.5% 10%;}

.form-control-lg{width:100%;}





/*STEP 1*/

.stepBG{background-image:url(../img/bg3.jpg); background-size:cover; padding:3% 10% 10% 10%;}

.progressCatg{ color:#fff; font-weight:800; background-color:#ff5250; transition:all 0.2s; border-radius:50% 50% 0 0; text-align:center; padding: 1rem;}

.custom-control-inline{margin: 0 4rem 0 0; cursor:pointer; color:#909090;}

@media only screen and (min-width: 0px) and (max-width: 768px) {

.custom-control-inline{margin: 0 4rem 1rem 0;}

}

.form-group{margin:1rem 0;}

.radioFix{margin-left:2rem;}



/* This is the default state */

.custom-radio .custom-control-label::before {

    background-color: #DCDCDC;  /* grey */

}



/* This is the checked state */

.custom-radio .custom-control-input:checked~.custom-control-label::before,

.custom-radio .custom-control-input:checked~.custom-control-label::after {

    background-color: #ff5250;  /* red */

/* this bg image SVG is just a white circle, you can replace it with any valid SVG code */    

    border-radius: 50%;

}



/* active state i.e. displayed while the mouse is being pressed down */

.custom-radio .custom-control-input:active ~ .custom-control-label::before {

    color: #fff;

    background-color: #ff0000; /* red */

}

    

/* the shadow; displayed while the element is in focus */

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {

    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */

}





/*STEP 2*/

.stepBG2{background-image:url(../img/bg4.jpg); background-size:cover; padding:3% 0 10% 0;}





/*RESULT*/ 

.chartBg{background-color:#1b164c; margin: 5rem 0 5rem 0; padding: 2%;}

.legendIcon{ color:#fff; font-weight:800; background-color:#ff5250; transition:all 0.2s; border-radius:50% 50% 50% 50%; text-align:center; padding: .75rem 0.25rem; border:thick #ff5250 solid inset;}

.legendIcon:hover{border:thick #FFF solid inset;}

.resultFix{font-weight:800; text-transform:uppercase;}



/*FOOTER*/

.footerBG{background-color:#652045; padding:40px; margin:0 auto; color:rgba(219,157,158,1.00); text-align:center;}