*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* clearfix */
.clearfix:after,
.container:after,
.container-inner:after,
.header:after,
.header-inner:after,
.content:after,
.content-inner:after,
h1:after,
.column1:after,
.column2:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
body { background:#EFEFEF; padding:0; }


.navbar .navbar-inner { background: #333; }
.navbar .navbar-inner .containe { margin: 0 -20px; }
.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { background:#000 !important; color:#fff; }
.container > .content { background: none; box-shadow: none;border: none; position: relative; }
.jumbotron.masthead { background: #EFEFEF; margin: 90px 0 20px 0; }
.jumbotron .inner {
  box-shadow: none;
  background:#fff;
  font-size: 22px;
  color: #333;
  font-weight: 400;
  font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;
  margin-bottom: 20px;
  border: 1px solid #C9DFF0;
  border-radius: 5px;
  position: relative;
  text-align: center;
  box-shadow: 0 1px 0 #C9DFF0, inset 0 -20px 100px #E8F6FF;
  padding:45px 0 30px 0;
}
.jumbotron h1 {
  font-size:33px !important;
  color: #333;
  font-weight: 400;
  font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif !important;
  color:#000;
}
.jumbotron h1, .jumbotron p { text-shadow: none; letter-spacing: 0; }
.jumbotron h1 .check {
  display: block;
  position: absolute;
  height: auto;
  height: 76px;
  top: -35px;
  left: 0;
  right: 0;
  background: url(check.png) no-repeat 50% 0;
}
.jumbotron h2,
.jumbotron .lead { color:#666 !important; font-size: 22px;}

.col1 {
  padding: 10px 20px;
  background: #FFF;
  border-radius: 4px;
  min-height: 500px;
}
.col1 h2 {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #EEE;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, Helvetica, Sans-serif;
  letter-spacing: 0;
}
.col2 {
  border-radius: 4px;
  background: #75C302;
  color: #FFF;
  padding: 10px 20px;
  min-height: 500px;
}
.col2 h2 {
  margin: 0 0 20px 0;
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 5px;
  font-family: Arial, Helvetica, Sans-serif;
  letter-spacing: 0;
  text-align: left;
}
.col2 .col2-form { text-align: left; }
.col2 .col2-form p{ text-align: left;}
.col2 .col2-form .list { margin: 0; text-align: left;}
.col2 .col2-form input[type="text"],
.col2 .col2-form input[type="text"],
.col2 .col2-form input[type="password"] {
  border: 1px solid #CCC;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  outline: none;
  width: 100%;
  padding: 6px 10px;
  box-shadow: none;
  color: #333;
}
.col2 .col2-form .list label span {
  font-size: 12px;
  display: block;
  font-weight: bold;
  color: #000 !important;
}
.col2 .col2-form .list label { margin-bottom: 0; display: inline; margin-bottom: 10px;  }
.col2 .col2-form .list input[type="text"] {
  border-color: #008000;
  margin-bottom: 10px;
}
.col2 .col2-form .list input[type="text"]:focus,
.col2 .col2-form .list input[type="text"]:focus,
.col2 .col2-form .list input[type="password"]:focus { background-color: #E7F9FF; }
.col2 .col2-form input[type="submit"] {
  background: #0094FF;
  color: #FFF;
  font-weight: 400;
  border: none;
  margin-top: 10px;
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: 0;
  padding: 10px 20px;
  margin:0;
}
.col2 .form-horizontal { text-align: left; }
.youtube-wrapper iframe { height: 328px !important; position: relative; left:auto; right: auto; bottom: auto; top: auto; }
.price-table { position: relative; width: 100%; }
.price-table thead { background:#eaeaea; text-transform: uppercase; }
.price-table thead td {font-weight: bold; font-size: 10px; }
.price-table td { padding: 5px 8px; font-size: 11px; vertical-align: middle; }
.price-table tbody td  {  }
.price-table tbody tr { border-bottom: 1px solid #eee;}
.price-table tbody tr:nth-child(odd) { background:#fafafa;}
.price-table .cl1 { width: 90px; font-weight: bold; }
.price-table .cl2 { width: 80px; }
.price-table .cl3 { width: auto; }
.price-table .cl4 { width: 140px; }
.price-table .cl5 { width: 60px; }

.login label {
  display: block;
  margin-top: 10px;
  color: #000;
  font-weight: bold;
}
.login input[type="text"],
.login input[type="password"] {
  border: 1px solid #CCC;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  outline: none;
  width: 80%;
  padding: 6px 10px;
  box-shadow: none;
  color: #333;
}
.video-grid {
  margin: 15px 0 0 0;
  position: relative;
  padding: 0;
  list-style: none;
}
.video-grid li {
  float: left;
  width: 140px;
  height: 134px;
  margin:0 10px 0 0;
  position: inherit;
}

.video-grid .vid-image img {
  width: 100%;
  position: relative;
  border: 1px solid #658831;
  border-radius: 3px;
}
.video-grid li .vid-cat {
  padding: 5px 5px 0 5px;
  color: #237700;
  font-size: 11px;
  display: block;
}

.video-grid li a {
  padding: 5px ;
  font-size: 12px;
  position: relative;
  color:#fff;
  text-decoration: underline;
}
.login .login-button {
   border: none;
  margin-top: 10px;
  border-radius: 3px;
  font-size: 16px;
  letter-spacing: 0;
  background: #75C302;
  width: auto;
  color: #FFF;
  font-weight: bold;
  padding: 10px 20px;
}
.contact-info { margin-top: 40px;border-top: 1px solid rgba(255,255,255,.3);}
.contact-info2 { padding: 0; border-top-color: #eee; display: block; width: auto;}
.contact-info h4 { padding: 0; font-size: 16px; margin: 20px 0 0 0;text-align: center; }
.contact-info2 h4 { text-align: left; font-weight: bold; font-size: 14px; margin-bottom: 10px; }
.contact-phone { background: url(assets/icon-phone.png); font-size: 18px; margin: 20px; background-position: 0 50%; background-repeat: no-repeat; padding: 10px 10px 10px 40px; float: left;}
.contact-info2 .contact-phone { margin: 0; padding: 0;font-size: 14px; background: none; }
.contact-phone span { font-weight: bold; }
.contact-info2 .contact-phone span { display: block;}
.contact-web { background: url(assets/icon-web.png); font-size: 18px; margin: 20px; background-position: 0 50%; background-repeat: no-repeat; padding: 10px 10px 10px 40px; float: left;}
.contact-info2 .contact-web { padding: 0; margin: 0; margin-left: 40px; font-size: 14px; float: left; background: none; }
.contact-web a { color:#fff; }
.contact-info2 .contact-web a  { color:#333; display: block;}

@media (max-width: 979px) {
  .jumbotron.masthead { margin-top: 0; }
  .col1 { min-height: 520px; }
  .youtube-wrapper iframe { height: 206px !important; }
}

@media (max-width: 767px) {
  .jumbotron.masthead { margin-top: 0; }
  .col1 { min-height: inherit; border-radius: 0; }
  .col2 { border-radius: 0; min-height: inherit; }
  .youtube-wrapper iframe { height:100% !important; width:100%; }

}