html, body {
	  height: 100%;
	  margin: 0;
	}

	body{
		font-family: 'Open Sans', sans-serif;
background-color: #000000;
background-position: center 0px;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/wehaacore/flexeditor/survey.survey/images/25.general.background_image.value.jpg");
	}

	.w-box-radius{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.w-box-padding{
		padding: 20px 20px 20px 20px;
	}

	ul{
		list-style: none;
	}

	.img-fluid,
	.img-thumbnail {
		width: 100%;
	}

	.gutter-l{
		padding-left: 20px!important;
	}
	.gutter-r{
		padding-right: 0;
	}

	a {
    color: #1ea0ff;
}

a:hover {
    color: #ffffff;
}

.surveyUserInfoForm .surveyFormTitle, .survey-description-top h1 {
    padding: 10px 20px;
}

	/*****************************************************************************************
	SURVEY HEADER
	******************************************************************************************/
	header.header{
		margin-top: 0px;
margin-bottom: 30px;
background-color: #ffffff;
display: show;

		height: 80px;
		line-height: 80px;
	}
	header.header .logo{
		background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 320px;
height: 80px;
margin: 0 auto 0 auto;

hyperlink-target: ['Header']['logo']['hyperlink-target'];

		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/nr-columbus/flexeditor/survey.survey/images/2.header.logo.background_image.value.jpg");
	}
	header.header .logo a{
		display: block;
		width: 100%;
		height: 100%;
	}
	header.header .logo-tablet{
		background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 80px;

		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/nr-columbus/flexeditor/survey.survey/images/2.logo_tablet.background_image.value.jpg");
	}
	header.header .logo-mobile{
		background-position: center center;
background-size: contain;
background-repeat: no-repeat;
height: 80px;

		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/nr-columbus/flexeditor/survey.survey/images/2.logo_mobile.background_image.value.jpg");
	}


	/*****************************************************************************************
	FOOTER
	******************************************************************************************/
	.footer-push{
		height: 110px;
	}
	footer.footer{
		height: 110px;
color: #fff;
margin-top: 65px;
background-color: #4d4d4d;
display: show;

	}
	footer.footer .container{
		height: 100%;
	}
	footer.footer .footer-wrapper{
		height: 100%;
background-color: #4d4d4d;
padding-top: 20px;
padding-bottom: 20px;

	}
	footer.footer .logo{
		background-position: center center;
background-size: contain;
width: 300px;
height: 70px;
margin: 0 auto 0 auto;

		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/nr-columbus/flexeditor/survey.survey/images/2.footer.logo.background_image.value.png");
		background-repeat: no-repeat;
	}
	footer.footer .logo a{
		display: block;
		width: 100%;
		height: 100%;
	}
	footer.footer .logo-mobile{
		background-image: url("https://wehaa-survey-prod.s3.amazonaws.com/nr-columbus/flexeditor/survey.survey/images/2.logo_mobile.background_image.value.png");
	}



	/*****************************************************************************************
	SURVEY INDEX
	******************************************************************************************/
	.survey-header-title{
		display: -webkit-box;
    	-webkit-line-clamp: 1;
    	-webkit-box-orient: vertical;
    	white-space: normal;

		color: #ffffff;
font-size: 50px;
font-weight: bold;
line-height: 100px;
text-align: center;
background-color: #52a0ff;
html: HEADER TITLE HERE;
display: show;

	}

	.survey-index{
		margin: 20px 0 0 0;
	}
	.survey-item{
		padding-left: 0;
		margin-bottom: 15px;
	}
	.survey-item:nth-child(3n+0){
		padding-right: 0;
	}
	.survey-item-wrapper{
		background-color: #ffffff;

	}
	.survey-item-thumb{
		min-height: 140px;
	}
	.survey-item-image{
		margin-bottom: 15px;
	}
	.survey-item-text{
		margin-bottom: 15px;
	}
	.survey-item-type{
		font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #556271;
margin: 0 0 20px 0;

	}
	.survey-item-title a{
		display: -webkit-box;
    	-webkit-line-clamp: 3;
    	-webkit-box-orient: vertical;
    	white-space: normal;

		font-size: 21px;
line-height: 23px;
font-weight: bold;
color: #556271;
margin: 0;

	}
	.survey-item-title a:hover{
		color: #556271;
	}
	.survey-item-enddate{
		font-family: inherit;
font-size: 16px;
line-height: inherit;
color: #556271;

	}
	.survey-item-short-description{
		display: -webkit-box;
    	-webkit-line-clamp: 3;
    	-webkit-box-orient: vertical;
    	white-space: normal;

		font-family: inherit;
font-size: 14px;
line-height: inherit;
color: #556271;
margin: 0 0 20px 0;
min-height: 65px;

	}
	.survey-item-buttons{
		border-top: 1px solid #ccd0d5;
padding: 20px 0 0 0;

	}
	.survey-item-vote-btn{
		font-family: inherit;
font-size: inherit;
text-transform: uppercase;
color: #ffffff;
background-color: #0099d9;
border: inherit;

	}
	.survey-item-vote-btn:hover{
		color: #ffffff;
background-color: #0099d9;
border: inherit;

	}

	.survey-item-buttons .share{
		padding: 0;
		margin: 8px 0 0 0;
background-color: #fff;
font-size: 14px;
color: #556271;
color-hover: ['Survey item']['Share']['color-hover'];
text-align: left;

	}
	.survey-item-buttons .share .share-title{
		float: left;
		margin: 6px 10px 0 0;

	}
	.survey-item-buttons .share ul{
		margin: 0;
		padding: 0;
		float: right;
		font-size: 24px;

	}
	.survey-item-buttons .share ul li{
		display: inline-block;
		margin: 0 2px;
	}
	.survey-item-buttons .share ul li,
	.survey-item-buttons .share ul li a{
		color: #556271;
	}
	.survey-item-buttons .share ul li:hover,
	.survey-item-buttons .share ul li a:hover{
		color: inherit;
	}



	/*****************************************************************************************
	AUTOCOMPLETE
	******************************************************************************************/
	.twitter-typeahead{
        width: 100%;
    }
    .typeahead,
    .tt-query,
    .tt-hint {
      width: 396px;
      height: 30px;
      padding: 8px 12px;
      font-size: 24px;
      line-height: 30px;
      border: 2px solid #ccc;
      -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
              border-radius: 8px;
      outline: none;
    }

    .typeahead {
      background-color: #fff;
    }

    .typeahead:focus {
      border: 2px solid #687789;
    }

    .tt-query {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
         -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
      color: #999
    }

    .tt-menu {
      width: 422px;
      margin: 12px 0;
      padding: 8px 0;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 8px;
         -moz-border-radius: 8px;
              border-radius: 8px;
      -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
         -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
              box-shadow: 0 5px 10px rgba(0,0,0,.2);
    }

    .tt-suggestion {
      padding: 3px 20px;
      font-size: 18px;
      line-height: 24px;
    }

    .tt-suggestion:hover {
      cursor: pointer;
      color: #fff;
      background-color: #687789;
    }

    .tt-suggestion.tt-cursor {
      color: #fff;
      background-color: #687789;

    }

    .tt-suggestion p {
      margin: 0;
    }




	/*****************************************************************************************
									S U R V E Y
	******************************************************************************************/

	/*****************************************************************************************
	SURVEY
	******************************************************************************************/
	.survey-title{
		display: block;
margin: 20px auto;
text-align: center;
font-size: 50px;
font-weight: bold;
color: #ffffff;
background-color: #0c4b80;

		height: 100px;
		line-height: 100px;
	}

	.surveyUserInfoForm form{
		background-color: #ffffff;

	}
	.survey-description-top {
		font-size: 18px;
font-weight: inherit;
text-align: left;
color: inherit;
margin: 0;
padding: 0;

	}
	.surveyUserInfoForm .surveyFormTitle,
	.survey-description-top h1{
		font-size: 24px;
font-weight: bold;
text-align: left;

		margin: 0 0 25px 0;
	}

	.surveyUserInfoForm label{
		margin: 0 0  0.5rem 0;
padding: 0;
font-size: 16px;
color: inherit;
font-weight: bold;

	}
	.error{
		color: #cc0000;
	}
	.btn{
		color: #ffffff;
background-color: #0c4b80;

	}

	.share{
		background-color: #0c4b80;
font-size: 18px;
color: #ffffff;
text-align: center;
margin: 0 auto 20px auto;

	}
	.share .share-title{
	}
	.share ul{
		margin: 0;
		padding: 0;
		font-size: 36px;

	}
	.share ul li{
		display: inline-block;
		margin: 0 5px;
	}
	.share ul li,
	.share ul li a{
		color: #ffffff;
	}

	.survey-image{
		width: 100%;
		margin: 0 auto 20px auto;

	}
	.survey-description{
		background-color: #0c4b80;
color: #ffffff;

	}


	.surveySections{
		background-color: #ffffff;

	}
	.surveySections h1{
		padding: 20px;
	}

	.surveySections .sections{
		margin: 0;
		padding: 0;
	}
	.surveySections .sections li{
		border-bottom: 1px solid #ccd0d5
	}
	.surveySections .sections li:first-child{
		border-top: 1px solid #ccd0d5
	}
	.surveySections .sections li:last-child{
		border-bottom: 0;
	}
	.surveySections .sections li span,
	.surveySections .sections li a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px;
		text-decoration: none;
		color: inherit;
	}
	.surveySections .sections li a:hover{
		background-color: #ccd0d5;
color: inherit;

	}
	.surveySections .sections li.active span{
		background-color: #ccd0d5;
color: inherit;

	}
	.surveySections .sections li.inactive span{
		color: #a0a0a0;
background-color: #e5e5e5;

	}



	.surveySectionForm .surveyFormTitle{
		margin: 0 auto 20px auto;
text-align: center;
font-size: 36px;
font-weight: bold;
background-color: #ffffff;

		height: 80px;
		line-height: 80px;
	}
	.surveySectionForm .surveyFormField{
		background-color: #ffffff;

	}
	/*.surveySectionForm .surveyFormField label{
		margin: 0 0  0.5rem 0;
padding: 0;
font-size: 16px;
color: inherit;
font-weight: bold;

	}*/


	.form-group{
		background-color: transparent;

	}
	.form-check-image{
        position: relative;
        margin-bottom: 10px;
    }
    .form-check-image-input{
        position: absolute;
        top: 10px;
        left: 25px;
    }
    .form-check-image-img{
        width: 100%;
min-height: 228px;
background-color: transparent;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
border: 1px solid #ccd0d5;

        margin-bottom: 0;
    }

    .form-control-file-image{
        width: 100%;
min-height: 228px;
background-color: transparent;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
border: 1px solid #ccd0d5;
margin-bottom: 10px;

        background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/form-control-file-image-bg.jpg");
    }

	.surveyFormFieldSectionBreak{
		margin: inherit;
padding: inherit;

	}

    .winner-image{
    	padding: 0;
    	border: 1px solid #ccd0d5;
margin-bottom: 10px;

    }
    .winner-image-title{
    	font-weight: bold;
font-size: 30px;
text-align: center;
text-transform: uppercase;
margin: 15px 0;

    }
    .winner-image-bg{
    	position: relative;
    	border: 1px solid #ccd0d5;
height: 330px;
background-color: transparent;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;

    }
    .winner-image-bg .label{
    	position: absolute;
    	width: 118px;
height: 103px;
top: 0;
left: 0;

        background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/surrvey-winners-icon.png");
    }
    .winner-image-bottom-bar{
    	padding: 10px;

    }
    .winner-image-view-btn{
    	float: left;
    	cursor: pointer;
    	-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
    }
    .winner-image-view-btn a{
    	display: block;
    	background-color: #556271;
width: 150px;
line-height: 40px;
text-align: center;
color: #ffffff;

    	-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
    }
    .winner-image .share{
    	float: right;
		padding: 0;
background-color: #fff;
font-size: 18px;
color: #556271;
color-hover: ['Survey Winners']['Share']['color-hover'];
text-align: left;

	}
	.winner-image .share .share-title{
		margin: 5px 15px 0 0;

	}
	.winner-image .share ul{
		font-size: 36px;
line-height: 36px;

	}
	.winner-image .share ul li,
	.winner-image .share ul li a{
		color: #556271;
	}
	.winner-image .share ul li:hover,
	.winner-image .share ul li a:hover{
		color: inherit;
	}

	#winners-page-load-more-btn{
		cursor: pointer;
		background-color: #556271;
