@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

html, body {
	overflow:hidden !important;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body {
	margin:0;
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
	pointer-events:none;
    -webkit-overflow-scrolling: touch;
}
body > div {pointer-events:visible;}

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	outline:none !important;
}

a {text-decoration:none !important;}

.mainwrap {
	min-width:100%;
	min-height:100%;
}
.maincontainer {	
	display:block;
	border:none;
	width:100%;
	height:100%;
	position:absolute;
	min-height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
.set-your-password-wrapper {
    margin:auto;
    background: #fff !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: block;
}
.set-your-password-wrapper .login-wrapper header {
    text-align: center;
}

.set-your-password-wrapper fieldset {
    border: 0px !important;
    margin-top: 45px !important;}

.set-your-password-wrapper .lang-sel-wraper {
    top: 13px !important;
    padding: 2px 10px;
    left: 122px !important;
    margin: 0 !important;
}
.set-your-password-wrapper label i {width: 40px !important; line-height: 32px !important;}
.set-your-password-wrapper button {color: #fff !important;}
.subpage-right .center-container > div:first-child {padding: 60px 0 !important;}
.lefthalf {
    width: 50%;
    display: block;
    float: left;
    height: 100%;
    background-color: #B00A1A;
    background-image: url(../admin/images/bg-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
	overflow-y: auto;
	    overflow-x: hidden;
}
.righthalf {
	width:50%;
	display:block;
	float:left;
	height:100%;
	background-color:#fff;
	background-image:url(../admin/images/bg-right.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	min-height:100vh;
	position: absolute;
	left: auto;
    right: 0;
}
.upload-photo-preview label {
    min-height: 99px;
}
.full-width-message ul li {
    list-style: disc;
    border: 0 !important;
    text-align: left;
    font-size: 20px;
    margin: 0 7px;
    display: inline-block;
}
.full-width-message ul li span {
    border-bottom: 0;
    float: none;
    width: auto !important;
}
.loading-overlay {
    background-color: rgba(255, 255, 255, 0.9)!important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 20 !important;
    box-sizing: border-box;
    top: 0px !important;
    left: 0px !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 0 none !important;
}
.loading-preloader {
    background: url('../admin/images/preformloader.gif') no-repeat;
    z-index: 10;
    position: absolute;
    height: 68px;
    width: 68px;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -34px;
}

/*.loginpage .mainlogo {
	margin:25% auto 10% auto;
}*/

.loginpage .mainlogo {
    margin: 0% auto 5% auto;
}
.center-container {
	position: relative;
    top: 50%;
    transform: translateY(-50%);
	max-height: 100%;
}
.animwrap {
}
.animwrap .animbutton {
	background-color: #FFF;
	border-radius: 50%;
	transition: all 1s ease-in-out 0s;
	-webkit-transition: all 1s ease-in-out 0s;
	box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.35);
	width:300px;
	height:300px;
	border:none;
	cursor:pointer;
}
.animwrap .animbutton img {
}
.animwrap .animbutton h2 {
	font-weight:400;
	font-size: 28px;
	margin: 5px 0px;
}
.animwrap .animbutton div {
	font-size: 20px;
	color: #B00A1A;
}
.animwrap .animbutton div span {
	display:inline-block;
	border-top:2px solid #333;
	border-right:2px solid #333;
	width:10px;
	height:10px;
	margin:-5px 0 2px 0;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.popup-wrap .animcontainer {
    /*width: 315px;
    height: 371px;*/
    position: fixed;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out 0s;
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}
.center .qtnView :hover {
    background-color: rgba(223, 225, 228, 0) !important;
    border-radius: 3px;
}
.popup-wrap .animcontainer.active {
	opacity:1;
	pointer-events:visible;
}
.popup-wrap form {
	opacity:0;
	pointer-events:none;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition-delay:0s;
	-webkit-transition-delay:0s;
}
.popup-wrap .animcontainer.active form {
	opacity:1;
	pointer-events:visible;
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}
.popup-wrap .animclose {
	display:block;
	font-size:40px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	color:#fff;
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	width:30px;
	height:30px;
	line-height:30px;	
}
.popup-wrap .signupform .animclose {
	color:#BB1525;
}
.popup-wrap .animoverlay {
	position:fixed;
	z-index:99;
	width:100%;
	height: 2000px;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
	opacity:0;
	pointer-events:none;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.popup-wrap .animoverlay.active {
	opacity:1;
	pointer-events:visible;
}

.loginform,
.loginform * {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	outline:none;
	box-shadow: none;
}
.loginform {
	border-radius:50%;
	background-color:#BB1525;
	left: 50% !important;
    top: 50% !important;
	margin:auto !important;
	border-radius:8px ;
	transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
	z-index:100;
	max-width:90% !important;
    width: 400px;
    height: 400px;
}
.popup-wrap .loginform.active {
    
    margin: auto !important;
    border-radius: 8px;/*
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;*/
    
}

.timeperiod-checkbox{
    width: 26px !important;
    height: 26px !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
}

.loginform form {
	padding:30px;
	color:#fff;
}
.loginform form h3 {
	font-size:20px;
	margin:30px 0 30px 0;
	font-weight:400;
}
.loginform form label {
	display:block;
}
.loginform form input {
	width:100%;
	padding:10px 20px;
	border-radius:20px;
	border:2px solid #fff;
	height:40px;
	margin:0 0 20px 0;
	font-size:14px;
	color:#000;
}
.loginform form input[type="submit"] {
	margin:10px 0 10px 0;
	background-color:#BB1525;
	color:#fff;
	padding:0;
	font-size:16px;
	cursor:pointer;
}
.loginform form .error {
	color:#fff;
	display:block;
	clear:both;
	text-align:left;
	font-size:13px;
	padding:10px 0;
}
.loginform form .forgotpassword {
	color:#fff;
	display:block;
	clear:both;
	text-align:center;
	font-size:13px;
	padding:10px 0;
	cursor:pointer;
	text-decoration:none;
}
.forgotpassword a {
    color: #fff;
}
.signupform,
.signupform * {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	outline:none;
	box-shadow: none;
}
.signupform {
	border-radius:50%;
	background-color:#fff;
	left: 50% !important;
    top: 50% !important;
	margin:auto !important;
	border-radius:8px ;
	transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
	z-index:100;
	width: 410px;
    height: 635px !important;
}
.popup-wrap .signupform.active {
    
    margin: auto !important;
    border-radius: 8px;
    transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
    width: 410px;
    height: 570px;
}

.full-width-message .eff-2 {
    width: 295px;}
.view-response-btn {
    border: 2px solid #fff !important;
    border-radius: 43px;
    padding: 5px 12px 6px 12px;
    color: #fff;
    font-size: 23px !important;
    cursor: pointer;
    width: 290px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center !important;
    list-style: none !important;
    height: 50px;
    line-height: 36px;
}
.home-language-wraper {
    position: relative !important;
	background-color: rgba(255, 255, 255, 0) !important;
    width: 188px !important;
    font-size: 15px;
    float: none !important;
    margin: 0 auto;
    margin-top: 10px;
	color:#fff !important;
}
.signin-signup .lang-sel-wraper {
    background-color: #FFFFFF;
    width: auto;
    max-width: 170px;
    float: right;
    padding: 5px 11px;
    position: absolute;
    top: 13px;
    z-index: 20;
    height: auto;
    border-radius: 3px;
    border: 2px solid #B00A1A;
    border-radius: 47px;
    color: #444444 !important;
    box-shadow: 0px 1px 0px 0px #ccc;
}

.skip-btn {
    background-color: #B00A1A;
    color: #fff;
    padding: 5px 15px;
    border-radius: 23px;
}
.skip-btn a {
    color: #fff;
}

.signin-signup .country-one span, .signin-signup .country-two span {
    margin-left: 4px;
    margin-top: 7px;
    color: #B00A1A !important;
}
.home-language-wraper .country-two.active, .country-one.active {color: #FFFFFF !important;}
.loginpage .lang-sel-wraper {
    right: 9px;
    top: 0 !important;
    margin-top: 14px;
	    left: 0 !important;
		margin-right: 19px !important;
}
.home-banner-nav > div:last-child {
    padding: 17px 20px !important;
}
.spanish-wraper {
    width: 97% !important;
    padding: 0px 15% 0 1% !important;
}
.full-width-temp .lang-sel-wraper {
    left: 161px;
    top: 26px;
}
.spanish-wraper .reg-close-btn {
    right: 14% !important;
    line-height: 20px;
}
.full-width-message .question-block1 {
    margin-bottom: 0px;
}
.signupformwrap .animclose {
	color:#BB1525;
}
.signupform form {
	padding:30px;
	color:#fff;
}
.signupform form h3 {
	font-size:20px;
	margin:10px 0 30px 0;
	font-weight:400;
	color:#BB1525;
}
.signupform form label {
	display:block;
	height:61px;
}
.signupform form input {
	width:100%;
	padding:10px 20px;
	border-radius:20px;
	border:2px solid #ddd;
	background-color:#fff;
	height:40px;
	margin:0;
	font-size:14px;
	color:#333;
}
.signupform form input[type="submit"] {
	margin:10px 0 10px 0;
	background-color:#BB1525;
	color:#fff;
	padding:0;
	font-size:16px;
	cursor:pointer;
}
.loginpage-second .previous, .loginpage-second .bottom-text-wrapper {
    position: absolute !important;
    bottom: 30px !important;
    top: auto;
}
.signupform form .error {
	color:#fff;
	display:block;
	clear:both;
	text-align:left;
	font-size:13px;
	padding:10px 0;
}
.checkbox-intake-wrap ul {
    min-width: 225px;
    margin: 0 auto;
    max-width: 400px;
}
.clear-wrapper { padding-top:10px; padding-bottom:10px;}
.signupform form .forgotpassword {
	color:#fff;
	display:block;
	clear:both;
	text-align:left;
	font-size:13px;
	padding:10px 0;
	cursor:pointer;
	text-decoration:none;
}
.bottom-text-wrapper {
    text-align: right;
    display: block;
    margin: 0;
    position: absolute;
    font-size: 15px;
    color: #B00A1A;
    cursor: pointer;
    top: auto;
    bottom: 20px;
}
.bottom_nav_wrapper {
    position: absolute;
    margin-top: -60px;
    z-index: 1000;
    height: 60px;
    bottom: 0;
    width: 100%;
}
.full-width-message #logout {
    margin-top: 0px !important; /****message page normal view*******/
}
	a.prev {
    font-size: 14px !important;}
.animwrap .animbutton img {
    width: 74px;
    height: 76px;
}
.loginpage .mainlogo {
    width: 233px;}
	

.center {
    display: inline-block;
    vertical-align: middle;
}
.signin-signup .center {
    display: block;
    vertical-align: middle;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.animwrap label {
    margin-bottom: 0;
}
a.linkform:hover {
    color: #fff !important;
}
.forgot_password label {
    margin: 0;
}
.btn-login {
    border-radius: 25px;
    height: 46px;
    line-height: 4px;
    padding: 0 0 5px 0 !important;
    text-transform: capitalize;
}
.note {
    font-size: 14px !important;
}
a.prev {
    border: 0;
    color: #fff;
    font-size: 15px !important;
    cursor: pointer;
    width: auto;
    padding: 0;
    margin-left: 0px;
	cursor:pointer;
}
a.prev:hover {
    color: #F7BCC2 !important;
}
.previous {
    text-align: left;
    left: 30px;
    color: #fff;
}
.signupform .text-danger {
    text-align: center !important;
    float: none;
    display: block;
}
.login .error-message {
    color: #fff !important;
}
.bottom-next-button {
/*    right:30px;*/
    top:70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.radio-label {
    color: #b91c28;
	font-weight: 800;
}
.login-page-language-wrapper-right {
    display: block;
}
.login-page-language-wrapper-left {
    display: none;
}
.signin-signup .login-page-language-wrapper-left {
    display: block !important;
}
.login-page-language-wrapper-left .lang-sel-wraper {
    right: 10px !important;
    left: auto !important;
	    top: 12px !important;
}
.login-page-language-wrapper-right .lang-sel-wraper {
    right: 10px !important;
    left: auto !important;
}
.summary .question-block1 {
    display: block;
}
.transbg h1 {
    color: #fff !important;
    font-weight: 400;
}
.transbg .preview_qn_text p {
    font-size: 24px;
    line-height: 28px;
}
/***********sub page starts here*********/

/*.subpage:before {
    content: '';
    display: inline-block;
    height: 50%;
    vertical-align: middle;
    text-align: right;
}*/
.custom-selectdiv {
  position: relative;
   border-bottom:2px solid #B9C1CA; 
  float: left;
  min-width: 234px;
margin: 0px 30px 28px 32px;
}
.responseLoader{
    z-index: 10;
    position: absolute;
    height: 68px;
    width: 360px;
    left: 40%;
    top: 50%;
    margin: -34px 0 0 -34px;
    font-size: 15px;
    color: #B00A1A;
}
.no-bold {
    font-weight: normal;
    margin: 2px 0;
    font-size: 34px;
}
.question-block1 {
    font-size: 20px;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
       padding: 89px 50px 58px 50px;
}
.full-width-message #logout a {
    line-height: 29px !important;
}
.response .question-block1 {
    display: block;
	padding: 0px 50px 58px 50px;
}
.preview_qn_text ol li {
    list-style: decimal;
    font-size: 20px;
}
.mainheader {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    top: 0;
    position: absolute;
    padding: 15px;
	    z-index: 2;
}
.mainheader img {
    width: 140px;
}
.full-width-message .question-wrapper {
    overflow: hidden;
}
.logo {
    float: left;
}
.user-wrap {
    float: right;
    border: 2px solid #D4182A;
    border-radius: 19px;
    padding: 5px 16px 6px 10px;
    color: #4A4949;
    margin-top: 3px;
    margin-right: 10px;
    font-size: 12px;
}

.wrapper-dropdown-5 {
    min-width: 115px !important;}
.wrapper-dropdown-6 {
    min-width: 115px !important;}
	
/*.user-wrap:before {
    content: "";
    background-image: url(../admin/images/user.jpg);
    width: 13px;
    height: 13px;
    float: left;
    background-size: cover;
}*/
.user-wrap div {
    padding-left: 22px;
}
.no-bg {
    background-image: none !important;
}
img.mainlogo {
    margin-bottom: 15px;
}
.subpage-right .center {
    text-align: left;
    width: 100%;
    right: 0px;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 0 !important;
    top: 0;
    position: relative;
    display: block;
    bottom: auto;
    z-index: 1;
    overflow: auto;
	padding-bottom: 60px;
    /*padding-top: 357px;*/
}
.subpage-right:before {
    content: '';
    display: none;
    height:0%;
    vertical-align: middle;
    text-align: right;
}
/*.user-wrap:before {
    content: "";
    background-image: url(../admin/images/user.jpg);
    width: 12px;
    height: 12px;
    margin-top: 2px;
}
	*/
	/*.subpage-right .setings-center {
    text-align: left;
    width: 100%;
    right: 0px;
    margin-bottom: 0px;
    height: 100%;
    margin-top: 0 !important;
    top: 0;
    position: relative;
    display: block;
    bottom: auto;
    z-index: 1;
    overflow: auto;
	padding-bottom: 60px;
    padding-top: 305px;
}*/
.subpage-right .setings-center {
    width: 100%;
    right: 0px;
    margin-bottom: 0px;
    margin-top: 0 !important;
    top: 50%;
    position: relative;
    display: block;
    bottom: auto;
    z-index: 1;
    overflow: auto;
    transform: translateY(-50%);
}
.left-set:before {
    height: 0;
}
.left-set input {
    margin-bottom: 11px;
}
ul {
    margin: 0;
    padding: 0 17px;
}
li {
    list-style: none;
    font-size: 12px;
	clear: both;
}
span.arrow {
    float: left;
    border: 0;
    display: inline;
    width: 50px;
    padding: 15px;
	color: #b91c28;
}
li span {
    border-bottom: 1px solid #b91c28;
    padding: 16px 15px 16px 0px;
    float: left;
    display: inline;
	width: 89%;
	font-size: 21px;
	line-height: 28px;

}
.preview_qn_text p {
    font-size: 20px;
}
.preview_qn_text {
    text-align: left;
    font-size: 25px;
}
div#logout a .fa {
    font-size: 15px;
}
.left-set .center {
    position: relative;
	margin-top: 0;
}
.upload-photo-preview .preloaderdiv {
    background-position: center;
    background-size: 23px;
    z-index: 10;
    position: relative;
    height: 72px;
    width: 74px;
    left: 50%;
    top: -2%;
    margin: 1px 0 0 -39px;
}
div#logout a {
    background-color: #FFFFFF !important;
    background-image: none;
    color: #D4182A;
    border-radius: 53px;
    border: 2px solid #D4182A !important;
    height: 32px !important;
    width: 32px !important;
    line-height: 22px !important;
    margin-top: 3px !important;
}
.full-width #logout a {
    background-color: #B00A1A !important;
    background-image: none;
    color: #FFFFFF !important;
    border-radius: 53px;
    border: 2px solid #FFFFFF !important;
    height: 32px !important;
    width: 32px !important;
    line-height: 22px !important;
    margin-top: 0px !important;/*for thankyu page*/
}
.lefthalf li {
    list-style: inherit;
    float: none;
}
.lefthalf li span {
    border: 0;
	float: none;
}

#logout {
   margin-left:0px !important;
}
.radio-text {
    cursor: pointer;
}
.radio span {
    cursor: pointer;
    width: 80%;

}
.mainheader > a {
    float: right;
}

.submit-button-message {
    background-color: #FFFFFF !important;
    color: #B00A1A;
    padding: 8px 15px;
    border-radius: 3px;
    line-height: 20px;
    font-weight: bold;
}
.smart-form .input-file .button {
    height: 70px;
    top: 1px !important;
    background-color: #fff !important;
    color: #B93441;
    border: 1px dashed #B93441;
    border-radius: 4px;
    padding-top: 16px;
	width: 70px;
    box-sizing: border-box;
}
.browse-photo {
	min-width: 106px; 
	float: left !important; 
	width: auto !important; 
	margin-bottom: 88px;
}
.upload-img-btn {
	padding-top: 20px;
	float: left !important; 
	width: auto !important; 
	margin-bottom: 15px;
}
/*.full-width-message:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-align: right;
}*/
.full-width-message .question-block1 {
    padding: 0;
	font-style: normal;
	    font-weight: 500 !important;
}
/*.full-width-message > .center {
    background-color: rgba(34, 34, 34, 0.27);
    border-radius: 4px;
    padding: 2%;
    box-sizing: border-box;
	    width: 80%;
}*/
.full-width-message > .center {
    /* background-color: rgba(34, 34, 34, 0.27); */
    border-radius: 4px;
    padding: 100px 75px 100px 75px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
}
.message-center-wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.full-width-message .center-container {
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    top: 50% !important;
    padding: 24px;
    overflow: auto;
    max-height: 100%;
    bottom: auto;
    display: block;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    background-color: #B10A1B;
}
.full-width-message .center-container-white{
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    top: 50% !important;
    padding: 24px;
    overflow: auto;
    max-height: 100%;
    bottom: auto;
    display: block;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    opacity: 0.8;
}
form.forgot_password .error-message {
    color: #fff !important;
}
.full-width-message .lang-sel-wraper {
    left: 165px;
    top: 25px;
}
.draft-message a {
    color: #fff !important;
}
.draft-message .fa {
    color: #fff;
}
.up-img-btn {
    height: 70px !important;
}
a.xtra-input-cancel i {
    background-color: #999898 !important;
    background-image: none;
    color: #fff;
    border-radius: 53px;
    border: 0 none;
    height: 30px !important;
    width: 30px !important;
    line-height: 29px !important;
    margin-top: 1px;
    text-align: center;
}
.xtra-input {
    margin-top: 0px !important;
    margin-right: 8px;
}
.xtra-input input {
    padding-top: 0 !important;
    margin-top: -2px !important;
}
.xtra-input-add i {
    background-color: #D72133 !important;
    background-image: none;
    color: #fff;
    border-radius: 53px;
    border: 0 none;
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    margin-top: 1px;
    text-align: center;
    margin-left: 5px;
}
.subpage-right header {
    display: block;
	background-color: #fff;
}
.left-page-sm {
    display: none;
}
/*register popup starts here*/

.register-pop {
    background-color: #FFFFFF;
    color: #444444;
    font-size: 14px;
    border-radius: 3px;
    text-align: left;
    margin: 0 auto;
    width: 75%;
    float: left;
    height: 62px;
    border-bottom-right-radius: 0;
    box-shadow: 1px 1px 1px 1px #fff;
    font-size: 15px;
    background-image: url(../admin/images/bg-right.png);
    background-position: center center;
    background-size: cover;
    filter: alpha(opacity=60);
    box-sizing: border-box;
}
.imagebg .next-button {
    color: #B22735 !important;
}
.register-pop-wrap {
    width: 31%;
    padding: 0;
    box-sizing: border-box;
    height: 76px;
    position: fixed;
    /* bottom: 10px; */
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    float: none;
    min-width: 435px;
    z-index: 10043 !important;
    bottom: 50px;
    left: 56%;
}
button.reg-btn {
    background-color: #F94A4A;
    border: 0;
    padding: 6px 10px;
    float: right;
    color: #fff;
    width: 25%;
    height: 65px;
    font-size: 18px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
}
.reg-text {
    float: left;
    background-color: rgba(244, 244, 244, 0.73);
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    font-weight: 500;
    line-height: 22px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.no-reg-popup:hover {
    color: #fff;
}
.full-width-message .register-pop-wrap {
    width: 55%;
}
.reg-close-btn {
    position: absolute;
    right: -6px !important;
    background-color: #D60505;
    width: 20px;
    height: 20px;
    color: white;
    border-radius: 20px;
    top: -9px;
    box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.35);
    font-size: 12px;
    line-height: 20px !important;
    font-weight: bold;
}
.reg-close-btn:hover {
    color: #fff !important;
}
.attend-again {
    color: #B00A1A !important;
    background-color: #FFFFFF !important;
    padding: 8px 15px;
    border-radius: 3px;
    width: 310px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50px;
    font-size: 23px;
}
.no-reg-popup {
	float: right;
    background-color: #7A7A7A;
    padding: 0 6px;
    margin-top: -14px;
    margin-right: -15px;
    font-size: 10px;
    color: #fff;}
/*register popup ends here*/

.intake-form-sm-radio {
    min-width: 175px !important;
    margin: 0 auto;
    max-width: 195px !important;
}

/*language selectn popup starts here*/

.lang-sel-wraper {
    background-color: #FFFFFF;
    width: auto;
    max-width: 146px;
    float: right;
    padding: 5px 11px;
    position: absolute;
    top: 33px;
    z-index: 20;
    height: auto;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    border-radius: 47px;
    color: #444444 !important;
    box-shadow: 0px 1px 0px 0px #ccc;
    left: 170px;
}
.country-one {
    float: left;
}
.country-two {
    float: right;
}
.counties {
    float: right;
	    margin-left: 15px;
}
.counties img {
    width: 18px !important;
}

.country-two.active, .country-one.active {
    color: #B91C28;
    font-weight: 600;
}
.country-one.active {
    color: #B91C28;
    font-weight: 600;
}
.skip {
    margin-top: 4px;
    right: 61px;
}
/*language selectn popup ends here*/


/**help starts here**/
.help-btn {
    position: relative;
    float: left;
    background-color: #DA6666;
    border: 1px solid #DA6666;
    border-radius: 3px;
    padding: 10px 10px;
    outline: none;
    margin-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    cursor: pointer;
}
.box {
    width: 269px;
    height: auto;
    -webkit-transition: all 1s ease-in-out;
    background-color: #ccc;
    margin-right: -300px;
    padding: 15px;
    text-align: left;
    color: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
	overflow-y: auto;
    max-height: 140px;
	float:left;
	margin-left: 0 !important;
}
.box-change {
    background-color: #DA6666;
    margin-right: 0px;
	margin-left: -1px !important;
}
.help-wrapper {
    top:200px;
    z-index: 100;
    right: 0 !important;
	position:absolute !important;
	overflow:hidden;
}
.help-wrapper .box {
	width:0px !important;
	padding:0px !important;
}
.help-wrapper .box.box-change {
	width: 269px !important;
	padding:15px !important;
}
/**help ends here**/
.preview_qn_text a {
    text-decoration: underline !important;
    color: #fff;
	font-weight: bold;
}
/********sub page ends here*********/

/********home page starts here********/
.home-cover {
    width: 100%;
    display: block;
    float: left;
    height: 100%;
    background-color: #B00A1A;
    background-image:url(../admin/images/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}
.home-head {
    font-weight: 900 !important;
    color: #fff;
    font-size: 66px;
    padding: 22px 0 48px 0;
    margin-top: 25px;
    background-color: rgba(176, 10, 26, 0.51);
}
.home-cover .center {
    text-align: center;
    width: 99%;
    right: 10px;
    margin-top: 0px !important;
}
.home-cover:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-align: right;
}
.home-button {
    float: right;
    border: 2px solid #fff;
    border-radius: 43px;
    padding: 5px 18px 6px 18px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.home-button li {
    padding-left: 5px;
}
.home-button-wrap {
    width: 361px;
    margin: 0 auto;
    font-weight: normal;
    margin-top: 30px;
}
.home-button .dl-menu {
    padding: 0;
    margin: 0;
}
.button-2:hover .eff-2 {
    top: 0;
}
.eff-2 {
    width: 226px;
    height: 50px;
    top: -50px;
    background: #B00A1A;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
    margin-left: -19px;
    margin-top: -8px;
    border-radius: 21px;
    color: #fff;
}
.button-2 {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
a.start {
    border: 0;
    padding: 0;
    font-size: inherit;
    color: #B00A1A;
    width: auto;
}
.button-2:hover a.start {
    z-index: 25;
    color: #fff;
    /* display: block; */
    position: relative;
}
.logo-home img {
    width: 233px;
}
.center-btn-img{
    margin: 40px;
}
.error-message {
    margin-top: -16px !important;
    margin-bottom: 7px !important;
    text-align: center !important;
    width: 100% !important;
	font-style: normal;
}
.subpage .center {
    text-align: left;
    width: 100%;
    right: 0;
    display: table;
    height: 100%;
	table-layout: fixed;
}

#smart-form-register {
    text-align: center;
}
.pass-set .input {
    margin-bottom: 11px;
}
.righthalf .error-message {
    color: #BB1525 !important;
}
.lefthalf .error-message {
    color: #fff !important;
}
.left-page-sm .user-back {
    border: 1px solid #fff !important;
    color: #fff !important;
}
#smart-form-register section {
    line-height: 10px;
}

.intake-block {
    float: right;
    background-color: rgba(245, 163, 14, 0);
    line-height: 19px;
    cursor: pointer;
    background-color: #5EBAA8;
    height: 28px;
    width: 17px;
    margin-top: -18px;
    margin-left: 10px;
    cursor: none;
}

.intake-block i {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 4px;
}

.intake-block:after{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #5EBAA8;
}

/************home page ends here*********/
.imagebg #logout a {margin-top: 0px !important;}
.no-questions-block h1 {
text-align: center;
margin-top: 0px !important;
}
.no-questions-block h1 span {
text-align: center !important;}
/********user profile page starts here **********/
.fprof {
    width: 65%;
    margin: 0 auto;
}
.fprof h2 {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
}
.f-form-wrap fieldset {
    background-color: rgba(255, 255, 255, 0);
    border: 0 none;
    border-radius: 0px;
    padding: 0;
}
.f-form-wrap fieldset section label .icon-append {
    left: 10px;
    border-left-width: 0;
    color: #E14142;
    font-size: 16px;
    line-height: 25px;
}
.f-form-wrap fieldset section label input {
    border: 0 none !important;
    border-radius: 25px !important;
    height: 37px !important;
    padding: 10px 18px 10px 45px !important;
}
.f-form-wrap footer {
    border: 0;
    padding: 0;
}
.f-form-wrap footer button {
    /* width: 100%; */
    background-color: rgba(255, 255, 255, 0) !important;
    border: 2px solid #FFF !important;
    border-radius: 25px;
    margin: 0 !important;
    margin-top: 15px !important;
    height: 37px !important;
}
.pass-set fieldset section label input {
    border: 2px solid #ccc !important;
}
.pass-set footer button {
    background-color: #BB1525 !important;
}

.pass-set footer button {
    border: 2px solid #BB1525 !important;
}
.user-back:before {
    background-image: none !important;
    width: 0;
    height: 0;
}
.user-back div {
    padding-left: 4px;
}
.summary .optionlist > div {
margin: 0 0 0 72px !important;
}
.number {
width: 80px;
}
/********user profile page ends here **********/
.index-sel {
    text-align: center;
    border: 0 none;
    padding: 15px;
    color: #000;
    font-size: 18px;
    cursor: pointer;
	text-decoration: underline;
	color: #D1202D;
}
.index-sel a:hover {
    color: #000;
}
.index-sel:hover {
    color: #B00A1A;
    text-decoration: underline;
}
.intake-index {
    margin-bottom: 30px;
    color: #000000;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
}
.index-sel a {
    color: #D1202D !important;
}
.intake-no-margin-bottom { margin-bottom:0px !important;}
.intake-form-wrapper .radio .outer {
margin: 11px 17px 5px 1px;}
.right-check-box-multi-wrapper {
max-width: 560px;}

.intake-form-wrapper .input__field--hoshi {
padding: 1px 0px 25px 0px !important;}
.checkbox-intake-wrap .error-message {
margin-top: 0px !important;
}
.intake-thankyou-page {min-height: 375px !important;}
.intake-thankyou-page .application-process-wrapper { text-align: center;color: #D1202D}
/*********popup*****************/
#divSmallBoxes {
position: fixed;
right: 0;
top: 0;
z-index: 9999
}
.SmallBox {
position: absolute;
right: 5px;
top: 20px;
width: 420px;
color: #fff;
z-index: 9999;
overflow: hidden;
border: 1px solid transparent
}
.SmallBox:hover {
border: 1px solid #fff;
cursor: pointer
}
.SmallBox .foto {
font-size: 50px;
position: absolute;
left: 17px
}
.SmallBox .textoFull {
width: 93%;
float: left;
padding-left: 20px
}
.SmallBox .textoFoto {
width: 78%;
margin: 3px 20px 3px 80px;
float: left
}
.miniPic {
position: absolute;
bottom: 8px;
right: 9px
}
.miniIcono {
height: 100%;
font-size: 20px
}
.SmallBox span {
font-size: 17px;
font-weight: 300;
letter-spacing: -1px;
display: block;
margin: 4px 0
}
.SmallBox p {
font-size: 13px;
margin-top: 2px
}
#pageslide {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: 305px;
padding: 20px;
background-color: #004d60;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 0 0 #222;
box-shadow: inset 0 0 0 0 #222
}
.purehtml {
color: #fff;
font-size: 16px
}

.time-error-message .error-message {
margin-top: 0 !important;
}

@media screen and (max-width:450px) and (max-width:767px) {
#divSmallBoxes {
position: fixed;
width: 90%;
right: 0;
top: 0
}
.SmallBox {
width: 95%
}
.SmallBox:hover {
box-shadow: 0 0 10px #888;
cursor: pointer
}
.SmallBox span {
font-size: 16px
}
.SmallBox p {
font-size: 12px;
margin-top: 2px
}
.SmallBox .textoFull {
width: 93%;
float: left;
padding-left: 20px
}
.SmallBox .textoFoto {
width: 55%;
margin: 3px 20px 3px 80px;
float: left
}
.bigBox {
position: fixed;
right: 10px;
bottom: 10px;
background-color: #004d60;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
width: 88%;
height: 150px;
color: #fff;
z-index: 99999
}
.divMessageBox {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.6);
z-index: 100000
}
.MessageBoxContainer {
top: 25%;
color: #fff;
position: relative;
width: 100%;
background-color: #232323
}
.MessageBoxMiddle {
position: relative;
left: 0;
width: 100%;
padding: 3px
}
.MessageBoxMiddle .MsgTitle {
font-size: 22px
}
.MessageBoxMiddle .pText {
font-style: 10px
}

}
/**********popup ends***********/
.intake-question-block .qtnItem { text-align: center;}
.intake-question-block { min-height: 62px !important;}
/*********full width starts here********/
.full-width {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    background-color: #fff;
    background-image:url(../admin/images/bg-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
	overflow: auto;
    -webkit-overflow-scrolling:touch;
}
.block li {
    background-color: #fff;
    min-height: 144px;
    width: 300px;
    margin-bottom: 15px;
    border-radius: 3px;
    box-shadow: 2px 2px 0px 2px rgba(33, 32, 32, 0.22);
    display: inline-block;
    clear: none;
    margin-right: 15px;
	padding: 15px;
	font-style: normal;
}
.incomplete {
    color: #000;
    font-size: 15px;
}
.incompletestauts {
    color: #E81616;
}
.debtor {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 75%;
    text-align: left;
	float:left;
}
.edit {
    float: right;
    background-color: rgba(245, 163, 14, 0);
    border-radius: 30px;
    line-height: 19px;
    cursor: pointer;
}
.edit i {
    font-weight: normal;
    color: #F5A30E;
}
.edit i:hover {
    color: #797878;
}
.edit img {
    width: 18px;
}
.date {
    float: left;
    color: #AFAAAA;
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    line-height: 28px;
}

.delete-response {
    float: right;
    border-radius: 30px;
    line-height: 25px;
    cursor: pointer;
    color: #797878;
    font-size: 16px;
}
.status {
    font-style: italic;
    font-size: 15px;
}
.full-width h1 {
    font-size: 30px;
    margin: 39px 0 0px 0;
    font-style: normal;
    color: #fff !important;
	    font-weight: 400;
}
.lefthalf li {
    font-size: 20px;
    text-align: left;
}
.block-top {
    width: 100%;
    clear: both;
    float: left;
    line-height: 21px;
	font-size:15px;
}
.block-bottom {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 9px;
}
.response {
    margin-top: 6vh !important;
    width: 99%;
    vertical-align: top;
	padding: 2%;
}
.draft-name-edit {
	width: 90%;
    float: left;
	text-align: left;
	}
.draft-name-edit .draft-ok {
    padding: 5px 7px !important;
    cursor: pointer;
}
a.draft-cancel {
    background-color: #6F6E6E;
    color: #fff !important;
    padding: 4px 5px 4px 7px !important;
    border-radius: 3px;
    border-bottom: 2px solid #2FAF95;
    margin-left: 5px;
    cursor: pointer;
}
.response-head {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-style: normal;
    color: #fff;
    text-align: left;
    margin-left: 15px;
}
.submitted {
    width: 100%;
    color: #000;
    font-size: 15px;
    clear: both;

}

li.item a {
    border: 0;
    padding: 0;
}
.submit {
    color: #32BF03;
}

/*.register-pop {
    background-color: rgb(176, 10, 26);
    color: #FFF;
    font-size: 14px;
    width: 430px;
    height: 76px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 3px;
	padding-top: 13px;
}
button.reg-btn {
    background-color: #fff;
    border: 0;
    padding: 6px 10px;
    clear: both;
    border-radius: 30px;
}*/

#gallery .popup-gallery ul {
    margin: 0;
    padding: 0;
}
#gallery .popup-gallery ul li {
    margin: 0;
}
#gallery .popup-gallery > li {
    padding: 0 10px 15px 10px;
}
.full-width-temp {
	    min-height: 100%;
    position: absolute;}
	
	.full-width .logo {
    text-align: left;
	    padding: 0;
}
.new-resp-wrap {
    float: right;
    color: #fff;
    margin-right: 15px;
	cursor:pointer;
}
.new-response {
    float: left;
    margin-right: 5px;
    background-color: #F5A30E;
    color: #FFFFFF;
    border: 2px solid #F5A30E;
    padding: 10px 7px;
    border-radius: 35px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 5px;
	font-weight: 600;
}
.new-response-text {
    line-height: 28px;
    float: left;
}
.respose-white-txt{
    color: #fff;
}
.full-width-message h1 {margin:0 !important;}
.draft-message .draft-input input {
    background-color: rgba(84, 60, 60, 0) !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
}
.draft-message .draft-ok {
    background-color: #FFFFFF;
    color: #000 !important;
    border-bottom: 2px solid #FFFFFF;
}
.full-width-temp #logout a {
    background-color: #B91C28 !important;
    background-image: none;
    color: #fff;
    border-radius: 53px;
    border: 2px solid #fff !important;
    height: 32px !important;
    width: 32px !important;
    line-height: 22px !important;
    margin-top: 1px !important;
	font-size: 17px !important;
}
.full-width-temp #logout a:hover {
    color: #FFFFFF !important;
}
.MessageBoxContainer {
    background-color: rgba(210, 61, 61, 0.85) !important;
}
button#bot1-Msg1 {
    background-color: #FFF;
    color: #CB1E1F;
    border-color: #FFF;
    border-radius: 30px;
    padding: 4px 20px;
}
button#bot2-Msg1 {
    color: #FFF;
    background-color: rgba(55, 55, 55, 0);
    border-color: #FEFEFE;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
	padding: 4px 20px;
}
.full-width-message .reg-close-btn {
    position: absolute;
    right: -18% !important;
    background-color: #D60505;
    width: 20px;
    height: 20px;
    color: white;
    border-radius: 20px;
    top: -9px;
    box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.35);
    font-size: 12px;
    line-height: 20px !important;
    font-weight: bold;
}

