body{
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.row{
  margin: 0 15px;
}





header{
  position: fixed;
  z-index: 1000;
  width: 100%;
  padding: 5px 0 15px;
  -webkit-transition: all .4s linear;
}

header.black-bg{
  background: #409afe;
}

header img{
  height: 50px;
  margin: -10px 0 0;
}

header .logo{
  font-size: 24px;
  color: #fff;
  margin: 20px 0 0;
  font-family: "allerregular";
}

header .logo span{
  font-family: "allerbold";
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
  header{
    padding: 5px 0 0 !important;
  }
  
  .cl-effect-17 a{
    font-size: 17px !important;
  }
  
  #homepage_entry h3, #sage_entry h3{
    margin-top: 45% !important;
  }
  
  #sage_products_entry h1{
    margin-top: 45% !important;
  }
  
  .video-container {
    height: 500px !important;
    background-size: auto 100% !important;
    background-position: 10% 0 !important;
  }
  
  .video-container .overlay {
    padding: 25px;
  }
  
  .video-container video {
    display: none;
  }
  
}




ul#main-nav{
  text-align: right;
  list-style: none;
  margin: 25px 0 0;
}

ul#main-nav li{
  display: inline-block;
  text-transform: uppercase;
  padding-left: 30px;
}

ul#main-nav li a{
  font-weight: 700;
  color: #fff;
  opacity: .6;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}



ul#main-nav li a.active, ul#main-nav li a:hover{
  text-decoration: none;
  opacity: 1;
}





#mobile-menu{
  position: fixed;
  z-index: 9999;
  background: #409afe;
  width: 100%;
  height: 87%;
  top: 13%;
  -webkit-transition: all .2s linear;
  left: -100%;
}

#mobile-menu.blocked{
  left: 0%;
}

#mobile-menu ul{
  list-style: none;
  margin: 0;
  width: 100%;
  padding: 0;
}

#mobile-menu ul li{
  display: block;
  padding: 40px 0;
  text-align: center;
}

#mobile-menu ul li a{
  color: #fff;
  opacity: .7;
  font-size: 22px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}




.default-form table{
  width: 100%;
}

.default-form label{
  display: block;
  -webkit-font-smoothing: antialiased;
  color: #888;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form textarea,
.default-form select{
  border: none;
  outline: 0;
  width: 100%;
  font-size: 16px;
  padding: 15px 0 0;
  -webkit-font-smoothing: antialiased;
}

.default-form select{
  height: 40px;
  background: white;
  padding: 0;
}

.default-form td{
  display: block;
  border: 1px #eee solid;
  padding: 15px;
  margin-bottom: 15px;
}

.default-form textarea{
  resize: none;
}



.error-container{
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 2em;
  color: #777;
  border: 2px #e67d75 dashed;
  padding: 30px;
  border-radius: 3px;
}

.error-container h5{
  color: #e67d75;
}



.need-help-module{
  margin: 50px 0;
  background: url(../images/sage-need-help.jpg) center no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.need-help-module .overlay{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
  z-index: 0;
  padding: 100px 0;
}