/****************************Reset*******************************/

html {

  scroll-behavior:smooth;

}

body{

	background: #F7F7F7 0% 0% no-repeat padding-box;

}

.body-wrapper{

	font-family:'Arial';

	font-size:16px;

	color:#494949;

	line-height:1;

	/* overflow:hidden; */

}

.body-wrapper.tutorial-wrapper{

	padding-top:80px;

}

.body-wrapper h1,

.body-wrapper h2,

.body-wrapper h3,

.body-wrapper h4,

.body-wrapper h5,

.body-wrapper .h1,

.body-wrapper .h2,

.body-wrapper .h3,

.body-wrapper .h4,

.body-wrapper .h5{

	margin:0;

	padding:0;

	line-height:1;

}

.body-wrapper p{

	margin:0;

	padding:0;

	line-height:1;

}

.body-wrapper ul{

	padding:0;

	margin:0;

	list-style-type:none;

}

a,

a:hover{

	text-decoration:none;

}

img{

	width:100%;

	max-width:100%;

}

select:hover{

	cursor:pointer;

}

/****************************Reset*******************************/



/****************************Main*******************************/

.text-main{

	color:#494949;

}

.text-grey{

	color:#666666;

}

.text-grey-light{

	color:#8F8F8F;

}

.w-220{

	max-width:220px;

}

.w-280{

	max-width:280px;

}

.w-320{

	max-width:320px;

}

.w-157{

	max-width:157px;

}

.w-22{

	max-width:22px;

}

.w-16{

	max-width:16px;

}

.border-secondary{

	border-color:#00000029 !important;

}

.border-2{

	border-width:2px;

}

.btn-blue{

	background:#2348CE;

}

.timer{

	background:#F8F0CD;

	border-top:1px solid #DFBA61;

	border-bottom:1px solid #DFBA61;

}

.timer p{

	font-size:1.2em;

}

.timer p i{

	font-size:1.2em;

}

.main .main-top:before{

	content:"";

	position:absolute;

	left:0;

	top:0;

	bottom:0;

	width:10px;

	border-radius:10px;

	background:#FFDE00;

}

.main .main-top h4{

	font-size:1em;

}

.main .main-top h3{

	font-size:3em;

}

.main .main-top p{

	font-size:1.5em;

	line-height:1.2;

}

.main .card-block{

	max-width:30rem;

}

.main .card-block .card-title{

	font-size:1em;

}

.main .card-block .card-text{

	font-size:1.4em;

	line-height:1.2em;

}

.main .card-block .card-text span{

	text-decoration:underline;

}

.main .card-block .form-outline .form-control{

	font-size:1em;

}

.main .card-block .form-outline .form-control~.form-notch div {

    border-radius:0 !important;

	border:none;

	border-bottom:3px solid #8F8F8F

}

.main .card-block .form-outline .form-control:focus~.form-notch .form-notch-trailing,

.main .card-block .form-outline .form-control:focus~.form-notch .form-notch-leading,

.main .card-block .form-outline .form-control:focus~.form-notch .form-notch-middle{

	border:none;

	border-bottom:3px solid #2348CE;

}

.main .card-block .form-outline .form-control~.form-label {

    padding-top: 1rem;

}

.main .card-block .form-outline .form-control{

	min-height:52px;

	background:#F5F5F5;

}

.main .card-block .form-outline .form-control.active~.form-label, .form-outline .form-control:focus~.form-label {

    -webkit-transform: translateY(-.5rem) translateY(.1rem) scale(.8);

    transform: translateY(-.5rem) translateY(.1rem) scale(.8);

	font-size:.8em;

	color:#8F8F8F !important;

}

.main .card-block .form-outline .form-control:focus~.form-label {

    color: #2348CE;

}

.main .card-block .form-check p{

	font-size:1.2em;

	line-height:1.5

}

.main .card-block .form-check .recommended{

	border-radius: 25px;

	background:#2348CE;

	font-size:.9em;

}

.main .card-block .form-check-input[type=checkbox]:checked {

    background-color:#2348CE;

}

.main .card-block .form-check-input:checked {

    border-color: #2348CE;

}

.main .card-block .form-check-input[type=radio] {

    width: 1.55rem;

    height: 1.55rem;

    border-width: 5px;

}

.main .card-block .form-check-input[type=radio]:after{

	background:transparent;

}

.main .card-block .form-check-input[type=radio]:checked:after {

    margin-top: 0.15rem;

    margin-left: .15rem;

	border-color: #1266f1;

    background-color: #1266f1;

}

.main .card-block .form-check.active{

	border: 4px solid #2348CE;

	border-radius:25px;

}

.footer.shadow-sm{

	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075)!important;

}

.footer .container > p{

	font-size:1.3em;

}

.footer p.link{

	font-size:1em;

} 

.footer p.link a:hover{

	text-decoration:underline;

}



/****************************Main*******************************/



/****************************Responsive*******************************/

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

	.main .card-block{

    	max-width:100%;

    }

}

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

    .main-top{

		padding-left:2rem !important;

	}

	.main .main-top h3 {

        font-size: 2em;

    }

	.main .main-top p{

		font-size: 1em;

	}	

	.timer p {

        font-size: .9em;

    }

	label.h5{

		font-size:1em;

	}

	.main .card-block .form-check p{

		font-size: 1em;

	}

	.main .card-block .form-check .recommended {

        font-size: .7em;

    }

}

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

    .main .main-top h3 {

        font-size: 1.8em;

    }

	.main .main-top p{

		font-size: .9em;

	}

	.main .card-block .card-text {

        font-size: 1.3em;

	}

}

/****************************Responsive*******************************/