width: 300px;
line-height: 70px;
font-weight: bold;
text-align: center;
color: #ffffff;
margin: 20px auto;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}



	/*****************************************************************************************
									Q  U  I  Z
	******************************************************************************************/
	.form-group .form-control-wrapper{
		/*margin-left: 25px;
		margin-right: 25px;*/
		margin: 0;
padding: 0;

	}

	.form-control.answer_correct{
	    font-weight: bold;
color: #464646;
background-color: #c2c2c2;
border: 2px solid #e0e0e0;
background-repeat: no-repeat;
background-position: 98% 50%;

	    background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-correct-normal.png");
	}
	.form-control.answer_user_correct{
	    font-weight: bold;
color: #197b30;
background-color: #c4df9b;
border: 2px solid #e0e0e0;
background-repeat: no-repeat;
background-position: 98% 50%;

	    background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-correct.png");
	}
	.form-control.answer_user_incorrect{
	    font-weight: bold;
color: #cc0000;
background-color: #fcbebe;
border: 2px solid #e0e0e0;
background-repeat: no-repeat;
background-position: 98% 50%;

	    background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-incorrect.png");
	}

	.form-check{
		position: relative;
		padding: 0 25px;
		margin-bottom: 5px;
	}
	.form-check .form-fake-check,
	.form-check .form-fake-radio{
		display: none;
	}
	.form-check.answer_correct .form-fake-check,
	.form-check.answer_user_correct .form-fake-check,
	.form-check.answer_user_incorrect .form-fake-check,
	.form-check.answer_correct .form-fake-radio,
	.form-check.answer_user_correct .form-fake-radio,
	.form-check.answer_user_incorrect .form-fake-radio{
		display: block;
		position: absolute;
		top:  0;
		left: 0;
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	.form-check.answer_correct .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #464646;

	}
	.form-check.answer_correct input[type=checkbox]{
		display: none;
	}
	.form-check.answer_correct .form-fake-check{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-check-normal.png");

	}
	.form-check.answer_user_correct .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #197b30;

	}
	.form-check.answer_user_correct input[type=checkbox]{
		display: none;
	}
	.form-check.answer_user_correct .form-fake-check{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-check-correct.png");

	}
	.form-check.answer_user_incorrect .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #cc0000;

	}
	.form-check.answer_user_incorrect input[type=checkbox]{
		display: none;
	}
	.form-check.answer_user_incorrect .form-fake-check{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-check-incorrect.png");
	}



	.form-check.answer_correct .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #464646;

	}
	.form-check.answer_correct input[type=radio]{
		display: none;
	}
	.form-check.answer_correct .form-fake-radio{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-radio-normal.png");

	}
	.form-check.answer_user_correct .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #197b30;

	}
	.form-check.answer_user_correct input[type=radio]{
		display: none;
	}
	.form-check.answer_user_correct .form-fake-radio{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-radio-correct.png");

	}
	.form-check.answer_user_incorrect .form-check-input:disabled ~ .form-check-label{
		font-weight: bold;
color: #cc0000;

	}
	.form-check.answer_user_incorrect input[type=radio]{
		display: none;
	}
	.form-check.answer_user_incorrect .form-fake-radio{
		background-image: url("http://surveycoreapi.aws.wehaa.net/flexeditor/default/flexeditor/images/survey/icon-radio-incorrect.png");
	}



	/*****************************************************************************************
	R E S P O N S I V E  L A Y O U T
	******************************************************************************************
	/* T A B L E T */
	@media  all and ( min-width: 576px ) and ( max-width: 960px ) {
		header.header{
			margin-top: 0px;
margin-bottom: 30px;

			height: 80px;
			line-height: 80px;
		}

		.survey-header-title{
			font-size: 35px;
line-height: 100px;

		}
	}

	/* M O B I L E */
	@media  all and ( max-width: 576px ) {
		.gutter-l{
			padding-left: 0;
		}
		.gutter-r{
			padding-right: 0;
		}

		.survey-item{
			padding-left: 0;
			padding-right: 0;
		}

		header.header{
			margin-top: 0px;
margin-bottom: 30px;

			height: 80px;
			line-height: 80px;
		}

		.survey-header-title{
			font-size: 25px;
line-height: 100px;

		}
	}


	/*****************************************************************************************
	R E S P O N S I V E   S U R V E Y
	******************************************************************************************/
	@media  all and ( max-width: 576px ) {
		.gutter-l{
			padding-left: 0!important;
		}
		.survey-title{
			font-size: 24px;
		}
		.surveyForm .buttons > div{
			padding: 0;
		}
		#finalize_ballot_btn,
		#submit_ballot{
			display: block;
			float: none!important;
			width: 100%;
		}

		#finalize_ballot_btn{
			margin-bottom: 20px;
		}

		.form-check-image-img{
	        min-height: 195px;

	    }
	}