.main_title {
  text-align: center;
  margin: 40px auto;
}

body {
  background: white;
}

.contenitore {
  width: 90%;
  margin: 0 auto;
}

:root {
  --mainColor: #c62d1f;
}

.team_underline {
  background:
    linear-gradient(
      to bottom, var(--mainColor) 0%,
      var(--mainColor) 100%
    );
 background-position: 0 100%;
 background-repeat: repeat-x;
 background-size: 4px 4px;
 text-decoration: none;
 transition: background-size .2s;
}


.team_underline:hover {
  background-size: 4px 80px;
}


/* *************  ETICHETTE NAVBAR  ************* */
ul.nav.navbar-nav.navbar-left {
  /* background:#F14747; */
  height: 53.11px;
}
.etichette {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  padding: 0px 17px;
  height: 100%;
}
.etichette:hover {
  background: #29447d;
}

.border_r {
  border-right: 1px solid #173169 !important;
}
.evidenziato {
  background: white;
}

.navbar-blue .nav.navbar-nav.navbar-left .evidenziato a {
  color: red;
}

/* *********************** SU MISURA *********************** */
.su_misura {
  width: 100%;
  height: 665px;
  /* background-image: url('https://images.unsplash.com/photo-1520633946251-dcf52b0276b9?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'); */
  background-image: url('https://images.unsplash.com/photo-1506508794443-bbc88e2419dd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1489&q=80');

  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content:center;
  padding: 0 90px;
  position: relative;
}

.su_misura h1 {
  color: #FFFFFF;
  font-weight: 700;
  z-index: 20;
  font-size: 54px;text-align: center;
}
/* *********************** INTRO *********************** */
.intro {
    width: 85%;
    margin: 30px auto;
}
.intro p {
  margin-top: 70px;
      color: #001f60;
      padding: 0px 60px;
      font-size: 25px;
      font-weight: 400;
      text-align: center;
      line-height: 38px;
}
hr.line_short {
    border-top: 1px solid #001f60;
    width: 30%;
    margin: 25px auto;
    margin-bottom: 100px;
}
/* *********************** SERVIZI *********************** */
.servizi {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.servizio {
  width: 49%;
  height: 100%;
  background: grey;
  display: flex;
    justify-content: center;
    align-items: center;
  position: relative;
}
.servizio a {
    text-decoration: none;
    /* background: red; */
    /* line-height: 100%; */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 60;
}

.servizio h2 {
    color: white;
    font-size: 40px;
}
.servizio h2 {
    text-transform: uppercase;
}
.custom_servizi {
  margin-bottom: 50px;
}
.caps {
  /* background-image: url('https://images.unsplash.com/photo-1581079949497-ddc20e47dea6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1349&q=80') !important; */
  background-image: url('/myatl/assmod/new_site_public/color_cards/text.jpg') !important;
  background-size: cover !important;
}
.beanie {
  /* background-image: url('https://images.unsplash.com/photo-1542044801-30d3e45ae49a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80') !important; */
  background-image: url('/myatl/assmod/new_site_public/color_cards/yarns.jpg') !important;
  background-size: cover !important;
  background-position: center;
}

.caps:hover{
  box-shadow: 0 0 33px rgba(33, 33, 33, 0.54);
  transition: transform .5s, filter 1.5s ease-in-out;
}

.beanie:hover {
  box-shadow: 0 0 33px rgba(33, 33, 33, 0.54);
  transition: transform .5s, filter 1.5s ease-in-out;
}


.col-lg-12.titolo_cent h2 {
  text-align: center;
  margin: 40px auto;
  font-size: 40px;
  line-height: 44px;
  color: #202c54;
  font-weight: 400;
}


/* NO_VIDEO */
.embed-responsive.embed-responsive-16by9 {
    display: none;
}

/* NO TITOLO GUIDA CUSTO MADE OLD */
.col-lg-12.titolo_cent h2 {
    display: none;
}

div#accordion {
    display: none;
    margin-top:50px;
}

.banner_guida {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 500px;
  background-image: url('/myatl/assmod/new_site_public/g2.png');
  background-size: cover;
  background-position: center;
}
.velina {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000059;
}
.velina_card {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000036;
}
.banner_guida h2 {
  text-align: center;
    margin: 40px auto;
    font-size: 40px;
    line-height: 44px;
    color: white;
    font-weight: 400;
    z-index: 30;
}
.circle_icon {
  width: 80px;
    height: 80px;
    border: 3px solid white;
    border-radius: 100%;
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle_icon:hover {
  background: #6b8d34;
  cursor: pointer;
}

.fa-paint-brush{
    color: white;
    z-index: 30;
    font-size: 33px;
}

.servizi h2 {
  color: #ffffff !important;
}

/* MEDIA QUERY */


/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  //CSS

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  //CSS

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

  //CSS

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  //CSS

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

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

  //CSS

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

  .su_misura {
    width: 100%;
    height: 400px;
  }
  .su_misura h1 {
    color: #FFFFFF;
    font-weight: 700;
    z-index: 20;
    font-size: 30px;
    text-align: center;
  }
  .intro {
    width: 100%;
    margin: 30px auto;
  }
  .intro p {
    margin-top: 70px;
    color: #001f60;
    padding: 0px 60px;
    font-size: 20px;
  }

  .servizi {
    width: 100%;
    height: 500px;
    flex-direction: column;
  }
  .servizio {
    width: 100%;
    height: 100%;
    background: grey;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
  }
  .banner_guida {
    height: 400px;
  }

}