@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap')

a,b,blockquote,body,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,legend,li,ol,p,pre,q,s,samp,small,span,strike,strong,u,ul{
margin:0;
padding:0;
border:0;
outline:0
}
body{
background:url(../img/1.jpg) no-repeat;
background-size:cover;
font-family:Montserrat,sans-serif;
font-size:medium!important;
overflow:hidden
}
.smaller{
font-size:smaller!important
}
/* h1{ */
/* font-size:22px!important; */
/* line-height:1.25!important; */
/* text-align:center; */
/* text-transform:uppercase; */
/* } */
.whitestripe{
	width:110%;
	text-align:left;
	background:#fff;
	color:#d3554e;
	line-height:50px;
	font-size:36px;
	text-transform:uppercase;
	font-weight:900;
	margin-top:10%;
	margin-left:-5%;
	padding-left:20%;
}
.subhead{
	color:#fff;
	text-align:left;
	font-weight:300;
	margin-top:5px;
	text-transform:uppercase;
	padding-left:15%;
}
#phone{
	z-index:5;
	position:absolute;
	top:5%;
	right:10%;
}

.firstModal{
left:35%!important;
top:39%!important;
max-width:500px;

}

.modalP{
	font-size:24px!important;
	color:#fff!important;
}

.text-center{
	font-size:16px!important;
	color:#555!important;
	margin-top:-20px;
	margin-bottom:20px;
}
@media(max-width:1200px){
.whitestripe{
	padding-left:10%;
}
.subhead{
	padding-left:5%;
}
#phone{
	right:5%;
}
}
@media(max-width:1000px){
.whitestripe{
	padding-left:10%;
}
.subhead{
	padding-left:5%;
}
	
	.firstModal{
		left:30%!important;
	}
	
#phone{
	right:1%;
}
}
.geo,.handle,a{
color:#3498db
}
.modal-backdrop{
background:0 0!important
}
.modal-footer{
padding:9px 10px 10px!important;
margin-top:10px!important;
text-align:center!important;
}


.firstMF{
text-align:left!important;
}
.modal-body{
	padding:25px;
	
}
.modal-body p{
	font-size:20px;
	font-weight:300;
	color:#333;
	line-height:1.3
	
}
.firstMB{
	padding:0;
}
.modal-header{
	background-color:#d3554e;
	}
.modal-title{
	color:#fff;
	font-size:20px;
}

.modal-content{
	background-color:#fff;
	box-shadow:none;
	border:none;
	color:#000;
}
.firstMC{
	background-color:transparent;
	color:#fff;
}
.btn-success,.btn-danger,.btn-success:focus,.btn-danger:focus,.btn-success:active,.btn-danger:active,.reg-link,.reg-link:focus,.reg-link:active{
	color:#fff;
	width:99px;
	height:57px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	line-height:57px;
	padding:0;
	border:none;
	outline:none;
}
.btn-success,.reg-link{
	background:url(../img/next.png) no-repeat;
	background-size:cover;
	
	
}
.btn-danger{
	background:url(../img/no.png) no-repeat;
	background-size:cover;
	
}
.reg-link{
	width:149px;
	background:url(../img/cont.png) no-repeat;
	background-size:cover;
	
}
.firstMBtn{
	color:#d3554e;
	text-transform:uppercase;
	background:#fff;
	font-size:18px;
	font-weight:bold;
	width:120px;
	height:50px;
	line-height:50px;
	padding:0;
	border-radius:50px;
}
.modal.in{
display:block
}
.radar{
margin:auto
}
.icheckbox_square-blue,.iradio_square-blue{
display:inline-block;
vertical-align:middle;
margin:0;
padding:0;
width:22px;
height:22px;
background:url("../img/blue.png") no-repeat;
border:none;
cursor:pointer
}
.icheckbox_square-blue{
background-position:0 0
}
.icheckbox_square-blue.hover{
background-position:-24px 0
}
.icheckbox_square-blue.checked{
background-position:-48px 0
}
.icheckbox_square-blue.disabled{
background-position:-72px 0;
cursor:default
}
.icheckbox_square-blue.checked.disabled{
background-position:-96px 0
}
.iradio_square-blue{
background-position:-120px 0
}
.iradio_square-blue.hover{
background-position:-144px 0
}
.iradio_square-blue.checked{
background-position:-168px 0
}
.iradio_square-blue.disabled{
background-position:-192px 0;
cursor:default
}
.iradio_square-blue.checked.disabled{
background-position:-216px 0
}
@media (-o-min-device-pixel-ratio:5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){
.icheckbox_square-blue,.iradio_square-blue{
background-image:url() );
-webkit-background-size:240px 24px;
background-size:240px 24px
}

}
;
 .bgthumb{
width:100%;
margin:0;
padding:0;
position:absolute;
z-index:1
}
.radar,div.quiz-modal{
z-index:2000;
position:absolute;
width:100%
}
.radar{
text-align:center;
padding-top:5em;
padding-bottom:0;
height:100vh;
opacity:.9;
 background: #fff;

}
.modal,div.quiz-modal{
opacity:.95!important
}
.radar h1{
line-height:3.5em!important
}
.quiz-modal .modal-header{
background:#d3554e;
text-align:center;
color:#fff;
border:none;
box-sizing:border-box;
display:flex;
justify-content:center;

}
.btns{
	margin-right:28px;
}
.btns li{
border-radius:35px;
width:35px;
font-size:1.25em;
margin:.25em;
display:inline-block;
padding:.1em;
color:#fff;
border:2px solid #fff;
background:transparent;
}
.btns li.active{
background:#fff;
color:#d3554e;
}

}
#bannerContainer{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;

}
#bannerContainer>div{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position: center center;
background-repeat:no-repeat;
-webkit-background-size: cover;
background-size: cover;

}
.quiz-modal{
position: absolute;
 width: 100%;
 height: 100vh;
 left: 0;
 top: 0;

}
.modal-dialog{
margin:0px auto;
position:absolute;
left:50%;
top:25%;
max-width:500px;
-webkit-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
transform:translateX(-50%) !important;

}


@media(max-width:800px){
.firstModal{
	width:95%!important;
	display:block!important;
	margin:auto!important;
	position:relative!important;
	text-align:center!important;
	top:0!important;
	transform: translateX(0%)!important;
		left:0!important;
}
#phone{
	width:95%;
	max-width:400px;
	position:relative;
	top:10%;
	margin:auto;
	display:block;
}
.firstMF{
text-align:center!important;
}
.whitestripe{
	text-align:center;
	margin-left:-5%;
	padding-left:0;
}
.subhead{
	text-align:center;
	padding-left:0;
}

.modal-dialog{
	
top:5%;
}

}