/**filter**/
ul.filters li {
    float: none !important;
    display: inline-block;
}
.filters li a {
    color: #fff;
    border: 0;
    font-size: 21px;
    /* border-bottom: 1px solid #b91c28; */
    padding: 16px 15px 0px 0px;
    float: left;
    display: inline;
    width: 88%;
    font-size: 21px;
    text-decoration: none;
    margin-bottom: 16px;
}
.filters li a.active {
    color: #FFFFFF;
    border-bottom: 3px solid #F5A30E;
}
/**filter ends**/
/***dropdown strats**/
.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
}

.cd-active.cd-dropdown > span {
	color: #fc756f;
}

.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown ul li span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.cd-active.cd-dropdown ul li span:hover {
	background: #fc756f;
	color: #fff;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/**dropdown ends**/
.imagebg .remove-photo-div {
    margin-top: 15px;
    margin-left: 0;
}
/*********full width ends here********/
ul.filters {
    list-style: none;
    margin-left: 0px;
	padding: 0 17px;
}

/***********radio button starts***********/

.home-language-wraper .country-one span, .country-two span {
    margin-left: 4px;
    margin-top: 7px;
    color: #fff !important;
}
.country-one span, .country-two span {
    margin-left: 4px;
    margin-top: 7px;
	color: #B00A1A !important;
}+

@-webkit-keyframes 
cardEnter {  0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes 
cardEnter {  0%, 20%, 40%, 60%, 80%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}



/* Individual Controls
 ------------------------------------------------------------- */

.radio {
    display: inline-block;
    padding-right: 0px;
    font-size: 18px;
    line-height: 49px;
    cursor: pointer;
    width: 100%;
}

.radio:hover .inner {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: .5;
}

.radio input {
  width: 1px;
  height: 1px;
  opacity: 0;
}

.radio input:checked + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.radio input:checked + .outer {
    border: 3px solid #636262 !important;
}
	
.radio input:focus + .outer .inner {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #636262;
}

.radio .outer {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    margin: 20px 17px 5px 1px;
    border: 3px solid #C7C7C7;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
}

.radio .inner {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 16px;
    height: 16px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 2px;
    border-radius: 50%;
    background-color: #636262;
    opacity: 0;
	padding: 0;
	border: 0 !important;
}

/***************radio button ends here***********/



/********save to draft starts here******/
.save-draft-wrapper {
    float: right;
    margin-right: 15px;
	    line-height: 30px;
}
a.save-draft {
    color: #B00A19;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
a.save-draft i {
    color: #4A4949;
}
.draft-name {
    padding-top: 2px;
}
label.draft-input input {
    padding: 5px;
    border: 0 none;
    border-bottom: 2px solid #636262;
}
a.draft-ok {
    background-color: #2FAF95;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 3px;
    border-bottom: 2px solid #2FAF95;
    margin-left: 5px;
	cursor:pointer;
}
.saving-draft {
    text-align: center;
    color: #F08B3B;
    width: 100%;
}
.saving-draft span {
    margin-right: 7px;
}
a.save-draft .fa {
    margin-right: 5px;
}
.saving-draft img {
    width: auto;
}
/********save to draft ends here******/
.pt-page-current {overflow: hidden;}
/*********summary starts here**********/
.qtnItem {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    color: #333;
    font-style: normal;
    font-family: 'Lato', Calibri, Arial, sans-serif !important;
	text-align:left;
	padding: 2%;
}
.summary {
    margin-top: 6vh !important;
    width: 99%;
    vertical-align: top;
    padding: 2%;
}
.optionlist * {
    font-size: 17px;
}
.qtnView :hover {
    background-color: rgb(223, 225, 228) !important;
	border-radius: 3px;
}
.qtnView {margin: 10px 0 15px 0;}
.summary h1 {
    margin-top: 15px;
    margin-bottom: 20px;
}
.summary .question-block1 {
    padding: 0px !important;
}
.response span {
	font-size: 17px !important;
	color:#333 !important;
	font-family: 'Lato', Calibri, Arial, sans-serif !important;
	font-weight: normal;
    color: #000;
}
.summary-wrapper {
    background-color: #fff;
    border-radius: 3px;
    color: #333;
    padding: 10px;
}
.summary-table {
	font-size: 13px;
    width: 100%;
    text-align: left;
	font-style: normal;
	}
.summary-table tr {
    border-bottom: 2px solid #B91C28;
}
.summary-table tr:last-child {
    border: 0;
}
.summary-ans-options {
    line-height: 20px;
}
.summary .question-block1 {
	background-color:#FFFFFF;
	border-radius: 3px;
	line-height: 24px;
}
.optionlist > div {
    font-family: 'Lato', Calibri, Arial, sans-serif !important;
}
.summary .qtnView {
    border-bottom: 1px solid #ccc;
	margin:0;
}
.q-head {
    float: left;
    color: #E81616;
    font-size: 28px !important;
    font-weight: normal;
}
.summary-qstn {
    padding-left: 80px;
}
.summary-img img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 3px;
    border: 1px solid #E8E8E8;
    margin-right: 10px;
}
.summary-img {
    padding-left: 47px;
}
.draft-warning {
    line-height: 22px;
    font-size: 14px;
    float: left;
    margin-top: 12px;
    color: #B00A1A;
    font-weight: normal;
    font-style: italic;
}
.qtnItem .fa-circle {
    margin-right: 22px !important;
}
.summary-qstn * {
    color: #000;
    font-weight: bold ;
    font-size: 17px;
}
.summary-qstn {
    color: #000;
    font-weight: bold ;
    font-size: 17px;
	word-break: break-all;
}

/*********summary ends here**********/
.intake-text-fields-wrap-bulk {
width: 100%;}
/********reset password strat here********/
.forgot-password-front-end {
    border: 0 none !important;
    box-shadow: 0 0 0 0 !important;
    border-radius: 8px;
    width: 416px !important;
}
.forgot-password-front-end .login-wrapper {
    padding: 17px 45px !important;
}
.forgot-password-front-end i {
    line-height: 14px !important;
}
.forgot-password-front-end #passWord {
    border-radius: 20px !important;
    border: 2px solid #ddd;
    height: 43px !important;
    padding: 10px 20px 10px 35px;
    line-height: 26px !important;
}
.forgot-password-front-end #cnfrm_passWord {
    border-radius: 20px !important;
    border: 2px solid #ddd;
    height: 43px !important;
    padding: 10px 20px 10px 35px;
    line-height: 26px !important;
}
.forgot-password-front-end .btn-login {
    background-color: #BB1525 !important;
    height: 40px;
    line-height: 38px !important;
}
.forgot-password-front-end .login-form header img {
	width: 175px;
}
.forgot-password-front-end .login-form header h2 {
    font-size: 18px;
    color: #BB1525;
    font-weight: 400;
    margin-top: 16px;
}
.forgot-password-front-end .login-form fieldset {
    margin-top: 15px;
}
.forgot-password-front-end .tooltip {
    display: none !important;}
	
