@font-face{
	font-family:'Soneri';
	src:url(/fonts/Soneri.ttf) format('embedded-opentype'),
	url('/fonts/Soneri.eot'),
    url('/fonts/Soneri.woff2') format('woff');
}

@font-face {
	font-family:'FontAwesome';
	src:url('/fonts/fontawesome-webfont.eot?v=4.7.0');
	src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
	url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
	url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
	url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
	url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}

body{
	margin:0;
	font-family:Soneri;
	background:#111217;
}

button,input,select,textarea{
	outline:none;
	font-family:Soneri;
	outline:none;
}

.loading{
	display:inline-block;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	color:#fff;
	font-size:30px;
	font-style:italic;
	z-index:9999;
}

.loading img{
	display:block;
	margin-top:50px;
}

.header{
	background:#000;
	display:inline-block;
	width:100%;
	margin-bottom:-4px;
}

.header>img{
	height:50px;
	margin:10px 10px 0;
	float:left;
}

.header>ul{
	float:left;
	list-style-type:none;
	padding:0 0 0 20px;
	margin:0;
}

.header>ul li{
	float:left;
	position:relative;
}

.header>ul li.active{
	background:#656565;
}

.header>ul li a{
	color:#fff;
	text-decoration:none;
	padding:20px 20px 21px;
	display:inline-block;
}

.header>ul li:hover{
	background:#e9410a;
}

.header ul li div{
	display:none;
	position:absolute;
	min-width:180px;
	z-index:999;
	left:0;
	top:60px;
}

.header ul li div a{
	background:#656565;
	padding:13px 20px;
	display:block;
}

.header ul li div a:hover{
	background:#929292;
}

.header ul li:hover div{
	display:inline-block;
}

.header span{
	float:right;
	cursor:pointer;
}

.header span div{
	background-size:cover;
	background-position:center top;
	border:1px solid #fff;
	height:46px;
	width:46px;
	margin:5px 5px 0 0;
}

.header span:hover ul{
	display:inline-block;
}

.header span ul{
	display:none;
	position:absolute;
	padding:7px 0;
	margin:0;
	background:#000;
	right:0;
	z-index:999;
	border-radius:0 0 0 10px;
}

.header span ul a{
	display:block;
	color:#fff;
	text-align:right;
	padding:10px 15px 10px 35px;
	text-decoration:none;
}

.header span ul a:hover{
	background:#656565;
}

.header>label{
    color:#f5f299;
    font-size:23px;
    margin:14px;
    display:inline-block;
}

.banner{
	display:inline-block;
	width:100%;
	background:url(/img/header.jpg) center top no-repeat;
	background-attachment:fixed;
}

.banner span{
	display:inline-block;
	background:rgba(0,0,0,.5);
	color:#fff;
	margin:50px 80px 100px;
	width:550px;
	padding:10px 30px;
}

.banner span h1{
	font-size:35px;
}

.banner span h2{
	font-weight:normal;
}

.surveys{
	background:#fff;
}

.survey{
	padding:50px;
}

.survey.hidden{
	display:none;
}

.survey h1{
	margin:0 0 20px;
	text-align:left;
	width:1100px;
	color:#d5335c;
	text-shadow:2px 2px 2px #d2d2d2;
}

.survey h2{
	text-align:left;
	width:1100px;
}

.survey label{
	width:1100px;
	display:block;
	text-align:left;
	font-size:20px;
	padding-bottom:20px;
}

.survey label b{
	font-weight:normal;
	float:left;
	padding-top:5px;
}

.survey label input{
	border:1px solid #e5383e;
	padding:4px 7px 6px;
	border-radius:5px;
	font-size:20px;
	margin-left:15px;
	min-width:250px;
}

.survey table{
	border-collapse:collapse;
	width:1100px;
}

.survey table tr.even{
	background:#ffd9bd;
}

.survey table tr.odd{
	background:#ffeddf;
}

.survey th{
	padding:10px;
	font-size:20px;
	font-weight:normal;
	background:#e5383e;
	border:1px solid #bf133b;
	color:#fff;
}

.survey table td{
	border:1px solid #ffa8bc;
}

