@import url('sprite.css');
/* Reset
========================================================================== */

.lp p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.lp textarea:focus, .lp input:focus{
    outline: none;
}

.lp h2{ 
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-top: 0; 
}
.lp h2 span{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.owl-page {
    visibility: visible !important;;
}
.owl-controls{display: block !important;}
/* Banner
========================================================================== */
.lp__banner{
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../../../assets/alimentec/images/banner.jpg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 320px;
  margin-bottom: 50px;
}
.lp__banner__title {
  display: block;
  font-size: 24px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 2em;
}
.lp_banner__logo{
  display: inline-block;
  width: 248px;
  height: 80px;
  background: url('../../../assets/alimentec/images/logo.png') no-repeat;
  background-size: cover;
  text-indent: -9000px;
}

/* Info
========================================================================== */
.lp__info{
  position: relative;
  overflow: hidden;
  background: #005aa3;  
  height: 318px;
  padding-top: 40px;
  color: #ffffff;
  margin-bottom: 60px;
}
.lp__info__time {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
}
.lp__info__time h4{
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  margin: 0 0 20px 0;
}
.lp__info__time h4 .sprite--time{display: block; margin: 0 auto 10px auto;}

.lp__info__countdown{
  font-family: "Open Sans";
  font-size: 50px;
  font-weight: 100;  
  margin-bottom: 30px;
}
.lp__info__countdown span{
  display:inline-block;
  vertical-align: middle;
}
.lp__info__countdown small{
  display: block;
  font-size: 13px;
}
.lp__info__place{  
  display: block;
  width: 100%;
  font-size: 16px;
  display: inline-block;
  font-weight: 500;
  background: #fe9102;
  padding: 30px;  
}
.lp__info__place .sprite--pin{margin-right: 30px; vertical-align: middle; }
.lp__info__place p{  vertical-align: middle; display: inline-block; }

.lp__info__reminder{
  position: absolute ;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  padding: 40px;
  display: block;
  font-size: 16px;
  text-align: center;
  float: right;
  text-align: center;
  color: #ffffff;
  font-weight: 300;
  z-index: 1;
}
.lp__info__reminder:before{
  position: absolute;
  display: block;
  top: 0px;
  left: -50px;
  content: "";
  height: 100%;
  width: 100%;
  border-right: solid 1000px #0070ba;
  -ms-transform: skew(-15deg); /* IE 9 */
  -webkit-transform: skew(-15deg); /* Chrome, Safari, Opera */
  transform: skew(-15deg); /* Standard syntax */
  transform-origin: bottom left; /* Prevent the bottom from shifting */
  background: #0070ba;
  z-index: -1;
}
.logo{
  display: inline-block;
  width: 159px;
  height: 25px;
  background: url('../../../assets/alimentec/images/logo2.png') no-repeat;
  background-size: cover;
  text-indent: -9000px;

}
.lp__info__reminder .logo{ margin: 20px 0; }

p.lp__info__reminder__text{
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
p..lp__info__reminder__text strong{font-size:20px; font-weight: bold;}

/* About AJC
========================================================================== */
.lp__ajc{text-align:center; margin-bottom: 70px;}
.lp__ajc__title{margin-bottom: 50px;}
.lp__ajc__title i.sprite{vertical-align: middle;}
.lp__ajc__list{
  position: relative;
  display: inline-block;
  width: calc(100% - 60px);
}
.lp__ajc__list__item{
  margin: 10px;
  display: block;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(102,102,102,0.3);
  -moz-box-shadow: 0px 0px 10px 1px rgba(102,102,102,0.3);
  box-shadow: 0px 0px 10px 1px rgba(102,102,102,0.3);
  text-align: center;
  padding: 30px;
  min-height: 285px;
}
.lp__ajc__list__item i{margin-bottom: 55px;}

p.lp__ajc__list__item__description{
  font-size: 14px;
  color: rgb(105, 105, 105);
  font-weight: 100;
}
.lp__ajc__list .owl-prev.disabled,.lp__ajc__list .owl-next.disabled{
  display: none !important;
}
.lp__ajc__list .owl-prev,.lp__ajc__list .owl-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer !important;
  padding: 0 !important;
  border: none !important;
  opacity: 1 !important;
  background: none !important;
}
.lp__ajc__list .owl-prev{left: -25px;}
.lp__ajc__list .owl-next{right: -25px;}

/* About AJC
========================================================================== */
.lp__about{
  padding: 40px 0 30px 0;
  background: #fc9200;
  text-align: center;
  margin-bottom: 60px;
}
.lp__about__title{
  color: #ffffff;
  margin-bottom: 40px;
}
.lp__about__list{
  overflow: hidden;
  margin-bottom: 50px;
}
.lp_about__list__item{
  display: block;
  float: left;
  width: 25%;
  padding: 0 2%;
  text-align: center;    
}
.lp_about__list__item i.sprite{ display: inline-block;margin-bottom: 30px; }
.lp_about__list__item__title{
  font-size: 28px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.lp_about__list__item__description{
  display: block;
  font-size: 14px;
  color: rgb(255, 255, 255);
  font-weight: 400;
}
a.lp__about__button{
  font-size: 14px;
  display: inline-block; 
  padding: 10px;
  border-radius: 5px;
  background:#dd4e00;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a.lp__about__button:hover{
  color:#ffffff;
  background:#122549;
}

/* Contact
========================================================================== */
.lp__contact{
  position: relative;
  background: #00aced;
  padding: 60px;
  border-radius: 10px;
  overflow: hidden;
  color: #ffffff;
}
.lp__contact__info{
  display: block;
  width: 40%;
  float: left;
  padding-right: 70px;
}
h2.lp__contact__info__title{
  color: #ffffff;
  text-align: left;
  margin-bottom: 10px;
  font-weight: 400;
}
p.lp__contact__info__description{
  font-size: 14px;
  font-weight: 100;
  line-height: 1.5em;
}

.lp__contact__form{
  display: block;
  width: 60%;
  float: left;
}
.lp__contact__form__field{
  display: inline-block;
  width: 50%;
  margin-bottom: 15px;
  margin-right: -4px;
  padding-left: 20px;
}
.lp__contact__form__field--full{
  display: block;
  width: 100%;
  margin-bottom: 15px;

}
.lp__contact__form__field--last{
  display: inline-block;
  width: 100%;
}

.lp__contact__form__field:nth-child(odd) {
    padding-left: 0px;
}

input.lp__contact__form__input,
textarea.lp__contact__form__input{
  width: 100%;
  border: none;
  border-radius: 5px;
  background: #ffffff;
  min-height: 35px;
}
.lp__contact__form__input.input-error{
  border: solid 1px #800000;
}
.lp__contact__form input[type="submit"]:disabled {
    background: #999999;
    color: #cccccc;
}

.lp__contact__form__label{font-size: 14px; margin-bottom: 5px;}
.lp__contact__form__button{
  padding: 8px 0;
  border: none;
  width: 100px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #122549;
  border-radius: 5px;
  float: right;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.lp__contact__form__button:hover{
   background: #fc9200;
}
    
.lp__contact__form__required{
  font-size: 12px;
  font-weight: 100;
  display:block; 
  clear: both;
}
.lp__contact__success{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00aced;
}
.lp__contact__success__title{
  display: block;
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}
.lp__contact__success__close{
  display: block;
  font-size: 14px;
  font-weight: 100;
  color: #ffffff;
  text-align: center;
}
/* Responsive
========================================================================== */
@media only screen and (max-width : 768px) {
  .lp__info{height: auto;}

  .lp__info__reminder:before{display: none;}

  .lp__info__reminder{background: #0070ba;}
}

@media only screen and (max-width : 480px) {
  h2.lp__banner__title {
    font-size: 18px;
  }

  .lp_banner__logo{   
    transform: scale(0.8);
  }

  .lp__info__time{width:100%;}

  .lp__info__reminder{
    position: relative;
    width:100%;
  }

  .lp_about__list__item{
    width: 100%;
    margin-bottom: 20px;
  }

  .lp__contact__info{
    width: 100%;
    float: none;
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .lp__contact__form{
    width: 100%;
    float: none;
  }
  .lp__contact__form__field{
    width: 100%;
    padding: 0;    
  }

}