.left-page-sm .draft-input input {
    background-color: rgba(255, 255, 255, 0) !important;
    border-bottom: 2px solid #fff !important;
    color: #fff !important;
}	
/********reset password ends here********/
.question-wrapper {
    display: block;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 0;
}
.question-wrapper > span {display: block;}	
	
.upload-photo-preview {
	min-height:80px;
}

.loginpage .previous,
.loginpage .bottom-text-wrapper {
	position: absolute !important;
    bottom: 30px !important;
	top: auto;
}
.split-cover-header .logo {
    text-align: left;
}
/********form pages starts here****/
.form-wrapper {
    background-image: url(../admin/images/bg-right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    float: left;
    min-height: 100%;
    background-color: #FFFFFF;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
}
.form-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    text-align: right;
}
.form-wrapper .center {
    text-align: center;
    width: 99%;
    right: 10px;
    margin-top: -99px !important;
}
.intake-heading {
    color: #B00A1A;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 34px;
    text-transform: uppercase;
}
.intake-form-wrapper {
display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 91%;
    right: 10px;
    margin-top: 45px !important;
    min-height: 69%;
    box-shadow: 1px 1px 9px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 35px;
	margin-bottom: 35px;
	font-size: 16px;
	color: #222;
}
.intake-form-wrapper .input--hoshi {
    max-width: 100%;
    width: 285px;
    text-align: center;
    color: #B91C28;
    margin: 0;
}
.intake-form-wrapper .input__field--hoshi {
    width: 100%;
    color: #B91C28;
    font-size: 15px;
    text-align: center;
}
.intake-content {
    line-height: 24px;
	font-size: 16px;
}
.application-process-wrapper {
    border: 1px dashed #ccc;
    padding: 2%;
    text-align: left;
    width: 93%;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 5px;
}
.learn-more-wrapper {
    border: 1px dashed #ccc;
    padding: 2%;
    text-align: left;
    width: 93%;
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 5px;
}
.learn-more-wrapper a{
    color: #E14142;
}
.intake-sub-head {
    color: #B00A1A;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
}
span.app-process-number {
    border: 5px solid rgb(223, 135, 143) !important;
    width: 50px;
    padding: 6px 1px !important;
    background-color: #B00A1A;
    color: #fff;
    border-radius: 67px;
    height: 50px;
    text-align: center;
    margin-bottom: 16px;
    margin-left: -9px;
    margin-right: 13px;
}
.alert-danger {
    color: #fff;
    text-shadow: none;
    margin: -10px 0 5px 0 !important;
    background-color: rgba(105, 13, 13, 0.62);
    border: 0px;
    text-align: center;
    border-radius: 22px;
}
.alert-danger .close {
    margin-right: 9px;
    font-style: normal;
}
.step-application {
    border: 0;
    font-size: 17px;
    padding: 14px 5px 0px 5px;
    width: 80% !important;
}
.intake-info {
    color: #B00A1A;
    border: 1px solid #DFDFDF;
    padding: 10px;
    margin-bottom: 10px;
}
.intake-email-info {
    font-weight: bold;
    font-size: 17px;
    margin-top: 18px;
    margin-bottom: 15px;
}
ul.non-services li {
    list-style: initial;
    width: auto;
	font-size: 16px;
}
ul.top-warning li {
    font-size: 14px;
}
.preview_qn_text ol {
    padding-left: 25px;
    padding-right: 20px;
}
.preview_qn_text ul {
    padding-left: 50px;
    padding-right: 20px;
}

