
/*  VARIAZIONI BOOTSTRAP */


/* MEDIA QUERY INTERVALLI */
@media only screen and (min-width:769px) and (max-width: 1200px) {

}

@media only screen and (min-width:668px) and (max-width: 768px) {
}

@media (max-width: 2700px) {

}

@media (max-width: 1896px) {
  .row-features-treni {width:63%}
}

@media (max-width: 1800px) {
  .mask-treni {width:75%}
}

@media (max-width: 1799px) {
  .row-features-treni {width:53.5%}
}


@media (max-width: 1640px) {
  .intro-section:before {content:""; width:13%; height:3px; background-color:#FFC374; position:absolute; top: 166px; left: 0;}
  .intro-section.no-intro:before {top:106px}
  .section-intro-black:after {content:""; width:13%; height:3px; background-color:#FFC374; position:absolute; top: 66px; left: 0; z-index:1}
  .section-organizzazione-home:before {content:""; width:13%; height:3px; background-color:#FFC374; position:absolute; top: 246px; right: 0; z-index:1}
  .section-mask:after {content:""; width:13%; height:3px; background-color:#010101; position:absolute; top: 186px; left: 0;}
  .section-interna.intro-section:before {top:82px}
  .section-altre-pagine.intro-section:before {top: 66px;}
  .section.section-altri-partner.intro-section:before {top: 26px;}
  .section-pagina.intro-section:before {width:23%}
}

@media (max-width: 1540px) {
  .row-features-treni {width:53.2%}
}

@media (max-width: 1399px) {
  .row-features-treni {width:56%}
  .droopmenu-brand {margin-right:0}
  .dm-nav-brand a img, .droopmenu-brand img, .droopmenu-brand video {width:190px}
  .droopmenu > li {font-size:15px}
  .droopmenu > li > a, .droopmenu > li > span {letter-spacing: 0}
  .droopmenu-right {margin-right:20px}
  .header-title {width:55%}
}

@media (max-width: 1360px) {
  .row-features-treni {width:56.4%}
}

@media (max-width: 1340px) {
  .mask-treni {width:80%}
}

@media (max-width: 1200px) {
  .container {max-width: unset !important;}
}

/* MEDIA FINO A COL-LG */
@media (max-width: 1199px) {
  .header-menu .navbar-dark .navbar-nav .nav-link span {font-size:11px}
  .header-menu .navbar-dark .navbar-nav .nav-link {padding:18px 10px}
  .box-newsletter {padding:30px 20px; margin-top:-276px}
  .titolo-newsletter h2 {font-size:22px}
  .hover.panel .box1 .cta-dark {width:100%}
  .hover.panel .box1 .cta-dark a.animated-button.thar-four {width:100%}
  .quadrato-partner-small {height:inherit; width:205px; top:125px; left:10px}
  .partner-box.team-box .testo_schedina {width:100%; padding:10px}
  .carousel-cell.slide-servizi .cont-servizi .testo-servizi {padding:0 60px}
  .has-dropdown a:after {top:inherit; bottom:15px; right:50%; margin-right:-5px}
  .rectangle-bg-2 {background-position:-150px; top:35%}
  .section.section-fasi-home {margin-top:-130px}
}

@media (max-width: 1140px) {
  .section.section-treni-home .intro-testo {padding:40px 0 60px 120px}
  .droopmenu > li {font-size:14px}
  .droopmenu .div-menu a {width:30px; height:30px; line-height: 30px}
  .droopmenu-showbg .droopmenu .div-menu a {width:30px; height:30px; line-height: 30px}
  ul.droopmenu {padding-left:0}
  .section-tracciato-home {margin-top:-240px}
  .section-titolo-tracciato:after {background:linear-gradient(#c8c8c8 40%, transparent)}
  .box-numero .contenuto-numero h4 {font-size:18px}
}

@media (max-width: 1060px) {
  .row-features-treni {width:60%}
  .droopmenu-right {margin-right:0}
  .droopmenu > li > a, .droopmenu > li > span {padding:0 10px}
  .title-h2 {font-size:25px}
}

@media (max-width: 1024px) {
  .header-title .title-h1 {font-size:40px}
  .header-title .title-h2 {font-size:28px}

}

/* MEDIA FINO A COL-MD */
@media (max-width: 991px) {
  .no-resp {display:none}
  .resp {display:block}
  .section {padding:80px 0}
  .section.section-list-tracciato {padding:80px 0}
  .title-h1 {font-size:26px}
  .title-h2 {font-size:26px}
  .blog-post h2 {font-size:26px}
  .banner-interno {height:450px}
  .row-features-treni {width:100%}
  .droopmenu {display:inherit}
  .droopmenu-extra .droopmenu {display:flex}
  .li-foto-menu {display:none}
  .li-rttl-menu {padding:0}
  .droopmenu li > ul {background-position:top right}
  .section-intro-progetto .intro-testo {padding:60px 60px 60px 15px}
  .img-progetto-home {height:540px}
  .item-fase .cont-fase {min-height:300px}
  .cont-progetto-include {padding:60px 15px 0px 40px}
  .box-numero .contenuto-numero h4 {margin-bottom:0}
  .box-numero .contenuto-numero img {width:30px !important}
  .box-numero .contenuto-numero p {font-size:15px}
  .box-info-pagina {padding:30px}
  .section-intro-black .col-titolo {border-right:0}
  .titolo-intro-black {padding:20px 40px 0px 20px}
  .section-altri-pov .info-card-list a .testo-pov p {display:none}
  .section-altri-pov .carousel-cell.info-card-list {height:390px}
  .info-card-list a .testo-pov h5 {font-size:18px}
  .info-card-list a .img-pov {height:200px}
  .blog-page .banner-interno {height:300px}
  .item-news a .latest-cont h3 {font-size:18px}
  .blog-page.dettaglio-blog .banner-interno {height:300px}
  .testo-backend h2 {font-size:26px}
  .col-banner-news {margin-top:0}
  .blog-page.dettaglio-blog .banner-interno {height:350px; min-height:auto}
  .data-news {font-size:15px}
  .section.intro-news {padding:0}
  .img-banner-news {height:350px; margin-bottom:40px}
  .blog-page .section .intro {padding:0}
  .section-contatti .intro-testo {padding:0px 0px 60px 15px}
  .col-form .box-form {padding:40px}
  .section-fasi .intro-testo {padding:0px 15px 60px 15px}
  .listing-tempi .box-tempo {padding:10px}
  .droopmenu li i{font-size:14px}
}

/* MEDIA FINO A COL-SM */
@media (max-width : 767px) {
  .show-mobile{display:block}
  .show-desktop{display:none;}
  .section {padding:60px 0}
  .section.section-list-tracciato {padding:60px 0}
  .section.section-top {padding:60px 0 0 0}
  .section .intro {padding:0}
  .footer {padding:60px 0 20px 0}
  .page-text h2 {margin-bottom:30px}
  .carousel-fasi-home .carousel-cell {width:50%}
  .item-fase .cont-fase {min-height:240px}
  .box-numero .contenuto-numero img {width:40px}
  .box-numero .contenuto-numero h4 {margin-bottom:0; font-size:15px}
  .container-fluid-sticky-right {padding-left:0 !important}
  .section-intro-progetto .intro-testo {padding:0 15px}
  .intro-testo {padding:0px 15px 60px 15px}
  .intro-section:before, .intro-section.no-intro:before, .section-organizzazione-home:before {display:none}
  .img-progetto-home {height:440px; margin:60px 0}
  .section-tracciato-home {margin-top:-140px}
  .mask-treni {width:60%}
  .section.section-treni-home .intro-testo {padding:40px 0}
  .item-news a .latest-cont h3 {font-size:18px}
  .info-card .img-pov {height:200px}
  .info-card .testo-pov h5 {font-size:18px}
  .info-card .testo-pov {padding:30px 60px 30px 30px}
  .info-card {height:480px; width:90%; left:15px}
  .col-organizzazione .cont-orga {padding:60px 15px 0 0}
  .listing-pagine .item-news {margin-bottom:30px}
  .carousel-numeri-progetto .carousel-cell {width:35%}
  .box-info-pagina.black-box {margin-bottom:30px}
  .tratta-link {width:33.33%; font-size:15px}
  #pills-tab {position:relative; z-index:1; padding-bottom:60px}
  .tab-content {padding-left:0; padding-right:60px}
  .box-pov {height:auto}
  .box-pov a {display:block}
  .box-pov a .img-box-list {width:100%; height:280px}
  .box-pov a .cont-box-list {width:100%}
  .box-pov a .cont-box-list .info-box h3 {font-size:18px}
  .box-pov a .cont-box-list .info-box p {display:none}
  .box-pov a .cont-box-list .info-box {width:100%; padding-right:0}
  .box-pov a .cont-box-list .info-box .location {padding-bottom:0; font-size:15px}
  .tab-content:before {right:20px}
  .row.item-pov:before {right:-40px}
  .item-pov .punto-pov {width:50px; height:50px; right:-48px}
  .logo-footer {padding-bottom:30px}
  .footer .contatti-social {margin-top:30px}
  .sub-footer {padding-top:60px}
  .row-box-info-pagina {padding-top:60px}
  .foto-pagina {height:400px}
  .section.section-altri-pov {padding:60px 0 100px 0}
  .section-altri-pov .title-3 {text-align:center}
  .box-info-pagina h3 {font-size:22px}
  .col-form {margin-top:0}
  .img-frequenza-home {height:400px; margin-top:40px}
  .section-fasi {margin-top:-60px}
  .section-fasi .intro-testo {padding:0 15px}
  .box-frequenza {margin-bottom:30px}
  .listing-tempi .box-tempo .tempo-tratta {font-size:15px}
  .droopmenu.droopmenu-right .droopmenu-col li a {font-size:16px}
  .video-home {background-image:url(../images/img-banner-mobile.webp); background-size:cover; background-position: center right}
  .video-home:before {background:rgba(0,0,0,0.3); height:100%}
}

@media (max-width : 736px) {

}

@media (max-width : 667px) {
  .carousel-news .carousel-cell {width:70%}
}

/* MEDIA FINO A COL- */
@media (max-width: 575px) {
  .title-h1 {font-size:22px}
  .title-h2 {font-size:22px}
  .pblog-post h2 {font-size:26px}
  .banner-interno {height:350px}
  .breadcrumb-cont {font-size:12px}
  .header-title .title-h1 {font-size:35px}
  .header-title {width:90%}
  .box-numero .contenuto-numero p {font-size:15px}
  .item-fase .cont-fase {padding:0 20px 80px 20px}
  .carousel-fasi-home .carousel-cell {width:80%}
  .section-titolo-tracciato:after {background:linear-gradient(#c8c8c8 70%, transparent)}
  .section-tracciato-home {margin-top:-80px}
  .carousel-features-treni .item-feature p {font-size:15px}
  .carousel-features-treni .item-feature {padding:10px}
  .carousel-numeri-progetto .carousel-cell {width:50%}
  .box-pov a .cont-box-list {padding:20px}
  .box-pov a .cont-box-list .info-box {padding-bottom:20px}
  .section-altre-pagine .item-news a .latest-cont {min-height:150px}
  .footer {text-align:center}
  .footer .dato-contatto-footer, .footer .contatti-social {justify-content: center}
  .footer .list-unstyled {padding-top:30px}
  .titolo-intro-black {padding:0 20px 20px 20px}
  .section-altri-pov .carousel-news .carousel-cell {width:70%}
  .blog-page .titolo-int {padding-right:0}
  .droopmenu-brand {margin-left:0}
  .dm-nav-brand a img, .droopmenu-brand img, .droopmenu-brand video {width:160px}
}


@media (max-width: 414px) {
  .droopmenu-showbg .droopmenu-brand img, .droopmenu-showbg .droopmenu-brand video {width:140px}
  .img-banner-news {height:250px}
}

/* MEDIA QUERY MIN WIDTH */
@media (min-width: 768px) {

}

@media (min-width: 1024px) {

}

/* MEDIA QUERY HEIGHT */
@media (max-height: 650px) {

}

@media (max-height: 747px) {

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

/* NUOVA COOKIE BAR */
@media (max-width: 1024px) {
  .show_banner_cookies {position: fixed;  width: 100%;   background: #646463; color: #fff; z-index: 999999; padding: 30px; left: 0px; font-size: 12px;}
  .switch-item.pl-20 {padding-left:10px}
}

@media only screen and (max-width : 998px) {
  .switch-label {font-size:11px}
}

@media (max-width: 991px) {
  .show_banner_cookies {width:50%}
  .col-switch {border-left:0; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
  .col-switch .switch-page {padding-left:0}
  .show_banner_cookies.big-ban {width:80%}
  .cookiebar-page hr {border-top:0}
}

@media (max-width : 767px) {
  .show_banner_cookies {width:70%}
  .switch-cont {flex-wrap:wrap}
  .switch-item {width:50%; margin-bottom:10px}
  .switch-item.pl-20 {padding-left:0}
  .switch-item-text {margin-top:10px}
  .show_banner_cookies {padding:20px 10px}
  .show_banner_cookies.big-ban .col-bottoni-cookie {flex-direction:row}
  .show_banner_cookies.big-ban .col-bottoni-cookie .btn-foot.mb-20 {margin-bottom:0}
  .show_banner_cookies.big-ban .btn-foot {width:50%}
  .show_banner_cookies a.btn {padding:10px; min-width:90%; font-size:10px}
}

@media (max-width: 575px) {
  .show_banner_cookies {width:90%}
}
