/** Shopify CDN: Minification failed

Line 74:1 Unexpected "{"

**/
/* 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: #85bc0f;
  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"],
 #OrderBox .OrderTable input[type="tel"]
 .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;*/
}

.loading {
    position: relative;
    pointer-events: none;
}

.loading:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/cdn/shop/files/loading.gif?v=1755073108), #5cb85c;background-size: 30px;background-position: center;background-repeat: no-repeat;}

.myform .no-placeholder .error-message {
  top: 0;
}

#alert-contact {display: none;}



@media only screen and (max-width: 767px) {
  #OrderBox {
    width: 100%;
  }
}