ul.non-services {
    width: 396px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 15px;
}
.agree-btn-wrapper {
    width: 368px;
    margin: 0 auto;
    margin-top: 32px;
}
.dntagree {
    float: left;
    border: 2px solid #525252;
    padding: 5px;
    border-radius: 37px;
    /*width: 150px;*/
    color: #525252;
	margin-top:0;
}
.iagree {
    float: right;
    border: 2px solid #B00A1A;
    padding: 5px;
    border-radius: 37px;
    color: #B00A1A;
    margin-left: 15px;
}
.agree-btn-wrapper input {
    float: left;
    padding: 20px;
    margin-top: 6px;
    margin-left: 7px;
}
.intake-container .intake-form-wrapper li {
    width: 95px;
    padding: 20px 15px 0px 0px !important;
}
.intake-form-wrapper li input {
    margin-top: -8px !important;
}
.right-check-box-multi-wrapper li svg {
    margin-top: -3px;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 40%;
    right: 1px;
    pointer-events: none;
    border: 3px solid #B4B4B4;
    padding: 2px;
    left: auto !important;
}
.right-check-box-multi-wrapper input {
    right: 0;
    margin-top: -16px;
    position: absolute;
    cursor: pointer;
    left: initial !important;
    margin-top: -4px !important;
    margin-left: 14px !important;
	}
