/*
Theme Name: U-Design
Theme URI: http://themeforest.net/item/udesign-wordpress-theme/253220?ref=internq7
Description: A slick, powerful and clean theme.
Author: Andon
Author URI: http://themeforest.net/user/internq7/portfolio?ref=internq7
Version: 2.0.0
License: Located in 'licensing' folder
License URI: Located in 'licensing' folder
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!

    All the themes' CSS files are located under the 'styles/' sub-folder...

    If you would like to use this file to add any custom CSS, you'll need to enable it first  
    from the theme's "General Options" section.
    Please note: After enabling the use of this file, you will not see any change here, 
    feel free to add your custom CSS below.
    On the other hand, if you need access to the theme's main style sheet, you will 
    need FTP client to access it, is it located in: "styles/style1/css/style.css"
*/

@font-face {
	font-family: 'GothamBook'; 
	src: url('fonts/gothambook-webfont.eot');  
	src: url('fonts/gothambook-webfont?#iefix') format('embedded-opentype'), 
			 url('fonts/gothambook-webfont.woff') format('woff'), 
			 url('fonts/gothambook-webfont.svg#GothamBook') format('svg'), 
			 url('fonts/gothambook-webfont.ttf') format('truetype'), 
			 url('fonts/gothambook-webfont.otf') format(" "); font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'GothamRnd'; 
	src: url('fonts/GothamLight.eot');  
	src: url('fonts/GothamLight.eot?#iefix') format('embedded-opentype'), 
			 url('fonts/2GothamRnd-Light.woff') format('woff'), 
			 url('fonts/2GothamRnd-Light.svg#GothamRounded-Light') format('svg'), 
			 url('fonts/2GothamRnd-Light.ttf') format('truetype'), 
			 url('fonts/2GothamRnd-Light.otf') format(" "); font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'PoppinsLight'; 
	src: url('fonts/Poppins-Light.ttf') format('truetype'),  
	     url('fonts/Poppins-Light.otf') format(" "); font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'Poppins'; 
	src: url('fonts/Poppins-Regular.ttf') format('truetype'),  
	     url('fonts/Poppins-Regular.otf') format(" "); font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'PoppinsBold'; 
	src: url('fonts/Poppins-Bold.ttf') format('truetype'),  
	     url('fonts/Poppins-Bold.otf') format(" "); font-weight: normal; font-style: normal; 
}

@font-face {
	font-family: 'NFLDetroitLions'; 
	src: url('fonts/nfl_detroit_lions.ttf') format('truetype');  
	font-weight: normal; 
	font-style: normal; 
}

@font-face {
	font-family: 'Asimov'; 
	src: url('fonts/asimov-webfont.woff2') format('woff2'),
       url('fonts/asimov-webfont.woff') format('woff');
/*	src: url('fonts/asimov.otf') format(" "); */  
	font-weight: normal; 
	font-style: normal; 
}

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

/* The container */
.inspireplus_checkmark_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.inspireplus_checkmark_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.inspireplus_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #00ACB3;
  border-radius: 5px;
	background-color: #fff;
}

/* On mouse-over, add a turquoise background color */
.inspireplus_checkmark_container:hover input ~ .inspireplus_checkmark {
  background-color: #00ACB3;
}

/* When the checkbox is checked, add a turquoise background */
.inspireplus_checkmark_container input:checked ~ .inspireplus_checkmark {
  background-color: #00ACB3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.inspireplus_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.inspireplus_checkmark_container input:checked ~ .inspireplus_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.inspireplus_checkmark_container .inspireplus_checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The container */
.inspireplus_radio_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.inspireplus_radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.inspireplus_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #00ACB3;
}

/* On mouse-over, add a turquoise background color */
.inspireplus_radio_container:hover input ~ .inspireplus_radio {
  background-color: #00ACB3;
}

/* When the radio button is checked, add a white background */
.inspireplus_radio_container input:checked ~ .inspireplus_radio {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.inspireplus_radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.inspireplus_radio_container input:checked ~ .inspireplus_radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.inspireplus_radio_container .inspireplus_radio:after {
 	top: 8px;
	left: 8px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00ACB3;
}

.inspireplus_link {
  color: #fff;
}

.inspireplus_link:hover {
  color: #019AA0;
	background-color: #fff; 
	text-decoration: none;
}

.inspireplus_quote {
  clear: both; 
  font-family: Poppins; 
  font-weight: normal; 
  font-size: 20px; 
  line-height: 140%; 
  color: #000000; 
  border-left: 2px solid #019AA0; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:10px; 
	margin-left:112px; 
	margin-top:15px;
	margin-bottom:10px;
}

.inspireplus_multiselect {
  width: 310px;
}

.inspireplus_selectBox {
  position: relative;
}

.inspireplus_selectBox select {
  width: 100%;
  font-weight: bold;
	background: url(https://yth.org/wp-content/uploads/arrow_down.png) no-repeat right #fff;
    -webkit-appearance: none;
  background-position-x: 280px;
}

.inspireplus_overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#Race, #TimesAvailable {
  display: none;
}

#Race label, #TimesAvailable label {
  display: block;
	background: #fff;
	color:#000 !important;
	font-family: Poppins; 
	font-weight: normal; 
	font-size: 16px;
	border: 1px #019AA0 solid;
}

