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

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

/*
font-family:'Univers LT W02_55 Roman';
font-family:'Univers LT W02_65 Bold';
font-family:'Univers LT W02_75 Black';
font-family:'UniversLTW02-85ExtraBla';
font-family:'Univers LT W02_45 Light';
*/

.frm_form_fields fieldset{
	border:none;
	padding:0;
}

input {
    background-color: #ededed;
    color: #000;
}

/*----FORMIDABLE----*/

.frm_message {
    color: #0cf;
	font-family:'Univers LT W02_65 Bold';
}

.frm_error {
	font-size:12px ;
    color: #0cf;
    margin: 5px 0 0 160px ;
    padding: 0;
}

.frm_left_container {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
    clear: both;
}


.frm_primary_label {
    width: 150px;
}

.frm_required{
	color:#0cf;
}

.frm_forms *{
	font-size:16px;
	font-family:'Univers LT W02_45 Light';
}

.frm_primary_label, .frm_forms select{
	text-transform:lowercase;
}

.frm_primary_label, .frm_forms input, .frm_forms textarea {
	border-radius:0px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	background:none; border:1px white dotted; padding:5px 8px; color:#fff; 
}

.frm_forms input, .frm_forms textarea {
	width:610px ;
	max-width:none ;
}



.frm_forms select{
		border: 1px #fff dotted ; 
		-webkit-appearance: none; 
		-moz-appearance: none; 
        appearance:none;
		background: none;
		text-indent: 0.01px; 
		text-overflow: "";  
		color: #FFF;
		border-radius:0;
		padding:5px 8px;
		width:610px;
		max-width:none ;
		background:url(../img/dropdown-arrow.png); 
		background-position:right center; 
		background-repeat:no-repeat; 
		background-size:20px 8px;
}

.frm_forms input:focus, .frm_forms textarea:focus, .frm_forms select:focus {
	outline:none;
	border:1px #0cf solid; 
	color: #0cf;
}


.frm_submit input{
	font-family:'Univers LT W02_55 Roman';
	margin:0 auto;
	background-color:#0cf;
	border:none; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	text-transform:lowercase;
	padding:5px 8px;
	color:#000;
	width:150px; margin-left:190px;
}
.frm_field_300_container{
	margin-left:190px !important;
}


#frm_field_cptch_number_container{
    margin: 0 0 10px 160px;
}



/*-----ALL MOBILES------*/

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	
#frm_field_cptch_number_container{
    margin: 0 0 10px 0;
}
	
	
.frm_forms input, 
.frm_forms textarea, 
.frm_forms select, 
.frm_submit input {
	display:block;
	float:none; clear:both;
	width:100% ; margin:0 0 20px 0;
}

.frm_primary_label{
	border:none;
	width:auto;
	padding:0 0 5px 0;
}


}




/*---------QUIZ LAYOUT-----------------------*/


.silverquiz input:focus,
.silverquiz textarea:focus, 
.silverquiz select:focus {
	outline:none;
	border:none; 
	border-bottom:1px #999 dotted;
}



.silverquiz .frm_primary_label, 
.silverquiz .frm_forms input, 
.silverquiz .frm_forms textarea {
	border-radius:0px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	background:none; border:none; 
}




.silverquiz .frm_forms input, .frm_forms textarea {
	width:auto;
	max-width:none;
}



.quiz-tile-container{
	width:200px;
	float:left;
	margin:0 50px 50px 0;
}

.quiz-tile{
	display:block; position:relative;
	width:198px; height:198px;
	border-top:1px #999 dotted;
	border-left:1px #999 dotted;
	background-size:100%;
	text-align:right;
	}
	
.quiz-form-prompt, .quiz-form-element input{
	font-size:16px;		
}

.quiz-tile-number{
	font-family:Times, "Times New Roman", serif;
	font-size:24px;
	display:block; position:relative;
	padding:10px;
}

.quiz-tile-desc{
	width:200px; height:200px; top:0; left:0;
	display:table; position:absolute; z-index:10;
	text-align:center; vertical-align:middle;
	font-size:24px;
	text-transform:lowercase;
}
.quiz-tile-desc-inner{	
	display:table-cell;
	text-align:center; vertical-align:middle;
	opacity:0;
	background: rgba(0, 0, 0, 0.8); 
	-webkit-transition: opacity 0.9s ease-in-out;
    -moz-transition: opacity 0.9s ease-in-out;
    transition: opacity 0.9s ease-in-out;
}
.quiz-tile-desc-inner:hover{	
	opacity:1;
  	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	cursor:help;
}
.quiz-form-element{
	text-align:center;
}
.quiz-form-prompt{
	display:inline; margin-right:8px;
}

.quiz-form-element .frm_form_field{
	width:auto;
	display:inline;
}

.quiz-form-element input{
	background:none;
	color:#838383;
	border:none;
	border-bottom:1px #fff dotted;
	width:auto;
	text-align:left; 
	margin-right:8px;
}

.quiz-form-element input:focus{
	outline:none;
	background-color:#222;
}