.intake-form-wrapper li svg {
    margin-top: -3px;
}
 .intake-text-fields-wrap {
    margin-bottom: 10px;
    border: 1px solid #E7E4E4 !important;
    padding: 15px;
    text-align: center;
} 
.checkbox-intake-wrap {
	margin-bottom: 10px;
    border: 1px solid #E7E4E4 !important;
    padding: 15px;
    text-align: center;
} 
.intake-form-sm-wrap {
    width: auto;
    margin-right: 10px;
    max-width: 200px;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
} 
.middle-text-intake {
    margin-bottom: 10px;
}
.intake-container a.prev {
    color: #DC404C !important;
} 
.wrapper-dropdown-5 .dropdown li {list-style:none;}
.checkbox-intake-wrap ul {
    width: auto;
    margin: 0 auto;
}
.checkbox-intake-wrap label {
    margin: 0 !important;
}
/*.checkbox-intake-wrap .radio-reload {
    width: auto;
    border: 0px;
    padding: 16px 15px 0px 0px;
}*/

.checkbox-intake-wrap .radio-reload {
width: 70%;
border: 0px;
padding: 11px 15px 0px 0px;
text-align: left;
}

.intake-form-wrapper .submit-button {
    background-color: #2aa189 !important;
    padding: 10px 87px 12px;
    border-radius: 30px;
    border: 0 none;
    margin-top: 20px;
}
.intake-form-container .bottom-text-wrapper {
    bottom: 21px !important;
}
.iagree-spanish  .radio-reload, .dntagree-spanish .radio-reload  {
    width: 180px !important;
}
.agree-btn-wrapper-spanish {width: 480px;}
.checkbox-intake-wrap-medium {min-width: 125px !important;}
.intake-form-wrapper li span {
    font-size: 16px !important;
}
.intake-form-wrapper select {
    -webkit-appearance: menulist !important;
    appearance: button !important;
    padding: 2px 2px !important;
	    min-width: 200px;
}
.intake-form-wrapper .ac-custom li {
    margin: 0 auto;
    padding: 5px 15px 5px 0px;
    position: relative;
}
.intake-form-wrapper .ac-custom label {
    font-size: 16px;
    padding: 0 0 0 49px;
    margin-top: 12px;
}
.intake-form-wrapper li span {
    font-size: 16px !important;
    border: 0;
    padding:11px 15px 5px 0px;
    line-height: 23px;
}
.right-check-box-multi-wrapper li {
    font-size: 16px;
	margin-left: 23px;
}
.right-check-box-multi-wrapper input {width: 30px;
    height: 26px;
    top: 50%;
    right: 0;
    margin-top: -5px;
    position: absolute;
    cursor: pointer;}

/********form pages ends here****/

.split-cover:after {
    display: block;
    content: "";
    clear: both;
}
.split-cover {
    position: relative;
    padding-bottom: 60px;
    min-height: 100%;
    top: 0;
    bottom: 0;
    transform: inherit;
}
.split-cover-header header:last-child {
    display: block;
}
.split-cover-header header:first-child {
    display: none;
}
	.overflow-table {    position: relative;
    max-width: 100%;
    overflow: auto;}
.agree-btn-wrapper .radio .outer {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    margin: 0px 10px 0px 1px;
    border: 3px solid #C7C7C7;
    border-radius: 50%;
    background-color: #fff;
    padding: 0;
}
.agree-btn-wrapper .radio > span {
    cursor: pointer;
    width: 149px;
	border-bottom: 0px solid #b91c28;
    padding: 4px 6px 1px 0px;
    float: left;
    display: inline;
    width: 149px;
    font-size: 18px;
    line-height: 18px;
}
.agree-btn-wrapper .radio {
    margin-top: 0px !important;
    margin-bottom: 0;
}
.agree-btn-wrapper .outer {
    margin-right: 0px !important;
}
.iagree ul {
    padding: 0 5px;
    line-height: 11px;
}
.dntagree ul {
    padding: 0 5px;
    line-height: 11px;
}
.imagebg #logout a {
    background-color: rgba(255, 255, 255, 0) !important;
    background-image: none;
    color: #FFFFFF;
    border-radius: 53px;
    border: 2px solid #FFFFFF !important;}

.transbg li span {
    border: 0 none;
    padding: 0;
    float: none;
    width: auto;
    font-size: 20px;
    line-height: 30px;
}
.transbg ul li {
    list-style: disc;
    font-size: 20px;
    clear: none;
}
.transbg ol li {
    list-style: decimal;}
.transbg ul {
    padding: 0;
}	
/********bootstrap overwrite strats here*********/
.alert-success {
    border-color: #FFFFFF;
    color: #B12634;
    background: #FFFFFF;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 17vh;
}
.checkbox, .radio {
    margin-top: -8px !important;
}
.btn-header>:first-child>a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer!important;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
    background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
    border: 1px solid #bfbfbf;
    color: #6D6A69;
    font-size: 17px;
    margin: 10px 0 0;
}
.btn, a:link, button {
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
}
.clearfix, .inner-spacer:after, .jarviswidget, .jarviswidget-editbox, .jarviswidget>div {
    zoom: 1;
}
h1, h2, h3, h4 {
    margin: 0;
    font-weight: 300;
}
h2 {
    letter-spacing: -1px;
    font-size: 22px;
    margin: 20px 0;
    line-height: normal;
}
.clearfix, .inner-spacer:after, .jarviswidget, .jarviswidget-editbox, .jarviswidget>div {
    zoom: 1;
}
.btn-header.pull-right {
    margin-left: 6px;
}
.pull-right {
    float: right!Important;
}
.smart-form .input .icon-append+input, .smart-form .textarea .icon-append+textarea {
    padding-right: 37px;
}
.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i {
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}
.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 8px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.smart-form *, .smart-form :after, .smart-form :before {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.smart-form {
    margin: 0;
    outline: 0;
    color: #666;
    position: relative;
}
.smart-form .icon-append, .smart-form .icon-prepend {
    color: #A2A2A2;
}
.smart-form .checkbox i, .smart-form .icon-append, .smart-form .icon-prepend, .smart-form .input input, .smart-form .radio i, .smart-form .select select, .smart-form .textarea textarea, .smart-form .toggle i {
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}
.smart-form .icon-append {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
}
.smart-form .icon-append, .smart-form .icon-prepend {
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
.smart-form section {
    margin-bottom: 15px;
    position: relative;
}
.smart-form .button, .smart-form .checkbox, .smart-form .input, .smart-form .radio, .smart-form .select, .smart-form .textarea, .smart-form .toggle {
    position: relative;
    display: block;
    font-weight: 400;
}
.smart-form *, .smart-form :after, .smart-form :before {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}
.smart-form footer .btn {
    float: right;
    height: 31px;
    margin: 10px 0 0 5px;
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans', Helvetica, Arial, sans-serif;
    cursor: pointer;
}
.smart-form .btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.f-form-wrap footer button {
    /* width: 100%;
    background-color: rgba(255, 255, 255, 0) !important;
    border: 2px solid #FFF !important; */
    border-radius: 25px;
    margin: 0 !important;
    margin-top: 15px !important;
    height: 37px !important;
}
.btn {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}
.btn, a:link, button {
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
}
label {
    font-weight: 400;
}

.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 8px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 13px/16px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.smart-form .input-file .button input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 30px;
    cursor: pointer;
    opacity: 0;
}
.smart-form .input-file .button {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none;
    height: 22px;
    margin: 0;
    padding: 0 14px;
    font-size: 13px;
    line-height: 22px;
}
/********bootstrap overwrite ends here*********/
.safari .pagedata {
width: 100%;
}
.safari .transbg {max-height:inherit !important;}

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

.leftrightpadding {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
}
     	
.lefthalf {
    width: 100% !important;
    display: block;
    float: left;
    height: 50%;
    background-color: #B00A1A;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 500px;
    position: relative;
    left: 0;
    top: 0px;
	overflow-x: hidden;
}
.righthalf {
    width: 100% !important;
    display: block;
    float: left;
    height: 50%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 500px;
    position: relative;
    left: auto;
    bottom: 0;
}
.lefthalf.subpage {
    height: auto;
    min-height: 0;
    padding: 0;
}
.righthalf.subpage-right {
	height: auto;
    min-height: 0;}
.loginpage .mainlogo {
    margin: -35% auto 4% auto;
}
.signin-signup .lefthalf {height: auto;
    min-height: auto;
    padding: 100px 0;}
.signin-signup .righthalf {height: auto;
    min-height: auto;
    padding: 100px 0;}
.subpage .center {transform: translateY(0%);}
.animwrap .animbutton {
    width: 250px;
    height: 250px;}
.animwrap .animbutton h2 {
    font-size: 19px;
    margin: 5px 0px;
}
.animwrap .animbutton div {
font-size: 16px;}
.animwrap .animbutton img {
width: 60px;
height: 62px;
}

.home-head {
    font-size: 33px;
    padding: 12px 0 30px 0;
    margin-top: 25px;
}
	
.upload-photo-preview > .col-md-2 {
    width: 83px !important;
    float: left;
    margin-left: 18px !important;
}
.full-width-message .bottom-text-wrapper {
    margin: 84px 0 15px 0;
    position: absolute !important;
}
.previous {
    position: absolute !important;/****for signin signout page bottom btns**/
}
.subpage-right header {
    display: none;
}
.prev-btn-sm a {
    display: block;
}
.left-page-sm {
    display: block;
}
.left-page-sm .wrapper-dropdown-5 {
    border: 1px solid #fff;
    color: #fff;
	z-index: 30;
}
.left-page-sm .wrapper-dropdown-5:focus { 
	color: #AF0919;
}
.left-page-sm .wrapper-dropdown-5:before {
    content: "";
    background-image: url(../admin/images/user1.jpg) !important;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    position: absolute;
    background-size: cover;
}
.left-page-sm .save-draft-wrapper a {
    color: #fff;
}
.left-page-sm .save-draft-wrapper {
    line-height: 21px;
	margin-top: 7px;
}
.left-page-sm .save-draft-wrapper a i {
    color: #fff;
}
.left-page-sm #logout a {
    background-color: #B00A1A !important;
    color: #FFFFFF;
    border-radius: 53px;
    border: 1px solid #FFFFFF !important;}	
.logo {
    padding: 0px;
    }
	
.full-width-message .previous {
    display: block;
}
.prev-btn-sm a {
    color: #B00A1A;
}
.prev-btn-sm {
    display: block;
    margin: 20px 0 0px 6px;
    float: left;
    /*position: relative !important;**/
}
.bottom-next-button {
    margin-top: 3px;
}
.submit-button-message {
    background-color: #2aa189 !important;
    color: #FFFFFF;}
.lang-sel-wraper.skip {
	top: 15px !important;
}
.left-page-sm #logout a {
    border: 1px solid #FFFFFF !important;
    margin-top: 1px !important;
    background-color: #B00A1A !important;
    color: #fff;
}
.saving-draft img {
    width: 10px !important;
}
.draft-name-edit {
    width: 90%;
    float: left;
}
.response span {
    font-size: 23px !important;}
	.summary-qstn * {
    color: #000;
    font-weight: bold ;
    font-size: 17px;
}
.summary-qstn {
    color: #000;
    font-weight: bold ;
    font-size: 17px;
}
.lang-sel-wraper {
    top: 23px !important;
   left: 160px;
}
formmedia="screen"

.lang-sel-wraper {
    top: 21px !important;
    left: 153px !important;
}
.full-width-temp .lang-sel-wraper {
    top: 25px !important;
    left: 13px;
        margin-left: 147px;
}
.bottom_nav_wrapper {
    position: absolute;
    margin-top: 0px;
    bottom: 0;
    top: auto;
    width: 100%;
}
.subpage-right .center {
    padding-bottom: 60px;
    padding-top: 27px;
}
.subpage-right .setings-center {
    padding-bottom: 60px;
    padding-top: 27px;
	transform: translateY(10%);
	margin-bottom: 25px;
    overflow: hidden;
}
.login-page-language-wrapper-right {
    display: none;
}
.login-page-language-wrapper-left {
    display: block;
}
div.cs-select {
    max-width: 100%;}
	.custom-dropdown {width: 100%;}
	.center-container {
    top: 10% !important;
    transform: translateY(0%) !important;
}
.register-pop-wrap {
    width: 80%;
    padding: 0;
    box-sizing: border-box;
    height: 76px;
    position: fixed;
    /* bottom: 10px; */
    border-radius: 3px;
    text-align: center;
    margin: 0 auto;
    float: none;
    min-width: 0px;
    z-index: 10043 !important;
    bottom: 50px;
    left: 10%;
}
.subpage .center {
    text-align: left;
    width: 100%;
    right: 10px;
    transform: translateY(0%);
	display:block;
}
.lang-sel-wraper {
    margin-top: 1px !important;
}
img.mainlogo {
    max-width: 150px !important;
}
.home-language-wraper {
    left: inherit !important;
    top: inherit !important;
    margin: 0 auto !important;
    right: inherit !important;
    margin-top: 20px !important;
}
.full-width-message > .center {
    /* background-color: rgba(34, 34, 34, 0.27); */
    border-radius: 4px;
    padding: 87px 25px 77px 25px;
}
.lang-sel-wraper.skip {
    top: 25px !important;
    left: 160px !important;
}
.question-block1 {
    padding-bottom: 60px;
    padding-top: 110px;
}
.signin-signup .center {
    display: block;
    vertical-align: middle;
    position: relative;
    top: 50%;
    transform: translateY(0%);
}
.left-set .question-block1 {
    display: block;
    margin: 2px 0 42px 0;
}/*for ipad settings view*/
.left-set .lang-sel-wraper {
    top: 26px !important;
    left: 175px !important;
}
.split-cover-header header:last-child {
    display: none;
}
.split-cover-header header:first-child {
    display: block;
}
.full-width #logout a {
    line-height: 22px !important;
}

