* {
	box-sizing: border-box; }

@font-face {
    font-family: 'DustismoSerif';
    src: url('../fonts/Dustismo_Roman-webfont.eot');
    src: url('../fonts/Dustismo_Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dustismo_Roman-webfont.woff') format('woff'),
         url('../fonts/Dustismo_Roman-webfont.ttf') format('truetype'),
         url('../fonts/Dustismo_Roman-webfont.svg#dustismo_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DustismoSerif-bold';
    src: url('../fonts/Dustismo_Roman_Bold-webfont.eot');
    src: url('../fonts/Dustismo_Roman_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Dustismo_Roman_Bold-webfont.woff') format('woff'),
         url('../fonts/Dustismo_Roman_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Dustismo_Roman_Bold-webfont.svg#dustismo_romanbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ambleSans';
    src: url('../fonts/Amble-Regular-webfont.eot');
    src: url('../fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Regular-webfont.woff') format('woff'),
         url('../fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ambleSans-light';
    src: url('../fonts/Amble-Light-webfont.eot');
    src: url('../fonts/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Light-webfont.woff') format('woff'),
         url('../fonts/Amble-Light-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Light-webfont.svg#amblelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ambleSans-lightcondensed';
    src: url('../fonts/Amble-LightCondensed-webfont.eot');
    src: url('../fonts/Amble-LightCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-LightCondensed-webfont.woff') format('woff'),
         url('../fonts/Amble-LightCondensed-webfont.ttf') format('truetype'),
         url('../fonts/Amble-LightCondensed-webfont.svg#amblelight_condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { line-height: 1; font-family: 'ambleSans'; font-size:14px; color:#151515; background: #ffffff; }
.clear{clear:both; line-height:1px; font-size:1px;}

.container { width: 1000px; max-width:100%; margin: 0 auto; padding:0; overflow: initial;}
#wrapper { width:100%; height:auto; margin:0 auto; }
#header { width: 100%; margin: 0 auto; padding: 0; height:auto; position:relative;}

.bg-logo { background: url('../images/EnstilarIconTrioTrans.png'); background-size: contain; background-repeat: no-repeat; background-position: center; }

.header_block { min-height:75px; position:relative;  }
.header_block h1 { text-align: right; vertical-align: middle; }
.header_block ul { margin:0; text-align:right; }
.header_block ul li { list-style:none; display:inline-block; padding: 3px; border:1px solid #000; vertical-align: middle; background: #810010; color: #FFFFFF }
.header_block ul li a { font-family: 'ambleSans'; font-size:16px; line-height:normal; color:#FFFFFF; text-decoration:none; }

.form_input	{ font-size:17px; font-family: sans-serif; }
.form_input p { font-family: 'ambleSans-light'; color:#000000; font-size:19px; line-height:21px; margin:0 0 20px; padding:0 0 0 5px; }
.form_input input[type=text],input[type=password],input[type=email] { width:95%; background:#fff; border:2px solid #959595; box-shadow:none;  outline:0; font-family: 'ambleSans-light'; color:#000000; font-size:19px; line-height:21px; padding:10px 15px; margin:0 0 15px; }
.form_input input[type=number] { width: 50px; background:#fff; border: 2px solid #959595; box-shadow: none; outline: 0; font-family: 'ambleSans-light'; color:#000000; font-size:19px; line-height:21px; padding:10px 15px; margin:0 0 15px; }
.form_input textarea { width: 98%; height:120px; font-family: 'ambleSans-lightcondensed'; }

.form_button { margin:0; padding:0; flex-grow: 1; }
.form_button input { width:310px; padding:12px 0; background:#0078c1; font-family: 'ambleSans'; color:#fff; font-size:19px; line-height:21px; margin:5px auto; border:0; outline:0; box-shadow:none; display:block; }
div.sectionhead { margin-top: 10px; margin-bottom: -5px; padding-top: 10px; padding-bottom: 10px; padding-left: 3px; background-color: rgba(204,228,243,0.5); font-family: DustismoSerif; font-size: 20px; font-weight: blod; border: 3px solid #6B96B0; }
div.sectionhead img { height: 20px; }
div.sectionbody { display: none; }
#photoarea { display: none; }
#photoarea .addphoto img { height: 20px; }
#photoproto { display: none; }


.tspace { content: ''; width: 100%; padding-top: 15px;  }

.banner_block { background:#cce4f3; }
.banner	{ padding:5px 0; color:#cce4f3; position:relative; }
.banner:after { content:''; width:100%; height:5px; background:#671c31; position: absolute; bottom: 0; }
.banner h1 { font-family: DustismoSerif; font-size:20px; line-height:30px; color:#000; }

.content_block { padding:10px 0; }
.content_block h4 { font-family: 'ambleSans'; color:#0078c1; font-size:23px; margin:0 0 10px; }
.content_block h2.like-h4 { font-family: 'ambleSans'; color:#0078c1; font-size:23px; line-height:27px; margin:0 0 10px; }

h2.like-h4-green { font-family: 'ambleSans'; color:green; font-size:23px; line-height:27px; margin:0 0 10px; }
h2.like-h4-red { font-family: 'ambleSans'; color:red; font-size:23px; line-height:27px; margin:0 0 10px; }

.content_block p { font-family: 'ambleSans-light'; color:#000000; font-size:23px; margin:0 0 10px; }

.qbox { padding-top: 10px; padding: 5px 5px; margin-top: 10px; border: 2px solid #DCDCDC;}
.qbox:nth-child(even) { background: rgba(204,204,204,0.8); }
.qbox label { color: #000BA4; font-size: 18px; margin: 3px; }
.qbox img { height: 22px; }
.qbox input[type=image]  { height: 18px;  }
.indent { padding-left: 40px; }
#photoarea .uploadedimage { width: 100%; height: auto; }
.pdiv .uploadedimage { width: 30%; height: auto; }
.pdiv {float: left; }


.durg_block	{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:20px 0; }

.titleAndLogo { display: flex; }

.logo { bottom: 0; flex-grow: 1; }

.logo a img	{ height: 100px }
.logo:before { content:''; width:100%; height:5px; background:#d8251e; position: absolute; bottom: -5px; }

.fancy-header { position:relative; }
.fancy-header span img { position:absolute; right: 0px; top: 0px; }
.fancy-body p { font-family: 'ambleSans-lightcondensed'; color:#000000; font-size:23px; line-height:35px; margin:0; }
.fancybox-opened .fancybox-skin	{ padding:30px !important; }
.fancybox-close					{ top: 32px; right: 28px; }



#footer { width:100%; height:auto; margin:0 auto; padding:10px 0 0; }
#footer	.container {  overflow: hidden; }
.foot_in { background:#ebebeb; min-height:200px;  }
.foot_head { border-bottom:1px solid #c2c2c2; }
.foot_head	h3 { padding:15px 0 5px; font-family: 'ambleSans'; color:#000000; font-size:30px; line-height:35px; font-weight:600; float:left; position:relative; }
.foot_head	h3:before { content:''; width:100%; height:5px; background:#0078c1; position: absolute; top: 0; }
.foot_head img { float:right; padding:5px 0 0; }

.foot_add { padding:20px 0 0; }
.foot_add p { font-family: 'ambleSans-lightcondensed'; color:#646464; font-size:12px; line-height:14px; }
div.instructs { 
	padding-right: 5px;
	padding-left: 10px; }
.instructs { font-family: 'ambleSans-lightcondensed'; font-weight: bold; text-align: right; font-size: 16px; color: #FF6A01  }
.blsteroids { display: none; }
/* #blq24a { display: none; }
#blq24b { display: none; } */
.shrink { width: 90% }
.photoselect { border: 1px solid #c2c2c2; padding: 3px; }
.noshow { display: none; }
.error { color: red; font-weight: bold; }
.center { width: 100%; padding: 15px 15px; font-style: italic; text-align: center; }
.center span { margin: 20px; }
.lockedvisit { color: green; }
.notlockedvisit { color: red; }

textarea {
    width: 98%;
    height: 100px;
    margin: 5px auto; }

.progressContainer { 
	width: 100%; 
	height: 10px; 
	background-color: lightgrey; }
.progressBar { 
	width: 0px; 
	height: 10px; 
	background-color: green; }

img.photoImage {
	height: 150px; }
	
div.photoBox {
	margin-right: 30px; }

.qline {
	display: flex;
	border: 1px solid #671c31;
	border-radius: 3px;
	background-color: #cce4f3;
	padding: 5px; }

.qtext {
	flex-grow: 1;
	font-size: 18px;}
	
fieldset {
	border: none;
	margin: 0;
	padding: 0; }

fieldset:disabled {
	display: none; }

fieldset.otherTarget {
	padding-left: 15px; }

.ResponseItem {
	display: flex;
	border: 1px solid lightgrey;
	margin: 3px 0 2px 10px;
	border-radius: 3px;
	padding: 3px 3px 3px 10px;
	background-color: aliceblue; }

input {
    margin: 3px;
    padding: 3px; }

input[type=number] {
    width: 55px;
    font-size: 18px; }

input[type=text] {
    max-width: 600px;
    min-width: 500px; }
    
input[type=text].medInfo {
	width: 100px;
	min-width: 100px; }
	
div.medInfoTable {
	display: flex;
	flex-wrap: wrap;
	padding-left: 25px; }
	
div.responseArea {
	padding-left: 25px; }

.form_button_container {
    display: flex;
    margin-top: 15px; }
    
.photoAndInfo {
	display: flex;}

input.surveyLocked {
	background: green; }

.infoDiv {
	margin: 5px 5%;
	padding: 10px;
	background-color: lightyellow;
	border: 1px solid grey;
	border-radius: 8px;
	font-size: 15px; }
p.emphasis {
	color: crimson;
	font-size: 18px;
	border: 1px solid crimson;
	padding: 3px;
	border-radius: 3px; }
	
.pwcArea {
	display: block; 
	background-color: #FFEDD2}	
.pwcLine {
	display: flex; }

.pwcLabel {
    margin: auto 5px;
    font-size: large;
    flex-basis: 30%;
    padding: 5px; }

.pwcInput {
	flex-basis: 70% }

.pwcInput input {
	border-radius: 5px; }

   
* {border-sizing: border-box; border-collapse: collapse; font-family: ambleSans }
.col-1 { width: 10%; }
.col-2 { width: 20%; }
.col-3 { width: 30%; }
.col-4 { width: 40%; }
.col-5 { width: 50%; }
.col-6 { width: 60%; }
.col-7 { width: 70%; }
.col-8 { width: 80%; }
.col-9 { width: 90%; }
.col-10 { width: 100%; }
.col-10:after { clear: both; line-height:1px; font-size:1px; }
[class*="col-"] { float: left; }

@media only screen and (max-width: 959px){
	.container { width: 94%;}
	.form_input	{ padding: 20px 40px; } 
}
	
@media only screen and (max-width: 767px) {	
	.cont_block ul li ul li span{ font-size: 17px; }
	.container { width: 90%;}
}

@media only screen and (max-width: 479px) {
	.container { width: 80%;}

}