/* CSS Document */
html, body, #questionnaire { height:100%; }
#questionnaire {
	font-family: 'db_55_reg';
	font-size:23px;
	line-height:30px;
	letter-spacing:0.2px;
	color:#787878;
}
#questionnaire .container {
	position:relative;
	height:100%;
	padding:0;
	width:800px;
}

p { margin:0;
text-align: left; }
.div-table {
    display: table;
    height: 100%;
	width:100%;
}
.div-row {
    display: table-row;
    height: 100%;
}
.div-cell {
    display: table-cell;
    vertical-align: middle;
    height: 0;
}

.text-h1 { font-size:35px; line-height:35px;}
.text-h2 { font-size:30px; line-height:30px;}
.text-h3 { font-size:24px; line-height:27px; }

body, .bg-bottom {
	background-image:url(../images/bg_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.bg-bottom {
	background-image:url(../images/bg_bottom.jpg);
	background-position:left bottom;
	padding:50px 0;
}

/* banner */
.box-banner {
	position:relative;
/*	background-image:url(../images/bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% auto;
	background-color:#ccc;*/
	height:650px;
	/*width:900px;
	margin:0 auto;*/
	/*border-bottom:1px solid #f2f2f2;*/
	overflow:hidden;
}
.title-banner {
	position:absolute;
	top:150px;
	left:0;
}
.title-banner .title {
    font-family: 'db_55_reg';
    font-size: 60px;
    line-height:60px;
	color:#707070;
}
.title-banner .subtitle {
    font-size: 25px;
    line-height: 25px;
	background-color:#2fadc6;
	padding:12px 30px;
	border-radius:7px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.6px;
	margin-top:20px;
}
.logo-slc {
	position:absolute;
	top:30px;
	left:0;
	width:100px;
}
/*.box-banner .img-woman {
	width:400px;
	height:629px;
	position: absolute;
	right:-80px;
	bottom:0;
	background-image:url(../images/woman_new.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
}*/

.box-form .row { margin:0px 0px 10px 0px; }
.box-form {
	position:relative;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:20px;
	padding:5px;
	margin:0 auto;
	width:800px;
	min-height:200px;
	margin-top:-270px;
}
.head-form {
	font-family: 'db_55_reg';
	background-color:#2fadc6;
	color:#fff;
	font-size:24px;
	line-height:30px;
	text-align:center;
	letter-spacing:0.4px;
	padding:25px 20px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.head-form .text-h2 { margin-top:5px; }

.body-form {
	position:relative;
	padding:50px;
}
.body-form .mg { margin-bottom:40px !important; }
.title-label {
	font-family: 'db_65_med';
    font-size: 32px;
    line-height: 32px;
	color:#333;
	margin-bottom:15px;
}
.box-question {}
.box-question + .box-question { margin-top:30px; }
.box-question .row-q {
	padding:10px 20px;
	background-color:#e7e7e7;
	border-radius:5px;
	font-size:25px;
}
.box-question .row-q .num { padding-right:10px; }
.box-question .row-c { padding:20px 0 0 40px; }
.box-question .row-c .score { font-size:19px; padding-left:7px; }

/* form */
#questionnaire .checkbox, #questionnaire .radio { margin:0; height:30px; }
#questionnaire .checkbox + .checkbox, #questionnaire .radio + .radio { margin-top:5px !important; }
#questionnaire .checkbox label, #questionnaire .radio label { padding-left:0; }
#questionnaire .group-radio .checkmark, #questionnaire .group-checkbox .checkmark {
    position: relative;
    background-color: #e7e7e7;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
	border-radius:20px;
	border:5px solid #e7e7e7;
   /* border: 4px solid #dbdde0;*/
}
#questionnaire .group-radio label.active .checkmark, #questionnaire .group-checkbox label.active .checkmark { background-color:#2fadc6 !important; }
#questionnaire .group-radio label div, #questionnaire .group-checkbox label div { display: inline-block;  float: left; }
#questionnaire .group-radio input, #questionnaire .group-checkbox input { opacity: 0 !important ; margin:0; }

#questionnaire .input-form, #questionnaire .input-select {
    font-family: 'db_55_reg';
    height: 45px;
    width: 100%;
    border: 1px solid #d5d5d5;
    background-color: rgba(255,255,255,0.3);
    padding: 1px 12px;
    line-height: 40px;
    box-shadow: none !important;
    outline: none !important;
	border-radius:5px;
	position:relative;
}
#questionnaire .input-select { font-size:25px; }
#questionnaire .input-form:focus { border: 1px solid #333; }
#questionnaire .input-select  option { font-size:23px; }
#questionnaire  textarea.input-form {
    height: 120px !important;
    resize: none;
	line-height:25px;
	padding:10px 15px;
}
#questionnaire .group-form { position:relative; margin-bottom:20px;  }
#questionnaire .group-form.w_50 { float:left; display:inline-block; width:calc( 50% - 20px ); }
#questionnaire .group-form.w_50 + .w_50 { margin-left:40px; }
#questionnaire .group-form .text-label {
	font-family: 'db_65_med';
    font-size: 23px;
    line-height: 23px;
	margin-bottom:5px;
}
#questionnaire .group-form.icon input { padding-left:50px; z-index:1; }
#questionnaire .group-form.icon .icon-tel {
	position:absolute;
	top:9px;
	left:12px;
	z-index:2;
	width:25px;
	height:25px;
	background-image:url(../images/icon-tel.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	opacity:0.3;	
}
#questionnaire .group-form.icon .b-icon { position:relative; }
#questionnaire .group-form.b-security { margin:0; }
.b-security ,.row-btn  { position:relative; width:100%; display:table; clear:both; }
.b-security .col-img, .b-security .col-input { float: left; display:inline-block; }
.b-security .col-img {
	width:120px;
	height:45px;
	 border: 1px solid #d5d5d5;
	 padding:3px;
	 border-radius:5px;
	 overflow:hidden;
}
.b-security .col-img img { width:100%; display:block; }
.b-security .col-input { width:calc( 100% - 120px ); padding-left:10px; }