.attend-again {
    margin-bottom: -24px;
}
.question-wrapper {
    display: block;
    max-height: 100%;
    overflow-y: visible;
    overflow-x: visible;
    padding: 20px 0;
}
.submit-button-message {
    margin-bottom: -16px;
    margin-top: 9px;
}
.signin-signup .lang-sel-wraper {
    background-color: rgba(255, 255, 255, 0);
    width: auto;
    max-width: 170px;
    float: right;
    padding: 5px 11px;
    position: absolute;
    top: 13px;
    z-index: 20;
    height: auto;
    border-radius: 3px;
    border: 2px solid #FFFFFF;
    border-radius: 47px;
    color: #FFFFFF !important;
    box-shadow: 0px 1px 0px 0px #ccc;
}
.signin-signup .country-one span, .signin-signup .country-two span {
    margin-left: 4px;
    margin-top: 7px;
    color: #FFFFFF !important;
}
.custom-selectdiv{
   width: 100%; 
    margin-left: 0;
}
.flds-contrl .input--hoshi{
   max-width: 100% !important;
   margin-left: 0px !important;
}
.flds-contrl{
   margin-right: 15px;     
}
}
	
@media screen and (max-width: 1440px) {
.full-width-message .register-pop-wrap {
    width: 77% !important;
    padding: 0 14% 0 20% !important;
}
.reg-close-btn {
	line-height: 20px;}
	
	}
.transbg.message-block{
    height: 400px !important;
}
}

	
@media screen and (max-width: 680px){
li span {width: 79%;}
.mainheader img {
    width: 100px;
}
.intake-text-fields-wrap textarea {
width: 100% !important;}
.intake-form-wrapper .input__field--hoshi {
width: 100%;}
.intake-form-wrapper .input--hoshi {
max-width: 100%;
width: 100%;
}
.intake-form-sm-wrap {
width: 100%;
margin-right: 10px;
max-width: 100%;}
.user-wrap {
    float: right;
    border: 1px solid #D4182A;
    padding: 3px 16px 6px 10px;
    font-size: 10px;
	margin-right: 20px;
}
.user-wrap div {
    padding-left: 15px;
}
.question-block1 {
    font-size: 40px;
}
li span {
    font-size: 17px;
}
.no-bold {
    font-size: 30px;
}
/*.left-set .center {
    margin-top: 11vh !important;
}
.setings-center {
    margin-top: 16vh !important;
}*/
.fprof h2 {
    font-size: 25px;
}
.home-head {
    font-size: 31px;}
	.logo-home img {
    width: 147px;
}
.home-button {
    font-size: 14px;}
	
	.home-button-wrap {
   width: 243px;}
	
	.animwrap.active .loginform {
    width: 335px;
	}
.animwrap.active .signupform {
    width: 335px;
}
div#logout a {
    height: 27px !important;
    width: 15px !important;
    line-height: 28px !important;
    font-size: 6px !important;
}
.user-back:before {
    background-image: none !important;
    width: 0;
    height: 0;
}
.user-back div {
    padding-left: 4px;
}
.home-button-wrap {
       width: 250px; }
	.logo-home img {
    width: 144px;
}
.home-head {
    font-size: 32px;}
	.home-button {
    font-size: 13px;
	}
.animwrap .animbutton {
    width: 175px;
    height: 175px;
}
.animwrap .animbutton img {
    width: 44px;
    height: 46px;
}
.loginpage .mainlogo {
    width: 130px !important;
}
.radio input:checked + .outer { border: 3px solid #636262 !important; }
.subpage-right .center {
    height: auto !important;}
	.prev-btn-sm {
    position: absolute !important;
}
.lang-sel-wraper {
    top: 18px;
    left: 134px;
}
.lang-sel-wraper.skip {
    top: 13px !important;
    left: 126px !important;
}
.left-set .lang-sel-wraper {
    top: 17px !important;
    left: 122px !important;
}

.full-width-message #logout a {
    line-height: 29px !important;
}
.full-width-message #logout {
    margin-top: 4px !important;
}
.homelogo > img {
    width: 100px;
}
.homewrap .homedata h2 {
    font-size: 32px;}
	.homebuttonwrap {
    width: 250px;}
	.homewrap .homedata .homehead {
    padding: 15px 0;
    margin: 10px 0 0 0;
}
.homewrap .homeright {
    padding: 5px 12px;
    height: auto;
    margin: 10px;
    font-size: 11px;
}
.homewrap .homeheader .homelogo {
    padding: 0px 10px;
}
.bottom-text-wrapper {
    text-align: right;
    display: block;
    margin: 0;
    position: absolute;
    font-size: 15px;
    color: #B00A1A;
    cursor: pointer;
    top: auto;
    bottom: 1px;
}
.loginwrap .loginfooter {
    height: 42px;}
	
	.pageheader {
    min-height: 80px;
	background-color: #B00A1A;
}
.lang-sel-wraper {
    margin-top: 35px;
    padding: 2px 5px;
    font-size: 10px;
    left: 117px !important;
    top: 23px !important;
    max-width: 130px;
    margin-left: auto !important;
    right: auto !important;
}
.left-page-sm .save-draft-wrapper {
    line-height: 21px;
    margin-top: 3px;
	    /*clear: both;*/
}
.pageheader {
		background: rgba(176,10,26,1);
		min-height: 95px !important;
	}
.loginfooter .prev {
    color: #000;
}
.agree-btn-wrapper-spanish {
    width: 270px;
}

.iagree-spanish{
    float: left;
    margin-left: 0px;
    margin-top: 15px;
}
}
.clac-wrapper{
    top: 300px;
	z-index: 100;
	right: 0 !important;
	position: absolute !important;
	overflow: hidden;
    float: left;
}
.slidedBtn
{
   right: 320px !important;
    
}	
@media screen and (max-width : 480px) {

.lefthalf {
    width: 100% !important;
    display: block;
    float: left;
    /*height: 100%;*/
    background-color: #B00A1A;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 250px;
    position: relative;
    left: 0;
    top: 0px;
}
.righthalf {
    width: 100% !important;
    display: block;
    float: left;
    /*height: 100%;*/
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 250px;
    position: relative;
    left: auto;
    bottom: 0;
}
.reg-close-btn {
    right: -2% !important;
    /*top: -63px !important;*/
}
.animwrap .animbutton div {
    font-size: 13px;
    color: #B00A1A;
}	
.animwrap .animbutton h2 {
    font-size: 18px;
    margin: 9px 0px;
}
.loginpage .mainlogo {
    width: 150px !important;}
	.question-block1 {
    font-size: 28px;
}
li span {
    font-size: 13px;
}
.no-bold {
    font-size: 22px;
}
.home-head {
    font-size: 31px;}
.logo-home img {
    width: 147px;
}
.response .question-block1 {
    padding: 89px 0px 58px 50px;
	overflow-x: hidden;
}
.home-button {
    font-size: 14px;}
	
.home-button-wrap {
width: 243px;}

.animwrap.active .loginform {
width: 284px;}

.animwrap.active .signupform {
width: 284px;}

.setings-center {
margin-top: 8vh;
}
.home-head {
    font-size: 22px;}
	.home-button {
    font-size: 11px;
	}
	.home-button-wrap {
    width: 232px;
	}
	.logo-home img {
    width: 150px;
}
/*.subpage-right .center {
    margin-top: -20vh;
}
	.subpage .center {
    margin-top: -12vh;
}*/
.question-block1 {
    font-size: 16px;
	line-height: 25px;
	padding: 89px 20px 58px 20px;
}

a.prev {
    font-size: 12px !important;
    margin-top: 20px;
}
.bottom-text-wrapper {
    font-size: 12px;
	    margin-top: 20px;
}
.radio-reload {
	line-height: 20px;
}
.radio span {
    cursor: pointer;
    width: 75%;
}
.radio .outer {
    margin: 16px 10px 10px 1px;
}
	.radio input:checked + .outer { border: 3px solid #636262 !important; }
	.block li {
    width: 275px;
	}
	.full-width h1 {
    font-size: 18px;
    margin: 95px 0 15px 0;
}
.filters li a {
    font-size: 14px;
}
	.wrapper-demo {
    margin: 3px 0 0 0;}

.register-pop {
    width: 100%;
    height: auto;
    font-size: 12px;
}
button.reg-btn {
    width: 100%;
    height: 32px;
    font-size: 15px;
}
.smart-form .input-file .button {
    height: 50px !important;
    padding-top: 11px !important;
    width: 50px !important;
}
.up-img-btn {
    height: 50px !important;
}
.smart-form .input-file .button img {
    width: 20px !important;
}
.remove-photo-div {
    width: 50px !important;
    height: 50px !important;
	}	
.browse-photo {
    min-width: 80px;
}
.required-pics {
    font-size: 13px;
}	
.full-width .logo {
    text-align: left;
    padding: 0;
}
.full-width-message #dd {
    float: right;
    padding: 5px 16px 6px 10px;
    margin-top: -33px !important;
    margin-right: 42px !important;
}
.full-width #dd {
    float: right;
    padding: 5px 16px 6px 10px;
    margin-top: 24px;
    margin-right: -1px;
    clear: both;
}
.new-resp-wrap {
    float: right;
    color: #fff;
    margin-right: 0px;
    cursor: pointer;
    margin-top: 25px;
}
.full-width .logo {width:60%;}
a.save-draft {
    font-size: 12px;
}
.save-draft-wrapper {
    line-height: 30px;
}
.reg-close-btn {
    right: 0%;}
.no-reg-popup {
    float: right;
    background-color: #ABA5A5;
    padding: 0 6px;
    margin-top: 2px;
    margin-right: -15px;
    font-size: 10px;
    color: #fff;
    margin-bottom: -14px;
}
.reg-text {
    float: left;
    background-color: rgba(244, 244, 244, 0.73);
    width: 100%;
    height: 100%;
    padding: 10px 15px 15px 15px;
    font-weight: 500;
    line-height: 22px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.reg-text {
    line-height: 16px;}
	.animwrap .animbutton {
    width: 150px;
    height: 150px;
}
.loginpage .mainlogo {
    width: 100px !important;
	margin-bottom: -13px !important;
}
.animwrap .animbutton img {
    width: 30px;
    height: 32px;
}
div#logout a {border: 1px solid #D4182A !important;
margin-top: -1px !important;
}
.up-img-btn i {
    font-size: 28px !important;
}
.input--hoshi {
    max-width: 63% !important;margin-left: 20px;
}
.subpage-right .center-container > div:first-child {
    padding: 0px 0 !important;
}
.input__field--hoshi {
    font-size: 15px !important;}
	.multiple-answers {
    margin-top: 0px !important;
}
.prev-btn-sm {
    margin: 0 0 0px 6px;}
	.mainheader img {
    width: 76px;
}

