@import 'reset.css';

@font-face {
    font-family: 'ccpleasurepointregular';
    src: url('/survey/fonts/ccpleasurepoint-webfont-webfont.woff2') format('woff2'),
         url('/survey/fonts/ccpleasurepoint-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'newtransport';
    src: url('/survey/fonts/NewTransport-Regular.eot');
    src: url('/survey/fonts/NewTransport-Regular.eot?#iefix') format('embedded-opentype'),
        url('/survey/fonts/NewTransport-Regular.woff2') format('woff2'),
        url('/survey/fonts/NewTransport-Regular.woff') format('woff'),
        url('/survey/fonts/NewTransport-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.clearfix:before,.clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}

body{color:#8f8981;background-color:#fff;font-family:'Gotham Rounded SSm A','Gotham Rounded SSm B',sans-serif;line-height:1.4;}

h1{margin:0 0 0.4em 0;color:#faaa18;font-family:ccpleasurepointregular;font-size:3em;text-transform:uppercase;line-height:1.2;}
h2{margin:0 0 0.4em 0;color:#faaa18;font-family:ccpleasurepointregular;font-size:3em;line-height:1.2;}

p,ul,ol,table{margin:0 0 1em 0;}

table.width80{width:80%;margin:0 10% 1em 10%;}
table.nospaceafter{margin-bottom:0;}

ul{list-style-type:disc;}
ol{list-style-type:decimal;}
ul li,ol li{margin-left:2em;}

b,strong,.bold{font-weight:bold;}
i,em,.italic{font-style:italic;}

a,a:visited{color:#faaa18;text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

img{width:auto;max-width:100%;height:auto;}

a.btn,a.btn:visited,button,input[type=button],input[type=submit],input[type=reset]{display:inline-block;width:100%;max-width:18em;margin:0 0.5em 0.5em 0;padding:0.9em 2em 0.7em 2em;color:#fff;background-color:#faaa18;font-family:'Gotham Rounded SSm A','Gotham Rounded SSm B',sans-serif;font-weight:normal;font-size:1.1em;text-align:center;line-height:1.2;border:none;border-radius:0;white-space:nowrap;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;}

a.btn.btnsmall,a.btn.btnsmall:visited,button.btnsmall,input[type=button].btnsmall,input[type=submit].btnsmall,input[type=reset].btnsmall{max-width:12em;padding:0.5em 1em 0.3em 1em;font-size:0.8em;}

a.btn.gray,a.btn.gray:visited,button.gray,input[type=button].gray,input[type=submit].gray,input[type=reset].gray{background-color:#babcbe;}

a.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a.btn:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background-color:#3ec2d2;text-decoration:none;}

input[type=text],textarea{display:block;width:97%;margin:0.4em 0 0 0;padding:0.4em 1% 0.4em 1%;color:#8f8981;background-color:#fff;font-family:'Gotham Rounded SSm A','Gotham Rounded SSm B',sans-serif;font-size:1em;line-height:1.2;border:1px solid #8f8981;border-radius:0;outline:none;-webkit-appearance:none;}
textarea{height:3em;}

input[type=text].submitemail{display:inline-block;width:auto;margin:0.2em 0 0 0;padding:0.2em 1% 0.1em 1%;}

div.col2{float:left;width:48%;margin:0 4% 0 0;}
div.col2:last-child{margin-bottom:0;margin-right:0;}

div.col3{float:left;width:30%;margin:0 5% 0 0;}
div.col3:last-child{margin-bottom:0;margin-right:0;}

div.col4{float:left;width:22%;margin:0 4% 0 0;}
div.col4:last-child{margin-bottom:0;margin-right:0;}

div.col5{float:left;width:16%;margin:0 5% 0 0;}
div.col5:last-child{margin-bottom:0;margin-right:0;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.smallest{font-size:0.6em;}
.smaller{font-size:0.8em;}
.larger{font-size:1.2em;}
.largest{font-size:1.4em;}
.floatleft{float:left;margin:0 2em 1em 0;}
.floatright{float:right;margin:0 0 1em 2em;}
.nowrap{white-space:nowrap;}
.hidden{display:none;}
.spaceabovesmall{margin-top:2em;}
.spaceabove{margin-top:4em;}

div.topband{background-color:#faaa18;}
div.topband img{width:auto;height:50px;margin:0 0 0 5%;}

#wrapper{width:90%;max-width:1200px;margin:1em auto;}

#wrapper div.steps div.step{display:none;}
#wrapper div.steps div.step:first-child{display:block;}

#wrapper div.questionarea div.product{float:left;position:relative;width:200px;margin:0 1em 2em 0;text-align:center;}
#wrapper div.questionarea div.product:last-child{margin-right:0;}

#wrapper div.questionarea div.product span.productlabel{display:block;margin:0 0 0.5em 0;color:#faaa18;}

#wrapper div.questionarea div.product div.ranknum{position:absolute;top:0;right:0;width:100%;color:#faaa18;text-align:center;}
#wrapper div.questionarea div.product div.ranknum:before{content:'Your Rank: ';}
#wrapper div.questionarea #step1 div.product div.ranknum{width:auto;font-size:2em;}
#wrapper div.questionarea #step1 div.product div.ranknum:before{content:'';}

#wrapper div.questionarea div.product div.stepcontent{display:none;}
#wrapper div.questionarea div.product div.stepcontent1{display:block;}
#wrapper div.questionarea div.product div.stepcontent div.subquestions{margin:2em 0 0 0;padding:0.5em 1em;color:#fff;background-color:#babcbe;font-size:0.8em;text-align:left;}
#wrapper div.questionarea div.product div.stepcontent div.subquestions textarea{margin-top:0.5em;}

#wrapper div.questionarea div.product a.enlarge,#wrapper div.questionarea div.product a.enlarge:visited{display:block;}
#wrapper div.questionarea div.product a.enlarge img,#wrapper div.questionarea div.product a.enlarge:visited img{display:block;margin:1.5em auto 0 auto;}
#wrapper div.questionarea div.product a.enlarge:hover,#wrapper div.questionarea div.product a.enlarge:active{text-decoration:none;}
#wrapper div.questionarea div.product a.enlarge span.enlargelabel,#wrapper div.questionarea div.product a.enlarge:visited span.enlargelabel{display:block;margin:0 0 1.2em 0;color:#818385;font-size:0.8em;text-decoration:underline;}

#wrapper div.emptyimg{width:200px;height:200px;}

#wrapper #enlargeoverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
#wrapper #enlargeoverlay #enlargeclose{position:absolute;top:0;right:0;padding:0.5em 1em;color:#fff;font-size:2em;opacity:0.8;cursor:pointer;}
#wrapper #enlargeoverlay #enlargeclose:hover,#wrapper #enlargeoverlay #enlargeclose:active{opacity:1;}
#wrapper #enlargeoverlay #enlarge{display:none;position:absolute;width:80%;height:80%;margin:auto;top:0;left:0;right:0;bottom:0;}
#wrapper #enlargeoverlay #enlarge img.smallimage{position:absolute;max-width:100%;max-height:100%;margin:auto;top:0;left:0;right:0;bottom:0;}

body.Nuna{color:#051d49;}

body.Nuna h1{margin:0 0 0.8em 0;color:#051d49;font-family:newtransport;font-weight:bold;font-size:1.8em;}

body.Nuna h2{margin:0 0 0.8em 0;color:#051d49;font-family:newtransport;font-weight:bold;font-size:1.8em;}

body.Nuna a,body.Nuna a:visited{color:#051d49;}

body.Nuna div.topband{background-color:#051d49;}

body.Nuna a.btn,body.Nuna a.btn:visited,body.Nuna button,body.Nuna input[type=button],body.Nuna input[type=submit],body.Nuna input[type=reset]{color:#051d49;background-color:#d8e2e8;font-weight:bold;}

body.Nuna a.btn:hover,body.Nuna button:hover,body.Nuna input[type=button]:hover,body.Nuna input[type=submit]:hover,body.Nuna input[type=reset]:hover,body.Nuna a.btn:active,body.Nuna button:active,body.Nuna input[type=button]:active,body.Nuna input[type=submit]:active,body.Nuna input[type=reset]:active{color:#fff;background-color:#051d49;}

body.Nuna a.btn.btnsmall,body.Nuna a.btn.btnsmall:visited,body.Nuna button.btnsmall,body.Nuna input[type=button].btnsmall,body.Nuna input[type=submit].btnsmall,body.Nuna input[type=reset].btnsmall{font-weight:normal;}

body.Nuna #wrapper div.questionarea div.product span.productlabel{color:#051d49;font-weight:bold;}

body.Nuna #wrapper div.questionarea div.product div.ranknum{color:#051d49;}

body.Nuna #wrapper div.questionarea div.product div.stepcontent div.subquestions{color:#051d49;background-color:#d8e2e8;}

@media only screen and (max-width:700px){
	a.btn,a.btn:visited,button,input[type=button],input[type=submit],input[type=reset]{display:block;width:100%;margin:0.5em 0;padding:0.9em 5% 0.7em 5%;}

	a.btn.btnsmall,a.btn.btnsmall:visited,button.btnsmall,input[type=button].btnsmall,input[type=submit].btnsmall,input[type=reset].btnsmall{padding:0.9em 5% 0.7em 5%;font-size:1.1em;}

	a.btn.gray:hover,button.gray:hover,input[type=button].gray:hover,input[type=submit].gray:hover,input[type=reset].gray:hover,a.btn.gray:active,button.gray:active,input[type=button].gray:active,input[type=submit].gray:active,input[type=reset].gray:active{background-color:#babcbe;}

	a.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,a.btn:active,button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{background-color:#faaa18;}

	input[type=text],textarea{width:95%;padding:0.4em 2% 0.4em 2%;}

	#wrapper div.questionarea div.product{float:none;width:100%;margin:1em 0 3em 0;}

	body.Nuna a.btn:hover,body.Nuna button:hover,body.Nuna input[type=button]:hover,body.Nuna input[type=submit]:hover,body.Nuna input[type=reset]:hover,body.Nuna a.btn:active,body.Nuna button:active,body.Nuna input[type=button]:active,body.Nuna input[type=submit]:active,body.Nuna input[type=reset]:active{color:#051d49;background-color:#d8e2e8;}
}