/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
body {
	background: #000;
	font-family: 'Oswald', sans-serif;
}

#container {
	width: 990px;
	margin: 10px auto;
	border-radius: 10px;
    /*box-shadow: 0 1px 30px #a7a7a7, inset 0 1px 0 #fff;*/
}

.third, .second {
	position: relative;
}
h2 {
	font-size: 22px;
	text-align: center
}
h3 {
	font-size: 28px;
	text-align: center
}

#VideoBox {
	position: absolute;
	left: 20px;
	top: 40px;
	width: 330px;
}

#VideoBox iframe {
	width:330px;
	height:191px;
	box-shadow: 0 1px 30px #a7a7a7, inset 0 1px 0 #fff;
	border:5px solid #999
}


#OrderBox {
	left: 20px;
	top: 0px;
	width: 300px;
}
#OrderBox .OrderTable {
	width: 100%;
	border: 1px solid #ccc;
}
#OrderBox .OrderTable td {
	padding: 2px 0px 2px 10px;
	font-size: 12px;
}
#OrderBox .OrderTable .title {
	background: #DC5A33;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
#OrderBox .OrderTable input[type="text"], .OrderTable input[type="email"], .OrderTable input[type="number"], .OrderTable textarea {
	width: 90%;
	padding: 5px;
	border-radius: 5px;
}
#OrderBox .OrderButton {
	text-align: center
}
#OrderBox .required {
	position: relative;
	display: inline-block;
	color: #F00
}
.hid {
	display: none
}
#dialog-modal {
	display: none;
	font-size: 70%
}
.ui-dialog-title {
	font-size: 80%
}

/*=====================================
=            Form elements            =
=====================================*/
.myform {
  padding-top: 5px;
}
.myform .form-group label {
  display: none;
}
.myform .no-placeholder .form-group label {
  display: block;
}
.myform .no-placeholder .controls {
  margin-top: 0;
}
.myform .form-group {
  margin-bottom: 30px;
}
.myform .btn {
  margin: 0;
  font-size: 150%;
}
.myform .form-control {
  display: inline;
  background: transparent;
  line-height: 32px;
  border: none;
  color: #202020;
  border-radius: 4px;
  outline: none;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  vertical-align: top;
  border: 1px solid #b6b6b6;
  box-shadow: none;
  /*  ios gradiet fix */
  -webkit-appearance: none;
}
.myform .form-control:focus {
  outline: none;
  border: 1px solid #7ADA70;
}
.myform .controls {
  position: relative;
}
.myform textarea.form-control {
  height: auto;
  max-width: 100%;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 8px;
  vertical-align: top;
}
.myform .inputError,
.myform .myform textarea.form-control.inputError {
  outline: none;
  border: 1px solid #f05557;
}
.myform .error-message {
  position: absolute;
  top: 0;
  right: 35px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  color: #f05557;
  /*z-index:10;*/
}
.myform .no-placeholder .error-message {
  top: 0;
}

#alert-contact {display: none;}