#Race label:hover, #TimesAvailable label:hover {
  background-color: #E5F7F7;
}

.inspireplus_submit_off {
    border: none; 
		font-family: PoppinsBold; 
		font-weight: normal; 
		font-size: 18px; 
		line-height: 27px; 
		color: #ffffff; 
		background-color:#019AA0; 
		text-align: center; 
		overflow:hidden; 
		display:inline; 
		padding:10px; 
		margin-bottom:40px; 
		margin-top:20px;
}

.inspireplus_submit_on {
    border: none; 
		font-family: PoppinsBold; 
		font-weight: normal; 
		font-size: 18px; 
		line-height: 27px; 
		color: #019AA0; 
		background-color:#ffffff; 
		text-align: center; 
		overflow:hidden; 
		display:inline; 
		padding:10px; 
		margin-bottom:40px; 
		margin-top:20px;
}

.inspireplus_input_short {
    width:300px; 
		height:50px; 
		color:#000 !important; 
		border: none;
		padding-left: 10px;
	  font-size: 16px;
}

.inspireplus_input_long {
    width:650px; 
		height:50px; 
		color:#000 !important; 
		border: none;
		padding-left: 10px;
	  font-size: 16px;
}

.inspireplus_textarea {
    width:640px; 
		height:100px; 
		color:#000; 
		border: none;
		padding: 10px;
	  font-size: 16px;
		font-family: arial, sans-serif;
		resize: none;
}

.inspireplus_bulletbox {
    padding-left: 150px;
    padding-right: 90px;
}

.inspireplus_formbox {
    background-color: #E5F7F7;
    padding-left: 150px;
    padding-right: 90px;
}

@media screen and ( max-width: 480px ) {

.inspireplus_quote {
  clear: both; 
  font-family: Poppins; 
  font-weight: normal; 
  font-size: 20px; 
  line-height: 140%; 
  color: #000000; 
  border-left: 2px solid #019AA0; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:10px; 
	margin-left:0px; 
	margin-top:15px;
	margin-bottom:10px;
}

.inspireplus_bulletbox {
    padding-left: 0px;
    padding-right: 0px;
}

.inspireplus_formbox {
    background-color: #E5F7F7;
    padding-left: 10px;
    padding-right: 5px;
}

.inspireplus_input_short {
    width:270px; 
		height:50px; 
		color:#000 !important; 
		border: none;
		padding-left: 10px;
	  font-size: 16px;
}

.inspireplus_input_long {
    width:270px; 
		height:50px; 
		color:#000 !important; 
		border: none;
		padding-left: 10px;
	  font-size: 16px;
}

.inspireplus_textarea {
    width:260px; 
		height:100px; 
		color:#000; 
		border: none;
		padding: 10px;
	  font-size: 16px;
		font-family: arial, sans-serif;
}

.inspireplus_multiselect {
  width: 280px;
}	

.inspireplus_selectBox select {
  width: 100%;
  font-weight: bold;
	background: url(https://yth.org/wp-content/uploads/arrow_down.png) no-repeat right #fff;
    -webkit-appearance: none;
  background-position-x: 250px;
}

}

@media screen and ( min-width: 480px ) and ( max-width: 719px ) {

.inspireplus_quote {
  clear: both; 
  font-family: Poppins; 
  font-weight: normal; 
  font-size: 20px; 
  line-height: 140%; 
  color: #000000; 
  border-left: 2px solid #019AA0; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:10px; 
	margin-left:0px; 
	margin-top:15px;
	margin-bottom:10px;
}

.inspireplus_bulletbox {
    padding-left: 50px;
    padding-right: 20px;
}

.inspireplus_formbox {
    background-color: #E5F7F7;
    padding-left: 50px;
    padding-right: 20px;
}

.inspireplus_input_long {
    width:290px; 
		height:50px; 
		color:#000 !important; 
		border: none;
		padding-left: 10px;
	  font-size: 16px;
}

.inspireplus_textarea {
    width:280px; 
		height:100px; 
		color:#000; 
		border: none;
		padding: 10px;
	  font-size: 16px;
		font-family: arial, sans-serif;
}

}

body {
     background-color: #EEE;
		 font-family: arial, sans-serif; 
		 font-weight:normal; 
}
#table {
border-color:#ffffff;
border:collapse;
}