/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {
    font-family: Muli;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}
h1,h2,h3,h4,h5,h6{
  font-weight: 700;
    color: #003b74;
  
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
img {
  max-width: 100%;
  height: auto;
}
.menu {
    width: 100%;
    background-color: #003b74;
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu ul li {
  float: left;
}
.menu ul > li > a {
   color: #FFFFFF;
    padding: 7px 15px;
    border-right: 1px solid #ffffff;
  display: inline-block;
  text-transform: uppercase;
}
.menu ul > li:last-child > a {
 border: 0; 
}
.menu ul li.active a,
.menu ul > li > a:hover, 
.menu ul > li > a:focus {
    color: #ffffff;
    background-color: #00b4ee;
  text-decoration: none;
}
.pre-footer {
  width: 100%;
  margin-top: 50px;
}
.pre-footer,
.pre-footer img {
    width: 100%;
}
.footer {
    padding: 20px 0px;
    background-color: #95c154;
    text-align: right;
    color: #000000;
  font-size: 12px;
}
.footer a {
  color: #000000;
  text-decoration: underline;
}
.pre-header {
  background-image: url(//26229139.fs1.hubspotusercontent-eu1.net/hubfs/26229139/raw_assets/public/geoalpina/images/header_bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  padding-top:10px;
}
.logo-home {
  position: absolute;
  z-index: 1000;
  margin-top: 10px;
}
#carousel_header_home .item img {
  width: 100%;
}
.banner-item {
  margin: 20px 0;
}
.attivita .img-intro img {
  margin-top: 20px;
}
.attivita-under {
  margin-top: 50px;
}
.attivita-under .gallery img {
  margin-top: 20px;
}
.contatti_immagine_sede {
margin-top:20px;
}
.form-gmap {
  margin-top:20px;
}
.certificazione-item {
  margin: 50px 0px
}
.certificazione-item-img img {
  margin: 0 auto;
}
.realizzazione-item,
.attrezzatura-item {
    margin-bottom: 60px;
    margin-top: 10px;
}
.attrezzatura-border {
  border: 2px solid #003b74;
}
.attrezzatura-item h4 {
    background-color: #003b74;
    color: #ffffff;
    padding: 5px 25px;
    margin: 0px;
}
.realizzazione_text,
.attrezzatura_text {
  padding: 25px;
}
.realizzazione_angolo,
.attrezzatura_angolo {
    position: absolute;
   margin-top: -44px;
    margin-left: -2px;
    z-index: 100;
}
.realizzazione_geotecnica .realizzazione-border {
  border: 2px solid #005e2a;
}
.realizzazione_ambiente .realizzazione-border {
  border: 2px solid #93c154;
}
.realizzazione_monitoraggi .realizzazione-border {
  border: 2px solid #0081c5;
}
.realizzazione_prove_sui_materiali .realizzazione-border {
  border: 2px solid #79491b;
}
.realizzazione_type {
  padding: 0 25px;
}
.realizzazione_geotecnica .realizzazione_type {
  background-color: #005e2a;
}
.realizzazione_ambiente .realizzazione_type {
  background-color: #93c154;
}
.realizzazione_monitoraggi .realizzazione_type {
  background-color: #0081c5;
}
.realizzazione_prove_sui_materiali .realizzazione_type {
  background-color: #79491b;
}
h4.realizzazione_title {
  padding: 0 25px;
  margin-top: 25px;
  margin-bottom: 0;
}
.realizzazione_geotecnica .realizzazione_title {
  color: #005e2a;
}
.realizzazione_ambiente .realizzazione_title {
  color: #93c154;
}
.realizzazione_monitoraggi .realizzazione_title {
  color: #0081c5;
}
.realizzazione_prove_sui_materiali .realizzazione_title {
  color: #79491b;
}
.header_xs {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 25%);
}
.navbar {
    margin: 0px;
    border: 0px;
    background-color: #FFFFFF;
    padding: 7px 0 8px 0;
}
.navbar-header img {
  max-height: 50px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
    border-color: #FFFFFF;
    margin-right: 0px;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-bottom: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 5px;
    border-radius: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #003b74;
}
.navbar-collapse {
  border-color: #ffffff;
  overflow-x: hidden;
  padding: 0;
  border: 0;
}
.menu-mobile ul {
  margin-top: 20px;
}
.menu-mobile ul li {
  float: none;
}
.menu-mobile ul li a {
  display: block;
  color: #003b74;
  font-size: 16px;
  font-weight: 700;
  background-color: #FFFFFF;
  padding-left: 0px;
  padding-right: 0;
}
.menu-mobile ul li.active a, 
.menu-mobile ul>li>a:focus, 
.menu-mobile ul>li>a:hover {
  color: #00b4ee;
  background-color: #FFFFFF;
}

@media (max-width: 767px) {
  .body-container-wrapper {
    padding-top: 65px;
  }
  .attivita-under {
    margin-top: 0px;
  }
  .realizzazione_type {
    padding-left: 15px;
  }
  h4.realizzazione_title {
    padding: 0 15px;
    margin-top: 15px;
  }
  .attrezzatura_text, .realizzazione_text {
    padding: 15px;
  }
  ul,
  .attrezzatura_text ul, .realizzazione_text ul {
    padding-left: 25px;
  }
  .attrezzatura-item h4 {
    padding-left: 15px;
  }
  .carousel-inner .item img {
    width: 100%;
  }
  .certificazione-item { 
    margin: 25px 0; 
  }
  .certificazione-item h2 {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .menu ul > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .attivita-under {
    margin-top: 25px;
  }
  .carousel-inner .item img {
    width: 100%;
  }
  .certificazione-item h2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .realizzazione_text {
    max-height: 280px;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow-y: scroll;
  }
  .attrezzatura_text {
    max-height: 330px;
    overflow-y: scroll;
    padding-bottom: 10px;
  }