.ac-custom label {
    font-size: 15px !important;
}
.full-width-message .question-block1 {
    margin-bottom: 0;
}
.full-width .save-draft-wrapper {
    margin-top: 24px;
    float: left;
}
.counties {
    margin-left: 8px;
}
.counties img {
    width: 12px !important;
}
.full-width-message #logout a {
    border: 1px solid #FFFFFF !important;
    margin-top: -1px !important;
    background-color: #B00A1A !important;
    color: #fff !important;
	   line-height: 31px !important;
}
.fprof h2 {
    font-size: 17px !important;
    margin: 5px 0;
}
.f-form-wrap fieldset section label input {
    border-radius: 25px !important;
    height: 26px !important;
    padding: 10px 9px 13px 33px !important;
}
.f-form-wrap footer button {
    margin: 0 !important;
    margin-top: 0px !important;
    height: 28px !important;
    font-size: 12px !important;
    line-height: 10px !important;
}
.f-form-wrap fieldset section label .icon-append {
    left: 5px;
    font-size: 12px;
    line-height: 14px;
}
.smart-form .input-file .button {
    margin-bottom: 15px;
}
.skip {
    margin-top: 6px;
    margin-left: 82px;
}
.full-width-temp #logout a {
    line-height: 22px !important; /*for responses page logout button */
}
.full-width-temp .lang-sel-wraper {
    right: 56px !important;
    top: 15px !important;
    max-width: 125px;
    left: initial !important;
    margin-top: 0px;
    padding: 4px 5px;
}
.view-response-btn {
    border: 2px solid #fff;
    border-radius: 43px;
    padding: 5px 12px 6px 12px;
    color: #fff;
    font-size: 15px !important;
    cursor: pointer;
    width: 198px;
    margin: 0 auto;
    margin-top: 16px;
}
.full-width-message > .center {
    /* background-color: rgba(34, 34, 34, 0.27); */
    border-radius: 4px;
    padding: 100px 25px 100px 25px;
}
.fprof {
    width: 65%;
    margin: 0 auto;
    margin-top: 34px;
}
.center .mainlogo {
    width: 100px;
    margin-bottom: 10px;
}
.login-page-language-wrapper-left .lang-sel-wraper {
    right: 10px !important;
    left: auto !important;
    top: 10px !important;
    margin-top: 9px;
}
.f-form-wrap section {
    margin-bottom: 5px;
}
.left-set .lang-sel-wraper {
    margin-top: 0;
    margin-left: 82px !important;
}
.left-set input {
    font-size: 11px !important;
}
.pass-set input {
    font-size: 11px !important;
}
.lang-sel-wraper.skip {
    top: 17px !important;
	    left: 99px !important;
}
.left-set .lang-sel-wraper {
    top: 17px !important;
    left: 16px !important;
}
ul.filters {
    list-style: none;
    margin-left: 0px;
    padding: 0 3px;
}
.response h1 {
	margin: 8px 0 2px 0;
}
#gallery .popup-gallery > li {
    padding: 0 0px 15px 0px;
    margin-left: -42px;
}
.full-width #logout a {
    line-height: 23px !important;
	    margin-top: -10px !important;
}
.full-width-message #logout a {
    line-height: 29px !important;
}

.full-width-message #logout {
    margin-top: -2px !important;
}
.mainheader img {
    width: 80px;
}.intake-text-fields-wrap textarea {
width: 100% !important;}
.intake-form-wrapper .input__field--hoshi {
width: 100%;}
.intake-form-wrapper .input--hoshi {
max-width: 100% !important;
width: 100%;
}
.intake-form-sm-wrap {
width: 100%;
margin-right: 10px;
max-width: 100%;}
.intake-form-wrapper li span {
width: 75%;
}
.clac-wrapper{
top: 150px !important;
}
    

}
			
@media screen and (max-width : 370px){
  .slidedBtn{
    right: 270px !important;
}
.sidePanel{
 width: 270px !important;
}  
.flds-contrl .input--hoshi {
    width: 70%;
    margin-left: 80px !important;
    margin-right: 15px !important;
}
.custom-selectdiv{
    width: 70% !important;
    margin-left: 80px !important;
    margin-right: 0px !important;
}
.flds-contrl{
   margin-right: 0px !important;
}
.attend-again{
     font-size: 17px;
    width: 223px;
}   
}


/* changes 20160114 -------------------------------------------------- */

.fl {
	float:left;
}
.fr {
	float:right;
}
.clearafter:after {
	display:block;
	content:'';
	clear:both;
	line-height:0px;
}

.transbg {
    background-color: #B10A1B;
    color: #fff;
    padding: 40px;
    height: 500px;
    position: relative;
    overflow: auto;
    border-radius: 5px;
    word-break: break-word;
    overflow-y: auto;
}

.fullheight {
	height:100%;
}
.leftrightpadding {
	padding-left:40px;
	padding-right:40px;
}

.table {
	display:table;
	table-layout:fixed;
	margin:0;
}
.table .tablecell {
	display:table-cell;
	vertical-align:middle;
}

/* .calculator --------------------------------------------------------- */




