html{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}
body{
	width:100%;
	height: 100%;
	margin:0;
	padding:0;
	background: #f3f3f3;

}
header{
	height:74px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 20px #888888;
	z-index: 10;
}

nav{
	display:none;
	background: #fff;
	padding:20px 0;
	position: absolute;
	top:74px;
	left:0;
	width:100%;
	border-top:solid 1px #cccccc;
}

.menu-btn{
	width: 74px;
	height: 74px;
	background: url('menu_icon.png') no-repeat center center;
	position: absolute;
	top:0;
	right:0;
	z-index: 5;
}

nav.active{
	display: block;
}

nav ul{
	list-style: none;
	margin:0;
	padding:0;
}

nav li{
padding:10px 20px;

}
nav ul li a{
	display: block;
	font-weight: 300;
	font-size: 16px;
	color:#4d4d4d;
	text-decoration: none;
	padding:0 10px;
}
nav ul li button{
	display: block;
	line-height: 40px;
	font-size:14px;
	background: #ffaa48;
	color:#fff;
	width:100%;
	border-radius:5px;
	border:none;
	margin:0;
	text-transform: uppercase;
}
.carousel{
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	text-align: center;
}
.carousel img{
	position: relative;
	width:100%;
	top:0;
	left:100%;
	margin-left:-200%;
}
.carousel .caption{
	position: absolute;
	z-index: 5;
	height: 66%;
	bottom: 0px;
	left:0px;
	width:100%;
}
.carousel .caption p{
	color:#fff;
	font-weight: bold;
	text-shadow: 0 0 20px rgba(0,0,0, .9);
	font-size: 12px;
	margin: 0;
}
.carousel h2{
	font-family: 'Anton', sans-serif;
	font-size: 32px;
	line-height: 32px;
	font-weight: normal;
	color: #ffaa48;
	text-shadow: 0 0 10px rgba(0,0,0, .5);
	margin:0;
	top:0;
	text-transform: uppercase;
	width: 100%;
	z-index: 5;
	text-align: center;
	vertical-align: middle;

}
a{
	-webkit-transition: background-color 2s, color .5s;
    transition:  background-color 2s,color .5s;
    text-decoration: none;
    color: #999999;
}
a:hover{
	color:#FB8600;
}

header h1{
	margin:0px;
	display: inline-block;
}
header h1 a{
	display:inline-block;
	margin:17px 20px;
	padding-top:1px;
	width:43px;
	height:40px;
	overflow: hidden;
	text-indent:-9999px;
	background: url('logo_color.png') no-repeat 0 0;
	vertical-align: middle;
}
header h2{
	display:none;
	margin:17px 0 0 0;
	font-size:10px;
	font-weight: 300;
	line-height: 40px;
}


.container{
	max-width: 1000px;
	margin:0 auto;


}


input,select{
	box-sizing:border-box;
	padding:10px;
	width:100%;
	border-radius: 5px;
	border:solid 1px #8f8f8f;
	margin-bottom:40px;
}
select{
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 color:#666666;
 background-color:#ccc;
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  font-weight: 600;
  border:none;
}

.thank-you{
	display: none;
}

.thank-you a{
	font-weight: bold;
}

h3:FIRST-CHILD{
	margin-top: 0;
}

h3{
	margin-top:60px;
	font-weight: 600;
	color: #FB8600;
}
select:hover, select.valid{
	background-color:#ffaa48;
	color:#fff;
}
select, button{
	cursor:pointer;
	-webkit-transition: background-color .5s, color .5s;
    transition:  background-color .5s,color .5s;
}
button.active:active{
	background-color: #52A7FF !important;
}
.error{
	border:solid red 2px;
}
#join-btn.active{
	background-color:#ffaa48;
}
option{
	background: #fff;
	color: #666666;;
}
.main h2{
	font-size:24px;
	font-weight: 300;
	color: #4d4d4d;
	text-align: center;
	margin:40px 0
}
.main .form{
	margin:0 auto;
	max-width:500px;
	padding:0 20px
}
.main .form ul{
	margin:0;
	padding:0;
	list-style: none;
}
.main .form li input{
	display: inline-block;
	width:16px;
	height:16px;
	margin-right:10px;
	margin-bottom:20px;
}
.main .form li p {
	vertical-align:top;
	display: inline-block;
	margin:0 0 20px 0;
	width:calc(100% - 36px);
	font-size: 14px;
	line-height: 16px;
	color:#888888;
}
#join-btn{
	margin-top:40px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
	border-radius: 5px;
	border:none;
	margin-bottom:40px;
	color: #fff;
	text-transform: uppercase;
	background: #ccc;
}

.col{
	padding:0 20px;

}

.main{
	padding:0 20px;
}

footer{
	margin-top:100px;

}
footer .logo{
	width:142px;
	height:42px;
	overflow: hidden;;
	text-indent: -9999px;
	background: url('qud-soft.png') no-repeat 0 0;
}

footer .col h3{
	text-transform: uppercase;
	font-size: 18px;
	color:#6c6c6c;
}

