@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}
.feedback-page{
	background:url(../images/feedback-bg.jpg) no-repeat 0 0 ;
	background-size:cover;
	color:#fff;
}
.feedback-page label a{
	color:#fff;
}
.feedback-page label a:hover{
	color:#fdc338;
}
.feedback-page .hero .inner-container h1{
	max-width:90%;
	height:auto;
	float: none;
	margin: 0 auto;
	text-align:center;
}
.feedback-page.feedback-form .hero .inner-container h1{
	width:60%;
}
.feedback-page .hero .inner-container h1 img{
	max-width:100%;
	height:auto;
	margin: 0 auto;
}
.feedback-page .field-name-field-file-image-caption{
	display: none;
}
.feedback-page.node-page .multi, .feedback-page .multicolumn-section, .feedback-page .multicolumn-section .thumbcontainer.onecol{
	max-width:100%;
	width:100;
	margin:0;
	min-height:0;
	height:auto;
	padding:0;
}
.feedback-page .offers-panel.multicolumn-section .onecol .thumb{
	background: #fdc441;
	width:100%;
	max-width:100%;
	height:auto;
	min-height: 0;
	text-align: center;
	border:0;
	padding:22px 0 16px;
	margin:0;
}
.feedback-page .offers-panel .thumbcontainer img, .feedback-page .offers-panel .thumbcontainer img:hover{
	-webkit-transition:none;
	transition:none;
	-webkit-transform:none;
	transform:none;
	height:auto;
	min-height: 0;
}
.feedback-page .multi .multicolumn-section .thumbcontainer.onecol img{

	max-width:400px;
	width:100%;
}
.feedback-page .multicolumn-section .arrow{
	display:none;
}
.feedback-page .pane-webform{
	max-width:100%;
	position: relative;
}
.feedback-page .pane-webform div.messages{
	margin-top:10px;
}
.feedback-page .pane-template{
	max-width:100%;
}
.feedback-controls{
	width:100%;
	clear:both;
}
.feedback-controls a, .feedback-controls a:visited, .feedback-controls a:link, .feedback-controls a:active{
	color:#fff;
	text-decoration: none;
	padding:10px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#000;
	cursor: pointer;
	width:48%;
	display: none;
	text-align: center;
}
.feedback-controls a:hover{
	text-decoration: none;
	background:#fdc338;
	color:#000;
}
.feedback-prev-btn{
	float:left;
}
.feedback-next-btn, .feedback-page #edit-submit{
	float: right;
	z-index:500;
}
.feedback-page .current.pane-webform #edit-submit{
	float:none;
	clear:both;
}
.feedback-page .get-started-button{
	text-align: center;
	height:auto;
	min-height:0;
}
.feedback-page .get-started-button p{
	margin:0;
	height:auto;
	min-height:0;
	line-height: 100%;
	text-align: center;
}
.feedback-page .get-started-button p a{
	margin:20px auto 0;
	display:inline-block;
	position:relative;
	background:#fdc338;
	padding:12px 30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size: 1.4rem;
	font-weight:400;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	color:#000;
}
.feedback-page .form-actions{
	text-align:right;
	clear:both;
}
.feedback-page .current.pane-webform .form-actions{
	text-align:center;
	position: relative
}
.feedback-page #edit-submit{
	background:#fdc338;
	color:#000;
	text-decoration: none;
	padding:12px 15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	cursor: pointer;
	width:48%;
	font-size: 1.4rem;
	font-weight:400;
	float:none;
	display: inline-block;
	vertical-align: middle;
}