.survey table img{
	cursor:pointer;
	width:60px;
	margin:10px 8px 7px 6px;
}

.survey tr.required{
	background:#f7e460!important;
}

.survey table img:hover{
	opacity:0.8;
}

.survey table textarea{
	resize:none;
	border:1px solid #e5383e;
	border-radius:5px;
	float:right;
	width:83%;
	padding:4%;
	margin:4%;
}

.survey table td:nth-child(2){
	padding:0 5px 0 10px;
}

.survey table span{
	display:inline-block;
}

.survey table .selected{
	background:url('/img/glowing.png') center center no-repeat;
	background-size:cover;
}

.survey table .selected img{
	opacity:1!important;
	cursor:default;
}

input[type=submit]{
	border:none;
	background:#f78d1e;
	background:-webkit-linear-gradient(right,#f78d1e,#ed6f23,#ed1d24,#ae1854);
	background:-o-linear-gradient(left,#f78d1e,#ed6f23,#ed1d24,#ae1854);
	background:-moz-linear-gradient(left,#f78d1e,#ed6f23,#ed1d24,#ae1854);
	background:linear-gradient(to left,#f78d1e,#ed6f23,#ed1d24,#ae1854);
	font-size:17px;
	padding:17px 25px;
	border-radius:28px;
	color:#fff;
	cursor:pointer;
	transition:all 0.2s ease;
	margin:20px 10px 0;
}

input[type=submit]:hover{
	opacity:0.9;
	box-shadow:0 2px 4px #b1b1b1;
}

.footer center,
.sub-footer center{
	width:900px;
	display:inline-block;
}

.footer{
	background:#15171d;
	padding:30px 0 20px;
}

.footer img{
	float:left;
}

.footer ul{
	float:left;
	text-align:left;
	margin:0 0 0 80px;
	padding:0;
}

.footer ul h1{
	font-size:12px;
	color:#fff;
	font-weight:500;
	margin:0 0 14px;
}

.footer ul a{
	display:block;
	width:fit-content;
	color:#858585;
	text-decoration:none;
	font-size:10px;
	margin-bottom:8px;
	transition:all 0.2s ease;
}

.footer ul a:hover{
	color:#fff;
	text-decoration:underline;
}

.footer nav{
	display:inline-block;
	float:right;
	margin-top:30px;
}

.footer nav a{
	font-family:FontAwesome;
	color:#15171d;
	display:inline-block;
	background:#2f3135;
	text-decoration:none;
	width:38px;
	height:38px;
	font-size:18px;
	line-height:39px;
	border-radius:50%;
	margin-left:5px;
	transition:background 0.2s ease;
}

.footer nav a:hover{
	background:#27292d;
}

.sub-footer{
	background:#111217;
}

.sub-footer span{
	font-size:10px;
	color:#858585;
	margin:27px 0 0;
	float:left;
}

.sub-footer img{
	float:right;
	margin:12px 0;
}

.case{
	margin-bottom:20px;
}

.case td{
	text-align:center;
}

.case span{
	position:relative;
	margin:10px 30px 36px;
}

.case span b{
	position:absolute;
	display:inline-block;
	left:0;
	width:124px;
	margin-left:-26px;
	bottom:-15px;
}

@media (max-width:900px){
	.form form{
		width:90%;
		padding:5%;
	}

	.banner span{
		width:80%;
		margin:5%;
		padding:0 5%;
	}

	.banner span h1{
    	font-size:20pt;
	}

	.banner span h2{
    	font-size:15pt;
	}

	.footer ul{
		display:none;
	}

	.footer center img{
		margin-top:-20px;
		float:none;
	}

	.footer nav{
		float:none;
		display:block;
		margin:0;
	}

	.form-control{
		width:90%;
		margin:5%;
	}

	.footer center,
	.sub-footer center{
    	width:94%;
    	padding:3%;
	}

	.sub-footer span{
		font-size:8pt;
		float:none;
		display:block;
		margin-top:3pt;
	}

	.sub-footer img{
		float:none;
		width:40%;
		margin:3% 0 0;
	}
}