.quiz-nogap{
	margin-right:-5px;
}

.quiz-entry{
	clear:both;
	width:480px; margin:0 auto;
	padding:100px 0;
	display:block;
	font-size:18px;
	line-height:1.8em;
}
.quiz-entry h3{
	display:none;
}
.quiz-entry-field{
	clear:both;
	width:100%;
	display:block;
	margin:40px 0 0 0;
}

.quiz-entry-field label{
	width:130px;
	padding:5px 0;
	height:40px;
	display:block;
	font-size:16px;
	}

.quiz-entry-field input{
	border:none;
	display:inline-block;
	height:40px;
	color:#fff;
	font-size:16px;
	padding:5px 0;
	border-bottom:1px #999 dotted;
	width:400px;
	background:#000;
}

.quiz-entry-field input:focus{
	outline:none;
	background-color:#222;
}	


.silverquiz .frm_error{
color:#0cf; font-size:14px; margin:0 0 0 -30px; display:block;
}

.quiz-title{
	font-family:'Clarendon LT W01 Roman1551494';
	font-size:150px;
	margin-bottom:40px;
	display:inline-block;
	width:100%;
	text-align:center;
}
.quiz-title-silver{
	font-family:'Clarendon LT W01 Roman1551494';
	font-size:150px;
	color:#666;
}

.quiz-salute{
	font-family:'Clarendon LT W01 Roman1551494';
	font-size:36px;
	margin-bottom:40px;
	display:inline-block;
	width:100%;
	text-align:center;
}

.quiz-intro{
	font-size:24px;
	margin-bottom:120px;
	font-family:'Univers LT W02_45 Light';			
}


/*--WP-QUIZ STYLING--*/