.feedback-page .pane-webform .content{
	padding-bottom: 0
}
.feedback-page .pane-webform .node-webform{
	width:100%;
	padding:0;
	float:none;
	margin:0 auto;
	position: relative;
	height:auto;
	min-height:100px;
}
.feedback-page .pane-webform .node-webform h2, .feedback-page .webform-component-fieldset legend{
	display:none;
	margin:0;
	padding:0;
}
.feedback-page .webform-component-fieldset{
	opacity:0;
	width:100%;
	height:0;
	position:relative;
	overflow: hidden;
}
.feedback-page .webform-component-fieldset.current{
	opacity: 1;
	z-index:100;
	height:auto;
}
.current .webform-component>label{
	margin-bottom: 8px;
    font-weight: 300;
    font-size: 2rem;
    color:#fff;
    display: block;
    width:auto;
}
.current .webform-container-inline{
	clear:both!important;
	width:100% !important;
	margin:0.5em 0 !important;
	float:left;
}
.current .webform-container-inline>label{
	font-size: 1.5rem;
	margin-right:0;
}
.current .webform-container-inline>input{
	width:100%!important;
	max-width:100% !important;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.current select{
	font-size: 1.5rem;
	height:35px;
	padding:0 10px;
	line-height:35px;
}
.current .form-radios .form-type-radio, .current .form-checkboxes .form-type-checkbox{
	position:relative;
	display:inline-block;
	margin:0 0 5px;
	width:100%;
}
.current .form-radios.ratings .form-type-radio{
	width:25%;
	padding:0 5px;
	float: left;
}

.current .form-radios input[type="radio"], .current .form-checkboxes input[type="checkbox"]{
	position:absolute;
	left:-99em;
}
.current .form-radios.classic input[type="radio"]+label:before, .current .form-checkboxes.classic input[type="checkbox"]+label:before{
	content:" ";
	width:20px;
	height:20px;
	display:inline-block;
	background:#fff;
	border:1px solid #ddd;
	margin-right: 10px;
	vertical-align: middle;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.current .form-radios.classic input[type="radio"]:checked+label:before, .current .form-checkboxes.classic input[type="checkbox"]:checked+label:before{
	content: "\2713";
	font-size: 15px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
}
.current .form-radios.classic label, .current .form-checkboxes.classic label{
	font-weight:300;
	margin:0;
}

.current .form-radios.classic input[type="radio"]:checked+label, .current .form-checkboxes.classic input[type="checkbox"]:checked+label{
	background:none;
}
.current .form-radios input[type="radio"]+label, .current .form-checkboxes input[type="checkbox"]+label{
	font-size: 1.25rem;
	color:#fff;
	padding:8px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid rgba(255,255,255,0.5);
	background:rgba(0,0,0,0.3);
	display:block;
	width:100%;
}
.current .form-radios.classic input[type="radio"]+label, .current .form-checkboxes.classic input[type="checkbox"]+label{
	width:auto;
	display:inline-block;
	border:none;
	padding:0;
	background: none;
}
.current .form-radios.ratings input[type="radio"]+label{
	padding:8px 0;
	text-align: center;
}
.current .form-radios input[type="radio"]:checked+label, .current .form-checkboxes input[type="checkbox"]:checked+label{
	background:rgba(252,195,56,0.7);
}
.current .webform-component-date select{
	margin:0 0 5px;
}
.feedback-page .disclaimer-panel, .feedback-page .disclaimer-panel p a{
	color:#fff;
	text-align: center;
	padding:30px 0 0;
}

/*****
 icons
 *****/
.current .form-radios.yes-no{
	margin: 0 -5px;
}
.current .yes-no>.form-type-radio{
	width:50%;
	padding:0 5px;
	float:left;
	text-align: center
}
.current .awesome-ok-not>.form-type-radio>input[type="radio"]+label{
	padding:8px 0;
}
.current .yes-no>.form-type-radio>label:before,
.current .awesome-ok-not>.form-type-radio>label:before{
	content:" ";
	display: block;
	padding:8px 0;
	width:35px;
	height:35px;
	margin:10px auto 10px;
}
.current .offers-select>.form-type-radio>label:before{
	content:" ";
	display: block;
	padding:8px 0;
	width:182px;
	height:105px;
	margin:10px auto 0;
}
.current .offers-select>.form-type-radio>input[type="radio"]+label{
	color:rgba(221,221,221, 0);
    background:rgba(221,221,221,0.7);
    padding:8px 0 0;
}
.current .offers-select>.form-type-radio>input[type="radio"]:checked+label{
	background:rgba(252,195,56,0.7);
}
.current .yes-no>.form-type-radio:last-child>label:before{
	background:url(../images/feedback/yes.png) no-repeat 0 0;
	background-size: 100%;
}
.current .yes-no>.form-type-radio:first-child>label:before{
	background:url(../images/feedback/no.png) no-repeat 0 0;
	background-size: 100%;
}
.current .form-radios.awesome-ok-not, .current .form-radios.offers-select{
	margin: 0 -5px;
}
.current .awesome-ok-not>.form-type-radio{
	width:33.3%;
	padding:0 5px;
	float:left;
	text-align: center;
}
.current .offers-select>.form-type-radio{
	width:100%;
	padding:0 5px;
	float:left;
	text-align: center;
}
.current .offers-select>.form-type-radio>label:before{
	background:url(../images/feedback/chicken-mcbites-offer.png) no-repeat 0 0;
	background-size: 100%;
}
.current .offers-select>.form-type-radio:first-child>label:before{
	background: url(../images/feedback/small-fries-offer.png) no-repeat 0 0;
	background-size: 100%;
}
.current .offers-select>.form-type-radio:last-child>label:before{
	background:url(../images/feedback/soft-serve-offer.png) no-repeat 0 0;
	background-size: 100%;
}
.current .awesome-ok-not>.form-type-radio>label:before{
	background: url(../images/feedback/ok.png) no-repeat 0 0;
	background-size: 100%
}
.current .awesome-ok-not>.form-type-radio:last-child>label:before{
	background: url(../images/feedback/awesome.png) no-repeat 0 0;
	background-size: 100%;
}
.current .awesome-ok-not>.form-type-radio:first-child>label:before{
	background: url(../images/feedback/not-great.png) no-repeat 0 0;
	background-size: 100%;
}
.feedback-page .form-actions{
	position: absolute;
    width: 100%;
    display: block;
    padding:0;
    margin:0;
}
.feedback-page .node-page {min-height: 0;}
.feedback-page #webform-component-nps-fieldset--description{color:#fff;}

.feedback-page div.messages.error{
	color: #a94442;
    background: #f2dede;
    padding: 15px 20px;
    margin-bottom: 20px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
}
.feedback-page div.messages ul, .feedback-page div.messages ul li{margin:0;padding:0; list-style: none; white-space: normal;}
.feedback-page div.messages:before{
	font-family:'FontAwesome';
	content:"\f071";
	display:inline-block;
	font-size:1.5em;
	margin-right:5px;
	vertical-align: top;
}
.feedback-page div.messages ul{width:85%;vertical-align: top;display:inline-block;}
.feedback-page div.messages label{
	margin:5px 0;
}
.feedback-page .submit-loader{
		content:" ";
		background:url(../images/feedback/submit-loader.gif) no-repeat 0 0;
		background-size: 100%;
		display: inline-block;
		width:40px;
		height:40px;
		margin-left:10px;
		vertical-align: middle;
	}
@media only screen and (min-width:768px){
	.feedback-page .hero .inner-container h1{
		max-width:100%;
	}
	.feedback-page.feedback-form .hero .inner-container h1 {
    	width: 280px;
	}
	.feedback-page .multi .multicolumn-section .thumbcontainer.onecol img{
		max-width:100%;
	}
	.hero .inner-container {margin: 100px auto 0;}
	.node-page {min-height: 500px;}

	.feedback-page .disclaimer-panel{padding-top:40px;}
	.feedback-page .get-started-button p,{margin-top:30px;}
	.feedback-page .pane-webform, .feedback-page .pane-template {
		width:720px;
	}
	.feedback-page .pane-webform .node-webform{
		min-height:100px;
	}
	.feedback-controls a, .feedback-controls a:visited, .feedback-controls a:link, .feedback-controls a:active, .feedback-page #edit-submit{
		width:30%;
	}
	.current .form-radios.ratings .form-type-radio{
		width:9%;
	}
	.current .webform-container-inline>label{
		display:inline-block!important;
		width:20%!important;
	}
	.current .webform-container-inline>input{
		width:79%!important;
		display: inline-block!important;
	}
	.current .yes-no>.form-type-radio>label:before,
	.current .awesome-ok-not>.form-type-radio>label:before{
		width:70px;
		height:70px;
	}
	.current .form-radios input[type="radio"]+label, .current .form-checkboxes input[type="checkbox"]+label{
		font-size: 1.5rem;
	}
	.current .offers-select>.form-type-radio{
		width:33.3%;
		padding:0 5px;
		float:left;
		text-align: center;
	}
	.feedback-page .multi .multicolumn-section .thumbcontainer.onecol img{

		max-width:100%;
		width:auto;
	}
}