/* .homewrap --------------------------------------------------------- */
.homewrap {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	z-index:1;
	font-size:16px;
	background-color: #B00A1A;
    background-image: url(../admin/images/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.homewrap .homecontainer {
	color:#fff;
}
.homewrap .homeheader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	z-index:3;
}
.homewrap .homeheader .homelogo {
	float:left;
	padding:10px 30px;
}
.homewrap .homeheader .homelogo img {
	max-height:50px;
	margin: 10px 0 0 0;
    display: block;
}
.homewrap .homedata {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	text-align:center;
	display: table;
	z-index:1;
}
.homewrap .homedata .homedatain {
	display:table-cell;
	vertical-align:middle;
}
.homewrap .homedata .homehead {
	background-color: rgba(176, 10, 26, 0.51);
	padding:30px 0;
	margin:30px 0 0 0;
}
.homewrap .homedata h2 {
	font-size:55px;
	font-weight:700;
	margin: 0;
    padding: 0;
}
.homebuttonwrap {
	width: 361px;
    margin: 20px auto 0 auto;
}
.homebuttonwrap .pt-triggers {
	float:left;
}
.homewrap .homeright {
	width: auto;
    float: right;
    padding: 5px 15px;
    height: auto;
    border: 1px solid #EAEAEA;
    border-radius: 25px;
    box-shadow: 0px 1px 0px 0px #ccc;
    margin: 20px;
	z-index:2;
}


/* .loginwrap --------------------------------------------------------- */
.loginwrap {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:auto;
	z-index:1;
}
.loginwrap .logincontainer {
}
.loginwrap .loginheader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	z-index:3;
}
.loginwrap .loginheader .loginright {
	width: auto;
    float: right;
    padding: 5px 10px;
    height: auto;
    border: 2px solid #B00A1A;
    border-radius: 25px;
    box-shadow: 0px 1px 0px 0px #ccc;
    margin: 20px;
	color:#B00A1A;
}
.loginwrap .logindata {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	z-index:1;
}
.loginwrap .logindata .logindataleft {
	position:relative;
	width:50%;
	height:100%;
	overflow:auto;
	float:left;
	text-align:center;
	background-image: url(../admin/images/bg-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.loginwrap .logindata .logindataright {
	position:relative;
	width:50%;
	height:100%;
	overflow:auto;
	float:right;
	text-align:center;
	background-image: url(../admin/images/bg-right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.loginwrap .loginfooter {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	z-index:2;
}

.pagewrap {
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}
.pagecontainer {
}
.pageverticalcenter {
	position: absolute;
	height: 100%;
	width: 100%;
}
.ie11 .pageverticalcenter {
	position:relative;}
.pagewrap.imagebg {
	background-image: url(../admin/images/bg-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:auto;
}
.pageheader {
	position: absolute;
    width: 100%;
    z-index: 3;
	min-height:50px;
	pointer-events:none;
}
.pageheader header * {
	pointer-events:visible;
}
.pageheader .logo {
	text-align:left;
}
.pagedata {
	position: absolute;
    min-height: 100%;
	height:100%;
	z-index:1;
}
.pagewrap.paddingdata1 .pagedata {
	padding: 100px 0 10px 0;
}
.pagelefthalf {
	width: 50%;
    float: left;
    height: 100%;
    position: relative;
    background-color: #B00A1A;
    background-image: url(../admin/images/bg-left.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow-y:auto;
}
.ieedge .pagelefthalf,
.ie11 .pagelefthalf {
	overflow-y:auto;
	height:100vh;
}
.pagerighthalf {
	width: 50%;
    float: right;
    height: 100%;
    position: relative;
	overflow-y:auto;
	overflow-x:hidden;
}
.ieedge .pagerighthalf,
.ie11 .pagerighthalf {
	overflow-y:auto;
	height:100vh;	
}
/*.ie11 .pagewrap.imagebg .pagedata {position: relative; }
.ie11 .pagewrap.imagebg .pagefooter{position: relative; }*/
.ieedge .pagewrap.imagebg .pagedata, .ie11 .pagewrap.imagebg .pagedata {overflow:auto;}
.pagedata .pagelefthalf .table {
	height:100%;
}
.pagedata .pagelefthalf .table > .tablecell {
	color: #fff;
    padding:60px 40px;
}
.pagefooter { padding-bottom:0px;}
.pagedata .pagerighthalf .table {
	height:100%;
}
.pagedata .pagerighthalf .table > .tablecell {
    padding:60px 40px;
}

.pagefooter {
	position: absolute;
    bottom: 0;
	width: 100%;
	z-index:2;
}

.pagefooter * { position:relative; z-index:2;}
.pagefooter .prev-button > * {
	float:left;
	padding:20px 30px;
	cursor:pointer;
}

.imagebg .next-button div {
    color: #fff;
}
.pagefooter .next-button > * {
	float:right;
	padding:35px 30px;
	cursor:pointer;
}
.intake-form-wrapper .submit-button {
    background-color: #2aa189 !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 0 none;
    width: 245px;
}
.submit-button {
    background-color: #2aa189 !important;
    color: #fff !important;
    padding: 8px 15px !important;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 0 none;
}
.pagefooter .btn-submit {
	margin-right:0px;
	    margin-bottom: 20px;
}
.pagefooter .btn-submit > * {
	float:right;
	cursor:pointer;
    margin-right: 30px;
}
i.arrow-select {
    position: absolute;
    top: 10px;
    right: 11px;
    width: 5px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 9px #fff;
    z-index: 10000;
}
i.arrow-select:after, i.arrow-select:before {
    content: '';
    position: absolute;
    right: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
i.arrow-select:before {
    top: 0;
    border-bottom: 4px solid #404040;
}
i.arrow-select:after {
    top: 7px;
    border-top: 4px solid #404040;
}
.signature-canvas .canvas{
    box-shadow:none;
    border-bottom: 0;
    border: #ddd dashed 2px;
    border: #adadad dashed 1px;
}
.signature-canvas button{
    border: 2px solid #D4182A;
    border-radius: 19px;
    padding: 7px 15px;
    color: #B00A19;
    margin-top: 15px;
    margin-right: 10px;
    font-size: 14px;
    text-align: center;
    display: block;
    margin-left: 70px;
}

@media screen and (min-width : 1025px) {
	.pagewrap:not(.imagebg) .pageheader:before {
	display:block;
	content:"";
	position:absolute;
	width:50%;
	left:0px;
	top:0;
	height:100px;
	background: rgba(176,10,26,1);
	background: -moz-linear-gradient(top, rgba(176,10,26,1) 0%, rgba(176,10,26,1) 34%, rgba(176,10,26,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,10,26,1)), color-stop(34%, rgba(176,10,26,1)), color-stop(100%, rgba(176,10,26,0)));
	background: -webkit-linear-gradient(top, rgba(176,10,26,1) 0%, rgba(176,10,26,1) 34%, rgba(176,10,26,0) 100%);
	background: -o-linear-gradient(top, rgba(176,10,26,1) 0%, rgba(176,10,26,1) 34%, rgba(176,10,26,0) 100%);
	background: -ms-linear-gradient(top, rgba(176,10,26,1) 0%, rgba(176,10,26,1) 34%, rgba(176,10,26,0) 100%);
	background: linear-gradient(to bottom, rgba(176,10,26,1) 0%, rgba(176,10,26,1) 34%, rgba(176,10,26,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00a1a', endColorstr='#b00a1a', GradientType=0 );
}
.pagewrap:not(.imagebg) .pageheader:after {
	display:block;
	content:"";
	position:absolute;
	width:50%;
	right:0px;
	top:0;
	height:100px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	
}
.pagewrap:not(.imagebg) .pagefooter:before {
	display:block;
	content:"";
	position:absolute;
	width:50%;
	left:0px;
	top:0;
	height:69px;
	z-index:1;
	background: rgba(176,10,26,0);
	background: -moz-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 72%, rgba(176,10,26,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,10,26,0)), color-stop(72%, rgba(176,10,26,1)), color-stop(100%, rgba(176,10,26,1)));
	background: -webkit-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 72%, rgba(176,10,26,1) 100%);
	background: -o-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 72%, rgba(176,10,26,1) 100%);
	background: -ms-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 72%, rgba(176,10,26,1) 100%);
	background: linear-gradient(to bottom, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 72%, rgba(176,10,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00a1a', endColorstr='#b00a1a', GradientType=0 );
}
.pagewrap:not(.imagebg) .pagefooter:after {
	display:block;
	content:"";
	position:absolute;
	width:50%;
	right:0px;
	top:0;
	height:69px;
	z-index:1;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	
}
}
@media screen and (max-width : 1024px) {
	.transbg {
		overflow:visible;
	}

	.loginwrap .loginheader .loginright {
		border: 2px solid #FFFFFF;
		color: #fff;
	}
	.loginwrap .loginheader .loginright * {
		color: #fff !important;
	}
	.loginwrap .logindata {
		overflow:auto;
	}
	.loginwrap .logindata .logindataleft {
		width: 100%;
		min-height: 50%;
		height:auto;
	}
	.loginwrap .logindata .logindataright {
		width: 100%;
		min-height: 50%;
		height:auto;
	}
	.loginwrap .logindata .logindataleft.table > .tablecell,
	.loginwrap .logindata .logindataright.table > .tablecell {
		padding:40px 0;
	}
	.animwrap .animbutton {
		width: 200px;
		height: 200px;
	}
	.pagefooter { padding-bottom:15px;}
	
	.pagecontainer {
		position: relative;
		height: 100%;
	}
	
	.pageheader {
		background: rgba(176,10,26,1);
		min-height: 65px;
	}

.mainheader {
    padding: 10px;
}
	.pagedata {
		position: absolute;
		min-height: 0%;
    	height: 100%;
		overflow:auto;
	}
	.pagelefthalf {
    width: 100%;
    height: auto;
    min-height: auto;
}
	.pagerighthalf {
		width: 100%;
		height: auto;
		min-height: 50%;
	}
	.pagefooter {
		padding-top:20px;
    	bottom: 0;
		position:absolute;
		clear:both;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(80%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );	
	}
	.pagewrap.imagebg .pagefooter {
		background: rgba(176,10,26,0);
		background: -moz-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 80%, rgba(176,10,26,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(176,10,26,0)), color-stop(80%, rgba(176,10,26,1)), color-stop(100%, rgba(176,10,26,1)));
		background: -webkit-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 80%, rgba(176,10,26,1) 100%);
		background: -o-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 80%, rgba(176,10,26,1) 100%);
		background: -ms-linear-gradient(top, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 80%, rgba(176,10,26,1) 100%);
		background: linear-gradient(to bottom, rgba(176,10,26,0) 0%, rgba(176,10,26,1) 80%, rgba(176,10,26,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b00a1a', endColorstr='#b00a1a', GradientType=0 );
	}
	.pagefooter .prev-button * {
/*		color:#B00A1A;*/
        color: #333;
	}
    .prev-button a.prev:hover{
        color: #333 !important;
    }
    
	.pageheader header:last-child {
    display: none;
	}
	.pageheader header:first-child {
		display: block;
	}
	.imagebg #logout a {
    background-color: #B00A1A !important;
    color: #FFFFFF;
    border-radius: 53px;
    border: 2px solid #FFFFFF !important;
}
.pageverticalcenter {
    position: relative;}
	.bottom-text-wrapper {
    margin-bottom: 10px !important;
}
.pagefooter .prev-button > * {
    float: left;
    padding: 10px 30px;
    cursor: pointer;
}
.pagefooter {
    padding-bottom: 0px;
    background: #fff !important;
    padding-top: 0px !important;
}
.pagefooter .next-button > * {
    padding: 10px 30px;
}
.pagewrap.imagebg .pagefooter .prev-button * {
    color: #333 !important;
    /*color: #B00A1A !important;*/
}
.pagewrap.paddingdata1 .pagedata {
    padding: 100px 0 36px 0;
}
.imagebg .next-button div {
    /*color: #B00A1A !important;*/
    color: #333 !important;
}
	
ul.check-box-half {
width: 100% !important;}

.checkbox-intake-wrap ul {
max-width: 100% !important;
}
.intake-text-fields-wrap-bulk {
width: 314px;
margin: 0 auto;
margin-bottom: 22px;
max-width: 231px !important;
}
.transbg.message-block{
    height: auto !important;
}
}


@media screen and (max-width : 480px) {
.pageverticalcenter {
    position: relative;
    height: 100%;
    width: 100%;
}
.checkbox-intake-wrap ul {
    width: 146px;
    margin: 0 auto;
}
.loginwrap .loginheader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 3;
}
.loginwrap .logindata {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}
.loginwrap .loginfooter {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 2;
}
.loginwrap .loginheader .loginright {
    width: auto;
    float: right;
    padding: 5px 10px;
    height: auto;
    border: 2px solid #B00A1A;
    border-radius: 25px;
    box-shadow: 0px 1px 0px 0px #ccc;
    margin: 10px;
    color: #B00A1A;
}
.logindataleft .tablecell {
    padding-top: 72px !important;
}
.pagedata .pagerighthalf .table > .tablecell {
    padding: 10px 0px;
}
.pagedata .pagelefthalf .table > .tablecell {
    color: #fff;
    padding: 87px 40px 16px 40px;
}
.pageheader header:last-child {
    display: none;
}
.pageheader header:first-child {
    display: block;
}

.lang-sel-wraper {
    top: 44px !important;}
.mainheader {
    padding: 10px 10px;}	
/*
.pagedata {
    position: relative;
    height: auto;
    overflow: visible;
}
.pagefooter {
    position: relative;
}
.pagewrap.imagebg .pagefooter {
    color: #fff;
}*/
div#gallery {
    padding-left: 54px;
}
.response .question-block1 {
    padding: 89px 0px 58px 3px;
    overflow-x: hidden;
}
div#logout a {
    background-color: #B00A1A !important;
    background-image: none;
    color: #FFFFFF;}
	.homewrap .homeheader .homelogo img {
    width: 60px;
}
.homewrap .homeheader .homelogo {
    padding: 4px 10px;
}
.homewrap .homeright {
    padding: 2px 8px;
    margin: 12px;
    font-size: 11px;
}
.homelogo img {
    max-width: 100px !important;
}
.homewrap .homedata h2 {
    font-size: 26px;}
.homebuttonwrap {
    width: 235px;
	margin: 15px auto 0 auto;}
.bottom-text-wrapper {
    margin-bottom: 10px !important;
}
.loginwrap .loginheader .loginright {
    border: 1px solid #FFFFFF;
}
.pagefooter {
    padding-bottom: 0px !important;
	background: #fff !important;
	padding-top: 0px;
}
.help-wrapper {
    top: 126px;
}
.imagebg .pagedata {
    padding-bottom: 100px !important;
}
.attend-again {
    margin-bottom: 0px;
}
span.app-process-number {
    width: 35px;
    height: 35px;
    margin-bottom: 16px;
    margin-right: 5px;
    line-height: 12px !important;
}
ul.non-services {
    width: auto;}
.iagree {
    float: left;
    margin-left: 0;
    min-width: 201px;
    clear: both;
    margin-top: 11px;
    text-align: center;
}
.checkbox-intake-wrap .ul-medium {
    min-width: 287px;
    margin: 0 auto;
    max-width: 400px;
    margin: 0;
    padding: 0;
}
.imagebg .btn-submit {
    margin-right: 0px;
    margin-bottom: 2px;
    margin-top: 1px;
}
.pagewrap.imagebg .pagefooter .prev-button * {
    /*color: #B00A1A !important;*/
    color: #333 !important;
}
.pagewrap.imagebg .pagefooter .next-button * {
    /*color: #B00A1A !important;*/
    color: #333 !important;
}
.submit-button-message {
    background-color: #2aa189 !important;
    color: #fff;
}
.homewrap .homeheader {
    position: relative;
    height: 50px;}
.homewrap .homedata .homehead {
    padding: 10px 0;
	margin: 10px 0 0 0;
}
.homewrap .homedata h2 {
    font-size: 22px;
}
.skip-header {
    min-height: 47px !important;
    background-color: #B00A1A;
}
.pagefooter .next-button > * {
    float: right;
    padding: 10px 20px;
}
.pagefooter .prev-button > * {
    float: left;
    padding: 10px 30px;
}
.popup-wrap .signupform.active {
    width: 296px;
    height: 100%;
    overflow-y: auto;
	max-height: 570px;
}
.popup-wrap .loginform.active {
    overflow-y: auto;
    height: 100%;
	max-height: 385px;
	width:312px;
}
.loginform form h3 {
    font-size: 15px;}
.save-draft-wrapper {
    margin-right: 0px;}
	.left-page-sm .draft-input input{width: 113px;}
.left-set .question-block1 {
    margin: 0px 0 42px 0;
}
.transbg {
    padding: 13px;}
.message-center-wrapper .preview_qn_text {
    font-size: 20px !important;
}
.intake-form-wrapper {
    padding: 15px;}
.transbg .preview_qn_text p {
    font-size: 23px;
}
.preview_qn_text {
    text-align: left;
    font-size: 20px;
}
.application-process-wrapper li span {
width: 35px;
}
}

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

.set-your-password-wrapper {
   width: 100% !important;
}
.set-your-password-wrapper .lang-sel-wraper {
   top: 13px !important;
   padding: 6px 10px;
   left: auto !important;
   margin: auto !important;
   font-size: 13px;
   position: relative !important;
}

}
button.btn.calculator-btn{
    position: relative;
    float: left;
    background-color: #DA6666;
    border: 1px solid #DA6666;
    border-radius: 3px;
    padding: 10px 10px;
    outline: none;
    margin-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    cursor: pointer;
}

.clac-wrapper .modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.clac-wrapper .modal.left .modal-content,
.clac-wrapper .modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}
.clac-wrapper .modal.left .modal-body,
.clac-wrapper .modal.right .modal-body {
	padding: 15px 15px 80px;
}
.clac-wrapper .modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.clac-wrapper .modal.right.fade.in .modal-dialog {
	right: 0;
}
.clac-wrapper .modal-content {
	border-radius: 0;
	border: none;
}
.clac-wrapper .modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}
/*
.modal-backdrop.in {
    opacity:0;
}
*/
.clac-wrapper .modal{
    top: 100px;
    float: left;
}
.sidePanel
{
    position: fixed;
        right:0px;
    width: 320px;
    height: 100vh;
    background-color: #fff;
    z-index: 9999;
   box-shadow:  0px 5px 10px rgba(0, 0, 0, 0.14);
    top:0px;
   transform: translateX(320px);
    transition: all 0.5s ease-in-out;
}
.clac-wrapper
{
     transition: all 0.5s ease-in-out;
}
.slided
{
    transform: translateX(0);
}

.exitSurvey
{
    position: absolute;
    right: 0px;
    top:55px;
    background: #fff;
    display: none;
}
.exitSurvey button
{
    color: #FFFFFF;
padding: 3px 10px;
transition: all 0.3s ease-out;
border: 1px solid #b91c28;
font-size: 13px;
background-color: #B91C28;
    border-radius: 15px;
}
.flds-contrl .input--hoshi{
    max-width: 80%;
}
.flds-contrl .input__field--hoshi{
    font-size: 16px;
}
.calculate-btn{
    background: #b91c28;
    border-radius: 50px;
    border: 1px solid #b91c28;
    width: 110px;
    padding: 5px 5px 7px;
    color: #fff;
    font-size: 16px;
    opacity: 0.9;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 15px;
}
.calculate-btn:hover{
    border: 1px solid #b91c28;
    background: #fff;
    color: #b91c28 !important;
}

.custom-selectdiv:after {
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
    color: #b91c28;
    right: 0px;
    top: 0px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: absolute;
    pointer-events: none;
}
.cost-val{
    color: #b91c28;
    font-size: 18px;
    font-weight: 400;
}
select::-ms-expand {
display: none;
}
select:focus{
    outline: none;
    border: 
}
.custom-selectdiv select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  
  display: block;
  width: 100%;
  max-width: 320px;
  height: 40px;
  float: right;
  font-size: 16px;
  line-height: 1.75;
  color: #6d6d6d;
  background-color: #ffffff;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
    border: 0;
    font-weight: 400;
    padding-top: 6px;
}
.sidePanel p {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
}
.slidedBtn + .pagefooter .prev-button > *{
    z-index: 0;
}