footer .col ul{
	list-style: none;
	padding:0;
	margin:0;

}
footer .col ul li{
	margin-bottom:26px;
	font-size: 14px;
	color:#666666;
	font-weight: 300;
}

footer .col ul li a{
	color: #666666;
	text-decoration: none;

}
footer .col ul li a:hover{
	color:#FB8600;
}
footer .fine-print{
	font-size: 10px;
	color:#666666;
	font-weight: 300;
	margin:40px 0;
	padding: 0 20px;

}
.parent-co{
	background: #fff;
	padding:5px;
}

.parent-co ul{
	list-style: none;
	padding:0;
	margin:0;
}
.parent-co ul li{
	width: auto;
	margin: 0 20px;
	line-height: 60px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen
  and (min-device-width: 400px) {
		header h2{
			display:inline-block;
			margin:9px 0 0 0;
			font-size:14px;
			line-height: 40px;
		}


		.carousel .caption{
			position: absolute;
			z-index: 5;
			height: 66%;
			bottom: 0px;
			left:0px;
			width:100%;
		}
		.carousel h2{
			font-family: 'Anton', sans-serif;
			font-size: 48px;
			line-height: 48px;
			font-weight: normal;
			color: #ffaa48;
			text-shadow: 0 0 10px rgba(0,0,0, .5);
			margin:0;
			top:0;
			text-transform: uppercase;
			width: 100%;
			z-index: 5;
			text-align: center;
			vertical-align: middle;

		}
		.carousel .caption p{
			color:#fff;
			font-weight: bold;
			text-shadow: 0 0 20px rgba(0,0,0, .9);
			font-size: 14px;
			margin: 0;
		}

	}

@media only screen
  and (min-device-width: 600px) {
		header h2{
			display:inline-block;
			font-size:18px;
		}
		.col{
			width:calc(50% - 45px);
			display: inline-block;
			vertical-align: top;
		}
		.parent-co ul li{
			display: inline-block;
			width: auto;
			margin-right:20px;
			line-height: 60px;
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			color: #999;
		}
		.carousel h2{
			font-size: 75px;
		}
		.carousel .caption p{
			color:#fff;
			font-weight: bold;
			text-shadow: 0 0 20px rgba(0,0,0, .9);
			font-size: 22px;
		}
}
@media only screen
  and (min-device-width: 800px) {
		.carousel h2{
			font-size: 90px;
			line-height: 90px
		}
		.carousel .caption p{
			color:#fff;
			font-weight: bold;
			text-shadow: 0 0 20px rgba(0,0,0, .9);
			font-size: 24px;
		}
	}
@media only screen
  and (min-device-width: 1100px) {

		nav{
			display:block;
			top:0;
			padding:0;
		}

    nav ul{
    	position:absolute;
    	right:0;
    	top:0;
    	list-style: none;
    	padding:0;
    	margin:0 20px 0 0;
    }
    nav ul li{
    	display: inline-block;
    	margin-left:20px;
    	line-height: 74px;
			padding:0;
    }
    nav ul li:hover a{
    	border-bottom:4px solid #FB8600;
    	line-height: 65px;
    }
    nav ul li a{
    	display: block;
    	line-height: 74px;
    	font-weight: 300;
    	color:#4d4d4d;
    	text-decoration: none;
    	padding:0 10px;
    }

    nav ul li a:hover{
    	border-bottom:4px solid #FB8600;
    }
    nav ul li button{
    	display: block;
    	line-height: 40px;
    	font-size:14px;
    	background: #ffaa48;
    	color:#fff;
    	width:120px;
    	border-radius:5px;
    	border:none;
    	margin:17px 0;
    	text-transform: uppercase;
    }
		.menu-btn{
			display: none;
		}
		.carousel{
			position:relative;
			width:100%;
			max-height:600px;
			overflow: hidden;
			text-align: center;
		}
		.carousel .caption{
				position:absolute;
				top:150px;
				width: 100%;
				height: 66%;
				bottom:auto;;
		}
		.carousel h2{
			font-family: 'Anton', sans-serif;
			text-transform: uppercase;
			color: #ffaa48;
			font-size: 100px;
			line-height: 100px;

			font-weight: normal;
			z-index: 5;
			text-align: center;
			vertical-align: middle;
			text-shadow: 0 0 10px rgba(0,0,0, .5);
		}
		.carousel .caption p{
			color:#fff;
			font-weight: bold;
			text-shadow: 0 0 20px rgba(0,0,0, .9);
			font-size: 28px;
			margin: 0;
		}

		.carousel img{
			position: relative;;
			top:-200px;

		}

		.main h2{
			font-size:36px;
			font-weight: 300;
			color: #4d4d4d;
			text-align: center;
			margin:80px 0
		}

		.main .form li p {
			vertical-align:top;
			display: inline-block;
			margin:0;
			width:465px;
			font-size: 14px;
			line-height: 16px;
			color:#888888;
		}

		.col{
			width:calc(25% - 45px);
			display: inline-block;
			vertical-align: top;

		}


}
@media only screen
  and (min-device-width: 800px) {
		.carousel .caption{
				position:absolute;
				top:200px;
				width: 100%;
				height: 66%;
				bottom:auto;;
		}
	}