@import url(https://fonts.googleapis.com/css?family=Creepster);
@import url(https://fonts.googleapis.com/css?family=Seaweed+Script);

/*---QUOTES---*/

@font-face {
    font-family: 'museo700';
    src: url('Fonts/exljbris_-_museo-700-webfont.eot');
    src: url('Fonts/exljbris_-_museo-700-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/exljbris_-_museo-700-webfont.woff2') format('woff2'),
         url('Fonts/exljbris_-_museo-700-webfont.woff') format('woff'),
         url('Fonts/exljbris_-_museo-700-webfont.ttf') format('truetype'),
         url('Fonts/exljbris_-_museo-700-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bhaversregular';
    src: url('Fonts/bhavers_typeface-webfont.eot');
    src: url('Fonts/bhavers_typeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/bhavers_typeface-webfont.woff2') format('woff2'),
         url('Fonts/bhavers_typeface-webfont.woff') format('woff'),
         url('Fonts/bhavers_typeface-webfont.ttf') format('truetype'),
         url('Fonts/bhavers_typeface-webfont.svg#bhaversregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pradaregular';
    src: url('Fonts/prada-webfont-webfont.eot');
    src: url('Fonts/prada-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/prada-webfont-webfont.woff2') format('woff2'),
         url('Fonts/prada-webfont-webfont.woff') format('woff'),
         url('Fonts/prada-webfont-webfont.ttf') format('truetype'),
         url('Fonts/prada-webfont-webfont.svg#pradaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_rust_script_r00';
    src: url('Fonts/nexarustscriptr-00-webfont-webfont.eot');
    src: url('Fonts/nexarustscriptr-00-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/nexarustscriptr-00-webfont-webfont.woff2') format('woff2'),
         url('Fonts/nexarustscriptr-00-webfont-webfont.woff') format('woff'),
         url('Fonts/nexarustscriptr-00-webfont-webfont.ttf') format('truetype'),
         url('Fonts/nexarustscriptr-00-webfont-webfont.svg#nexa_rust_script_r00') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'appleton_regular';
    src: url('Fonts/appleton-webfont-webfont.eot');
    src: url('Fonts/appleton-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/appleton-webfont-webfont.woff2') format('woff2'),
         url('Fonts/appleton-webfont-webfont.woff') format('woff'),
         url('Fonts/appleton-webfont-webfont.ttf') format('truetype'),
         url('Fonts/appleton-webfont-webfont.svg#appleton_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_rust_slabblack';
    src: url('Fonts/nexarustslab-black-webfont-webfont.eot');
    src: url('Fonts/nexarustslab-black-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/nexarustslab-black-webfont-webfont.woff2') format('woff2'),
         url('Fonts/nexarustslab-black-webfont-webfont.woff') format('woff'),
         url('Fonts/nexarustslab-black-webfont-webfont.ttf') format('truetype'),
         url('Fonts/nexarustslab-black-webfont-webfont.svg#nexa_rust_slabblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*QUOTE STYLES*/


.wpProQuiz_question_text .styleA, .styleA {
	font-family: 'Creepster', cursive;
	/*font-family: 'museo700', 'Open Sans', Arial, sans-serif;*/
	font-size:90px;
	line-height:1em;	
}
.wpProQuiz_question_text .styleA.small, .styleA.small {
	font-size:55px;
}
.wpProQuiz_question_text .styleB, .styleB{
	font-family: 'bhaversregular', 'Open Sans', Arial, sans-serif;
	font-size:120px;
	line-height:0.7em;	
}
.wpProQuiz_question_text .styleB.small, .styleB.small{
	font-size:70px;
}
.wpProQuiz_question_text .styleC, .styleC{
	font-family: 'pradaregular', 'Open Sans', Arial, sans-serif;
	font-size:80px;
	line-height:1em;	
}
.wpProQuiz_question_text .styleC.small, .styleC.small{
	font-size:65px;
}
.wpProQuiz_question_text .styleD, .styleD{
	font-family: 'Seaweed Script', cursive;
	/*font-family: 'nexa_rust_script_r00', 'Open Sans', Arial, sans-serif;*/
	font-size:80px;
	line-height:1.1em;	
}
.wpProQuiz_question_text .styleD.small, .styleD.small{
	font-size:70px;
}
.wpProQuiz_question_text .styleD, .styleD{
	font-size:70px;
}
.wpProQuiz_question_text .styleE, .styleE{
	font-family: 'nexa_rust_slabblack', 'Open Sans', Arial, sans-serif;
	font-size:50px;
	line-height:1em;	
}
.wpProQuiz_question_text .styleF, .styleF{
	font-family: 'appleton_regular', 'Open Sans', Arial, sans-serif;
	font-size:90px;
	line-height:0.8em;	
}
.wpProQuiz_question_text .styleF.small, .styleF.small{
	font-size:75px;
}
/*preloadfonts*/
.fontloader{
	position:absolute; top:0; left:0; height:1px; width:1px; display:block; overflow:hidden;
}

.wpProQuiz_text h1, 
.wpProQuiz_text h2, 
.wpProQuiz_text h3, 
.wpProQuiz_text h4, 
.wpProQuiz_text h5, 
.wpProQuiz_text h6, 
.wpProQuiz_points{
	font-family: 'nexa_rust_slabblack', Arial, sans-serif;
	text-transform:uppercase;	
	font-weight:700;
	line-height:1.2em;
	margin-bottom:20px;
	color:#fff;
	padding:0;
}
.wpProQuiz_points{
	font-family: 'nexa_rust_slabblack', Arial, sans-serif;
	text-transform:uppercase;	
	font-weight:700;
	line-height:1.2em;
	margin-bottom:20px;
	color:#fff;
}
	
	
	/*---WHAT DO YOU SEE---*/
	
.whatdoyousee_field{
	/*width: 25% !important;
    float: left !important;
    top: 0 !important;*/
}
	
.whatdoyousee_field label{
	border: none;
    font-size: 18px !important;
    color: #fff !important;
  /*  margin: 0 0 10px 0 !important;*/
    display: inline-block !important;
}
.whatdoyousee_field input[type=text]{
	border:1px #fff dotted !important;
    background: #000 !important;
    border-radius: 0 !important;
    color: #fff !important;
}
.whatdoyousee_field input[type=text]:focus{
	border:1px #0cf dotted !important;
}

.whatdoyousee_form > div > fieldset > div.frm_submit{
	/*position: absolute!important;
    left: 66%!important;
    top: 220px!important;
    margin:10px 0 0 25px!important;*/
}

.whatdoyousee_form{
	position: absolute;
    z-index: 9999999999;
}


.whatdoyousee_form .dotted{
	border:1px dotted #ccc;	
}


.whatdoyousee_form > div > fieldset > div.frm_submit > button.frm_button_submit{
	font-family: 'Univers LT W02_55 Roman';
    margin: 0 auto;
    background-color: #0cf;
    border: none !important;
	border-radius:0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-transform: lowercase !important;
    webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    color: #000;
}

.whatdoyousee_form > div > fieldset > div.frm_submit > button.frm_prev_page{
	font-family: 'Univers LT W02_55 Roman';
    margin: 0 auto;
    background-color: #999;
    border: none !important;
	border-radius:0;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-transform: lowercase !important;
	webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    color: #000;
}

.whatdoyousee_form label{
	    margin-bottom: 10px !important;
}

.whatdoyousee_form .frm_two_thirds{
		margin-left:0 !important;	
}

.ttp_quiz_field label{
	color:#fff !important;
	border:none;
}

.ttp_quiz_field input[type=text], .ttp_quiz_field input[type=email]{
	border:1px #fff dotted !important;
    background: #000 !important;
    border-radius: 0 !important;
    color: #fff !important;
}

.whatdoyousee_form .cptch_span, .whatdoyousee_form .dashicons {
	color:#fff !important;
}

.whatdoyousee_form  .cptch_input {
	background: #000 !important;
    border: 1px dotted #fff !important;
    border-radius: 0 !important;
	color:#fff !important;
}


.whatdoyousee_form  #frm_field_cptch_number_container{
	margin:50px 0;
	display:block;
}

@media all and (max-width:769px) {

	.whatdoyousee_form{
		margin-left:10px;
	}

}