.row-btn div { float:right; }
.row-btn button {
	float:left;
	outline:none !important;
	padding:10px 20px;
	min-width:100px;
	letter-spacing:1.5px;
	font-size:25px;
	line-height:20px;	
}
.row-btn button + button { margin-left:15px; }
.bg-footer {
	font-family: 'db_55_reg';
    font-size: 18px;
    line-height: 18px;
	background-color:#2fadc6;
	height:50px; 
	color:#fff;
	text-align:center;
	letter-spacing:0.8px;
	padding-top:17px;
}

/* thank you */
.box-thank { position:relative; text-align:center; }
.box-thank  .logo-slc { position:relative; margin:0 auto; top:auto; left:auto; margin-bottom:40px; width:130px; padding-left:15px;  }
.box-thank  .border {
	display:inline-block;
	border-top:1px solid #ccc;
	padding-top:15px;
	margin-top:15px;
}
.box-thank a {
	position:relative;
	outline:none;
    font-size: 22px;
    line-height: 22px;
    background-color: #2fadc6;
    padding: 12px 30px;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.6px;
	border:none;
	margin-top:60px;
}
.logoMix {
	position:relative;
	width:300px;
	margin:15px auto 0 auto;
}


/*md-desktop*/
@media (min-width:992px) and (max-width:1199px) {
}

/*sm-tablets*/
@media (min-width:768px) and (max-width:991px) {
.logo-slc { width:80px; }
.title-banner .title {  font-size: 53px;  line-height: 53px; }
.title-banner .subtitle { font-size:22px; line-height:22px; }
#questionnaire .container, .box-form { width:700px; }
.box-form { margin-top: -230px; }
.box-banner .img-woman { width: 350px;  height: 550px; }
.box-banner { height:570px; }
.head-form { font-size: 22px; line-height: 25px; }
.body-form { padding:40px; }
}

/*xs-phone*/
@media (max-width:767px) {
.logo-slc {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 70px;	
}

#questionnaire .container { width:100%; }
.box-form { width:calc( 100% - 40px ); margin-top:-50px; }
.head-form { font-size: 20px; line-height: 22px; }
.text-h2 { font-size: 25px; line-height: 25px; margin-top:10px !important; }
.body-form { padding:20px 20px 30px 20px; }
.title-label {
	font-size: 25px;
    line-height: 25px;
    margin-bottom: 5px;
}
.box-question .row-q { font-size:23px; line-height:25px; }
.box-question .row-c { padding-left:20px; }
#questionnaire .group-form.w_50 { float:none; display:block; width:100%; }
#questionnaire .group-form.w_50 + .w_50 { margin-left: 0; }  
.row-btn div { float: none; display:table; clear:none; margin:0 auto; }
.row-btn button { width:calc( 40% - 5px );}
.row-btn button + button { margin-left:10px; }
.body-form .mg { margin-bottom: 30px !important; }
#questionnaire .group-form .text-label { font-size: 21px;  line-height: 21px; }
.bg-bottom { padding:30px 0; }
.box-banner { height:500px; }
.box-banner .img-woman { width:250px; height:393px; right:-60px; }
.title-banner { padding:25px; top:130px; }
.title-banner .title {  font-size: 33px;  line-height: 35px; }
.title-banner .subtitle { font-size:18px; line-height:18px; }
}