@font-face {

  font-family: 'SourceSansPro-Regular';

  src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Regular.woff") format("woff"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg");

  font-weight: normal;

  font-style: normal; }

/*2. Default stylesheets*/
textarea:focus, input:focus {

  outline: none; }



input {

  border-radius: none; }

body{
  background-color: #fff;
  color: #5a5a5a;
}

.title{

  color: #910d10;

  font-size: 24px;

  text-transform: uppercase;

  text-align: center;

  font-weight: bold;

  position: relative;

  margin-top: 30px;

  margin-bottom: 50px;
  line-height: 150%;

}

.title:before{

  content: '';

  position: absolute;

  bottom: -10px;

  left: 50%;

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 35%;

  height: 3px;

  background: #d7d7d7;



}

.title:after{

  content: '';

  position: absolute;

  bottom: -10px;

  left: 50%;

  -ms-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  width: 10%;

  height: 3px;

  background: #910d10;

}

.item_info{

  border: solid 1px #d7d7d7;

  padding: 10px;

  text-align: center;

  height: 100%;
  margin-bottom: 20px;

}

.item_info h3{

  font-size: 24px;

  font-weight: bold;

  color: #910d10;

  text-transform: uppercase;
  text-align: left;
  line-height: 140%;

}

.item_info p{

  text-align: left;

  text-align: justify;
  font-size: 22px;

}

.link_view{

  text-align: center;

  margin: 40px 0;

}

.hr_view{

  background: #910d10;

  border-radius: 15px;

  padding: 10px 25px;

  text-align: center;

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

}

.hr_view:hover{

  color: #fff;

}

#slogan{

  background: #910d10;

  padding: 50px 0;

}

.slogan{

  font-size: 32px;

  color: #fff;

  padding: 25px 10px;

  border: dashed 2px #ffff;

  text-align: center;

}

.info{

  border: solid 1px #d7d7d7;

  display: table;

  margin-bottom: 25px;

}

.text_info h3{

  font-size: 24px;

  text-transform: uppercase;

  font-weight: bold;

  color: #910d10;

  position: relative;

  margin-bottom: 20px;

}

.text_info h3:before{

  content: '';

  position: absolute;

  left: 0;

  bottom: -6px;

  width: 50px;

  height: 2px;

  background: #910d10;

}

.text_product{

  padding: 10px;

}

.boder_bot{

  position: relative;

  margin-bottom: 10px;

}

.boder_bot:before{

  content: '';

  position: absolute;

  left: 0;

  bottom: -3px;

  width: 100px;

  height: 2px;

  background: #910d10;

}

.text_info p{

  font-size: 22px;

}

.text_info{

  padding: 10px 10px;

}

#product{

  background: #f8f8f8;

}

.item_product{

  -webkit-box-shadow: 0px 0px 4px 2px rgba(214,214,214,1);

    -moz-box-shadow: 0px 0px 4px 2px rgba(214,214,214,1);

    box-shadow: 0px 0px 4px 2px rgba(214,214,214,1);

    margin-bottom: 30px;

}

.img_product{

  overflow: hidden;

}

.img_product img{

  width: 100%;

}

.img_product{

  position: relative;

  overflow: hidden;

  -webkit-transition:0.3s linear;

    -moz-transition:0.3s linear;

    -o-transition:0.3s linear;

    transition:0.3s linear;

}

.img_product a{

  -webkit-transition:0.3s linear;

    -moz-transition:0.3s linear;

    -o-transition:0.3s linear;

    transition:0.3s linear;

}

.img_product a:nth-child(2) {

  position: absolute;

  top: 0;

  right: -100%;

  width: 100%;

}

.img_product:hover a:nth-child(2){

  right: 0;

}

.slider_img{

  position: relative;
  padding-bottom: 30px;

}

.slider_img .prev-img{

    color: #ddd;

    position: absolute;

    left: -30px;

    top: 40%;

    font-size: 45px;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    line-height: 0;

}

.slider_img .next-img{

    color: #ddd;

    position: absolute;

    right: -30px;

    top: 40%;

    font-size: 45px;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    line-height: 0;

}
.slider_img .owl-nav.disabled button{
  background: none;
  border: none;
  width: 0;
  height: 0;
  font-size: 0;
  padding: 0;
}
#contact {

    background-image: url(../images/pg-form.jpg.png);

    background-position: center 0;

    width: 100%;

    background-size: cover;

    padding: 50px 0;

}

.input_f{

  margin-bottom: 15px;

}

.input_f input{

  height: 35px;

  width: 100%;

  border: none;

  border-radius: 5px;

  background: #fff;

  padding: 10px;

}

.input_f textarea{

  height: 100px;

  width: 100%;

  border: none;

  border-radius: 5px;

  background: #fff;

  padding: 10px;

}

.input_f button{

  background: #ff0000;

  padding: 10px 25px;

  border-radius: 10px;

  color: #fff;

  text-transform: uppercase;

  border: none;

  font-size: 16px;

  font-weight: bold;

}

footer{

  background: #166d38;

  color: #fff;

  padding: 30px 0;

}

footer h3, footer p{

  color: #fff;

}

.info_f h3{

  border-bottom: solid 2px #910d10;

}

.info_f a{

  color: #fff;

  font-size: 16px;

}

.lien-he{

  color: #fff;

  font-size: 16px;

  background: #910d10;

  padding: 5px 20px;

  border-radius: 5px;

  position: fixed;

  left: 10px;

  bottom: 10px;

}

.input_lh input{

  height: 30px;

  background: #fff;

  padding: 10px;

  border-radius: 0px;

  margin-bottom: 10px;

  width: 100%;

  color: #000;

  border: none;

}

.input_lh textarea{

  height: 80px;

  background: #fff;

  padding: 10px;

  border-radius: 0px;

  margin-bottom: 10px;

  width: 100%;

  color: #000;

  border: none;

}

.input_lh button{

  border: none;

  background: #910d10;

  padding: 10px 15px;

  color: #fff;

}

.padding-0{

  padding: 0 !important;

}

.text-center{

  text-align: center;

}

.text-left{

  text-align: left;

}

.text-right{

  text-align: right;

}

.flex_m {

  display: flex;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flex;

  flex-flow: row wrap;

  align-items: baseline;

  justify-content: space-between;

}

@media screen and (max-width: 767px){

  br{

    display: none;

  }

  .img_info{

    text-align: center;

  }

}

@media screen and (min-width: 768px) {

  .flex {

    display: flex;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    flex-flow: row wrap;

    align-items: stretch;

    justify-content: space-between;

  }

  .text-left{

    text-align: left;

  }

  .text-right{

    text-align: right;

  }

  .text_info{

    padding: 20px 25px;

  }
  .title{

    font-size: 32px;

  }

}

@media screen and (min-width: 992px) {
  .logo-home {
    left: 100px;
  }

}