/** CSS  **/
/* COOEE ITALIA */
/* www.cooeeitalia.com	*/
/* Bootstrap v4.0.0 */
/** CSS **/

/*****************************************************************************/
/*GENERAL CLASS*/
/*****************************************************************************/
body{background:#fff; font-family: 'Montserrat', sans-serif;  font-weight:300; color:#474747; font-size:19px; overflow-x:hidden; margin:0;}
.clear{clear:both;}
.row {margin-left:-15px; margin-right:-15px;}
p{font-size:19px;color:#5e5e5e;line-height:28px;font-weight:300;}
p-white{font-size:19px;color:#fff;line-height:28px;font-weight:300;}
.red-tips{font-size:15px; font-weight:400; line-height:25px;color:#db0032;}
a{color:#5e5e5e;}
a:hover{color:#D90B37;text-decoration:none;}

#logo{padding:8px;}
.border-redleft{border-left:10px solid #e22127; padding-left:15px;}
.big-h1{font-size:45px; font-weight:bold; line-height:50px; color:#e22127; text-transform: uppercase;}
.big-underh1{font-size:24px; font-weight:bold; line-height:25px; color:#fff; text-transform: uppercase;}
.big-underh2{font-size:22px; font-weight:lighter; line-height:25px; color:#fff;}
.arrfp{text-align:center;}
.tit-h1{font-size:35px; font-weight:lighter; line-height:40px; color:#252525; text-transform: uppercase;}
.tit-h2{font-size:25px; font-weight:200; line-height:30px; color:#e22127;}
.tit-h3{font-size:25px; font-weight:600; line-height:30px; color:#e22127;}
.tit-h1-white{font-size:35px; font-weight:400; line-height:40px; color:#fff; text-transform: uppercase;}
.tit-h2-white{font-size:20px; font-weight:200; line-height:25px; color:#fff;}
.border-vert{border-bottom:10px solid #e22127; width:175px;}
ul#vantaggi{list-style-image: url(../img/check.png);}
ul#vantaggi li{padding:5px;}
ol#proce li{padding:5px;}
.gray-cas{counter-reset: myOrderedListItemsCounter; font-size:19px;}
.gray-cas li{background-color:#eaeaea;}
.elenc-red{font-size:28px; color:#e22127; line-height:35px; font-weight:600;}
.elenc-red-int{font-size:22px; color:#e22127; line-height:35px; font-weight:600;}
.al-sx{text-align:left;}
.al-dx{text-align:right;}
.form-contatti-home{padding:25px;background-color:#e22127;}

.videoWrapper {position: relative; padding-bottom: 54.50%; /* 16:9 */ padding-top: 20px; height: 0; background-color:#ffffff;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.videoWrapper-two {position: relative; padding-bottom: 42.50%; /* 16:9 */ padding-top: 25px; height: 0; background-color:#ffffff; }
.videoWrapper-two iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.videoWrapper-three {position: relative; padding-bottom: 32.50%; /* 16:9 */ padding-top: 25px; height: 0; background-color:#ffffff; }
.videoWrapper-three iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.bg-gray-lite{background-color:#f7f7f7; padding:25px;}
.bghome{background:url(../img/bg-home.jpg)center no-repeat; height:990px;}
.big-padding{padding:50px 85px;}
.mid-padding{padding:50px 0px;}
.padd-up{padding:250px 0 0 0;}
.padd-top{padding:50px 0 0 0;}
.padd-t-d{padding:50px 0 50px 0;}
.marginsty{margin:65px 0px 65px 0px;}
.margimainvid{margin:65px 0px 0px 0px;}
.margiulio{margin:100px 0px 60px 0px;}
.rpaice{font-size:15px; vertical-align:top;}

.invio{font-size:17px; font-weight:400; line-height:14px; color:#000;}
.backdoor{font-size:17px; font-weight:400; line-height:14px;}
.bacckyddiny{background-color:#e51d1e; color:#fff; padding:15px; text-align:center;}

.btn-red{color:#fff; background-color:#e22127; padding:15px; font-weight:bold; font-size:14px;}
.btn-red a{text-transform: none; color:#fff;}
.btn-red:hover{background-color:#dadada; color:#fff;}

.btn-white{color:#e22127; background-color:#fff; padding:15px; font-weight:bold; font-size:14px;}
.btn-white a{text-transform: none; color:#e22127;}
.btn-white:hover{background-color:#fff; color:#dadada;}

.bg-main-slide{position:relative; background-color:#db0032; height:1000px; overflow:hidden; padding-top:120px;background:url(../img/bg-slide.jpg)center no-repeat;}
.bg-innovazione{position:relative; height:600px; overflow:hidden; background:url(../img/innovazione-fastpile.jpg)center no-repeat;}
.bg-progettazione{position:relative; height:600px; overflow:hidden; background:url(../img/progettazione-fastpile.jpg)center no-repeat;}
.bg-tecnologia{position:relative; height:600px; overflow:hidden; background:url(../img/tecnologia-fastpile.jpg)center no-repeat;}
.bg-vantaggi{position:relative; height:600px; overflow:hidden; background:url(../img/vantaggi-fastpile.jpg)center no-repeat;}
.bg-raggiungimento{position:relative; height:600px; overflow:hidden; background:url(../img/raggiungimento-bg.jpg)center no-repeat;}

.bg-gray{background-color:#e9e9e9; padding:30px;}
.centall{text-align:center;}

.navbar{margin-top:15px;font-weight:600;}
.nav-item a{color:#fff; padding-top:150px;}
.nav-item:hover{background-color:#e22127; color:#fff;}
.prix{color:#fff; font-size:12px;}
.prix a{color:#fff;}
.prix a:hover{color:#fff;}



/****************************************
  IMPORTANT 
*****************************************/

.scrollTop {
  position: fixed;
  right: 5%;
  bottom: 100px;
  background-color: #eb1319;
  padding: 20px;
  opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a {
  font-size: 18px;
  color: #fff;
}


/******** NAVBAR ********/
#navbar { list-style-type: none; margin: 0px; padding: 0.5% 15% 0.5% 15%; position: absolute; top: 0; width: 100%; z-index: 5; background-color:rgba(255, 255, 255, 0.9);}
#navdrop{ display: none; list-style-type: none; margin: 0px; padding: 100px 5% 5px 0px; background-color: rgba(255,255,255,0.9); position: absolute; top: 0; width: 100%; z-index: 4; text-align: right;}

#navbar-two { list-style-type: none; margin: 0px; padding: 2% 15% 2% 15%; position: absolute; top: 0; width: 100%; z-index: 5; background-color: rgba(226,33,40,0.85);}
#navdrop-two { display: none; list-style-type: none; margin: 0px; padding: 60px 5% 5px 0px; background-color: rgba(226,33,40,0.85); position: absolute; top: 0; width: 100%; z-index: 4; text-align: right;}

.navlist { display: none; float: right; font-size:12px;}
.navdroplist {  margin-bottom: 5px; padding:7px; font-size:12px;}
.listminimenu { display: block; float: right; padding: 10px 5px;}
li a { color: #e22128;  text-align: center; padding: 14px 16px; text-decoration: none; margin: 0px; font-weight:600;}
/*li a:hover {
  background-color: rgba(255, 153, 51, 0.95);
  color: #000;
  text-decoration: none;
}*/
li a:hover { background-color: rgba(226,33,39); text-decoration: none; font-weight:600; color:#fff;}
li.navdroplist a:hover{ background: none; color: #ffffff; text-decoration: none; padding:5px;}

.listbrand{ float:left;}

#topbrand { display: block; color: #DDD; text-align: center; padding: 6px 0 0 0; margin: 0px; text-decoration: none;}
#plus{ color: rgb(255, 153, 51); font-size:1.5em; padding: 0 0 0 0; font-weight: 300 !important;}

#navbtn{ background: none; border: none; color: #e22128;}
#navbtn:active, #navbtn:focus{ outline: 0;}

/* Responsive: Navbar for large screens >768px */
@media (min-width: 1220px) {
li a { display: block; }
.listbrand{ float:left; }
.navlist{ display: block;}
.listminimenu{ display: none;}
}
/******** END NAVBAR ********/

/* form starting stylings ------------------------------- */
.group { position: relative; margin-bottom: 55px;}
.btn-warning{ color: #FFFFFF; background-color:#D90B37; border:none;}
.btn-warning:hover{ color: #FFFFFF; background-color:#e02a4e; border:none;}
.btn-send{padding:10px; background-color:#fff; color:#e22127; font-size:15px;}
.btn-send:hover{background-color:#e9e9e9;color:#fff; cursor:pointer; font-size:15px;}
input[type="email"], input[type="password"], input[type="date"], input[type="text"], input[type="tel"], select[type="text"]
{

    height: 65px;
    margin:10px;
    padding: 0 20px;
    border:none;
    background-color:#ffffff;
    width:96%;
}
select
{
    margin:10px;
    padding: 0 20px;
    border:none;
    background-color:#ffffff;
    width:96%;
}
select.form-control:not([size]):not([multiple])
{height:calc(2.25rem + 27px);width:97%;}

textarea {
    height: 165px;
    margin:10px;
    padding: 0px 20px;
	  width:96%;
}

.form-control{border:none;padding:20px 20px;width:98%;}

/*****************************************************************************/
/*GOOGLE MAPS*/
/*****************************************************************************/
/* Always set the map height explicitly to define the size of the div * element that contains the map. */
#map {height:530px;margin-top:70px;}

/*****************************************************************************/
/*FOOTER*/
/*****************************************************************************/
footer{background-color:#313131; padding:10px;color:#ffffff;}
footer a{font-size:11px; font-weight:200; line-height:20px; color:#ffffff; text-decoration:none;}
footer p{font-size:11px; font-weight:200; line-height:20px; color:#eaeaea;}
footer p a{font-size:11px; font-weight:200; line-height:20px; color:#ffffff;}

/*****************************************************************************/
/*MEDIA QUERY*/
/*****************************************************************************/
@media (max-width: 1200px) {

}
/** IPAD **/
@media (max-width: 980px) {
.big-padding{padding:65px;}
.padd-up{padding:70px 0 0 0;}
.bg-main-slide{height:650px;}
.mid-padding{padding:50px 30px;}
}

@media (max-width: 768px) {
.big-padding{padding:45px;}
.mid-padding{padding:50px 30px;}

}
/* IPHONE HORIZONTAL */
@media (max-width: 667px) {
.big-padding{padding:25px;}
.padd-up{padding:10px 0 0 0;}
.bg-main-slide{height:550px;}
.marginsty{margin:25px 0px 25px 0px;}
.margimainvid{margin:65px 0px 0px 0px;}
.mid-padding{padding:50px 25px;}
}

@media (max-width: 580px) {
.big-padding{padding:25px;}
.marginsty{margin:25px 0px 25px 0px;}
.margimainvid{margin:65px 0px 0px 0px;}
.mid-padding{padding:50px 25px;}

}

/* IPHONE VERTICAL */
@media (max-width: 480px) {
#logo{padding:5px;}
.padd-up{padding:50px 0 0 0;}
.bg-main-slide{height:700px;}
.big-padding{padding:25px;}
.elenc-red{font-size:22px;line-height:25px; }
#navbar {padding: 6% 5% 6% 5%;}
.marginsty{margin:15px 0px 15px 0px;}
.margimainvid{margin:96px 0px 0px 0px;}
.mid-padding{padding:50px 25px;}
.scrollTop{display:none;}

.bg-innovazione{height:350px;}
.bg-progettazione{height:350px;}
.bg-tecnologia{height:350px;}
.bg-vantaggi{height:350px;}
.bg-raggiungimento{height:350px;}

}

@media (max-width: 400px) {
#logo{padding:5px;}
#map {height:350px;margin-top:70px;}
}
/* IPHONE VERTICAL */
@media (max-width: 320px) {
#logo{padding:5px;}
.marginsty{margin:15px 0px 15px 0px;}
.margimainvid{margin:96px 0px 0px 0px;}
.mid-padding{padding:50px 25px;}

}