@charset "UTF-8";
/* CSS Document */

header{ height: auto;}
header nav{ display: none;}
header .top_nav{
    height: auto;
}
header .showMenu{ display: block; float: right; margin: 20px 20px 0;}
header .showMenu a{ display: block;}
.showMenu div{
  width: 48px; height: 2px;
    background: #ae151e;
    margin: 10px 0;
}

header nav.phoneNav{ width: 100%; height: auto; padding: 0; font-size: 17px; margin: 0; background: #000;}
header nav.phoneNav ul{ margin: 0; padding: 0; list-style-type: none;}
header nav.phoneNav ul li{ display: block; margin: 0; float: none; height: auto; line-height: normal;}
header nav.phoneNav ul li+li{ border-top: solid 1px rgba(255,255,255,0.3);}
header nav.phoneNav ul li a{ height: auto; text-align: center; padding: 0 20px; background: none; color: #FFF; line-height: 50px;}
header nav.phoneNav ul li a:hover{ background: none; color: #FFF;}
header nav ul li a:before{ display: none; }

header nav.phoneNav ul.subMenu{
  display: block; position: static; left: 0; top: 0; margin: 0; padding-top: 0; width: 100%; border-bottom: none; font-size: 12px;
  background: #ae151e;
}
header nav.phoneNav ul.subMenu li{ height: auto;}
header nav.phoneNav ul.subMenu li a{ width: 100%; height: auto; line-height: normal; padding: 10px 0; text-align: center;}
header nav.phoneNav ul li:hover > ul.subMenu li{
     height: inherit;
}


.bande_slider{
    height: auto;
}
.bande_slider h2{ height: auto; line-height: 1; padding: 20px 0;}

.slider .layers h1, .slider .layers h2{
  font-size: 25px; line-height: 32px;
}
.slider .layers p{
  font-size: 21px; line-height: 27px;
}

.presentation .one_third, .presentation .two_third{ width: 50%; }


/*Features*/
.featureItem{
  margin: 0 5px; padding: 100px 5px 5px;
}
.featureItem .icon{
  width: 150px; height: 150px; top: -80px;
}
.featureItem .img{
  width: 150px; height: 150px;
}
.featureItem .icon:before{
  width: 160px; height: 160px; left: -5px;
}
.featureItem p{ font-size: 14px; line-height: 17px}
.featureItem h2{ font-size: 17px; line-height: 21px;}
/*end of Features*/



@media (max-width: 750px) {
	.one_third, .two_third{float: none; width: 100%;}
  .copyright .one_third+.one_third{ margin-top: 30px;}
  .presentation .one_third, .presentation .two_third{ width: 100%; }
  .features .one_fourth{ width: 100%; float: none; }
  .features .one_fourth+.one_fourth{ margin-top: 100px;}
  .featureItem .icon{
    top: -70px;
  }
  .featureItem:hover .icon{ top: -80px; }

  footer{ text-align: left; }
  footer .one_third+.one_third{ margin-top: 50px; }
  footer .one_fifth{ margin-bottom: 20px; }
  footer nav{ font-size: 12px;}
  footer nav a{ margin: 0 5px;}
  footer .social{ text-align: left; }
  footer .social ul{ float: none; }
}

.imgLeft{ float: none; margin: auto; max-width: 100%;}

.one_half{ width: 100%; float: none;}
.one_fifth{ width: 33.33%;}
.form_content .one_third{ width: 50%;}

.catalogue .one_half{ width: 50%; float: left; }

footer .one_half{ width: 50%; float: left;}