/* ----------- variazioni bootstrap ----------- */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
 {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;}

/* ------------ cinque colonne ---------------*/
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-left:5px;padding-right:5px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {.col-sm-5ths { width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-5ths {width: 20%;float: left;}}
@media (min-width: 1200px) {.container {max-width:1200px;}.col-lg-5ths {width: 20%;float: left;}}


/* tablet*/
@media only screen and (min-width:769px) and (max-width: 1200px) {
}

/* sottotablet IPAD?*/
@media only screen and (min-width:668px) and (max-width: 768px) {
}

@media (max-width: 1160px) {
    .box-servizio .titolo h2, .tutti-servizi .titolo h2 {padding:100px 20px 0 20px;}
    .inner {padding:100px 20px;}
    .titleslider  h1 {font-size:2rem; line-height:1.5}
}

@media (max-width: 1500px) {
    /*.bg-3 {top:1300px}*/
}

@media (max-width: 1200px) {
   .container { max-width: unset !important }
    .partner-cont .testo-partner {padding-right:30px !important}
    .bg-3 {top:1280px}
    .slide-super .bg-text-home h1, .slide-super .bg-text-home h2 {font-size:2rem;}
    .cont-fascia-eventi {padding:80px 40px 40px 25px}
    .desc-partner {padding:120px 40px 40px 40px}
    .partner-gallery {padding:0px 0 100px 0}
    .sche_servizi .pad30 {padding:15px 15px 30px 15px !important}
}

@media only screen and (max-width : 1199px) {
  .logo-gallery {background-size:70%}
}

@media (max-width: 1024px) {
  .container-par section .image {background-attachment:inherit; background-position:bottom !important}
}

@media (max-width: 992px) {
  .logo_s {margin:20px 10px 10px 10px}
  .logo_s img {filter:inherit}
  .slide-super .bg-text-home h1, .slide-super .bg-text-home h2 {font-size:1.5rem; line-height:2}
    .partner-cont {padding:80px}
    .cont-fascia {padding:60px 0 40px 60px}
    .bg-3 {top:1380px; background-size:140%}
    .navbar-collapse.float_right {float:inherit; background-color:#fff}
    .link--kumya {color:#000 !important}
    .social_head a {color:#be3629 !important}
    .no-resp {display:none}
    .resp {display:block}
    .cont-text-video {padding:0 40px 40px 25px}
    .bg-elefante {left:0; right:inherit; background-position:left bottom;}
    .servizio-cont {padding:80px}
    .servizio-cont .testo-partner {padding-right:0 !important}
    .box-contatti-cont {width:70%}
    .box-testata {padding:20px 40px 40px 40px}
    .partner-gallery .padder_top_big {padding-top:40px}
    .desc-partner {padding:100px 40px 40px 40px}
    .field-container {width:70%}
    .pad-testata {margin-top:85px}
    .fascia-altri-servizi.produttore-cont {padding:60px 0 100px 0}

    /*MOBILE MENU*/
    .menu-mobile
    {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1000;
    }
    .menu-mobile .sfondo_logo {z-index:inherit}
    .navbar-brand-open {width:120px;}
    .navbar-brand-open img {width:120px;}
    .menu-mobile .wrapper
    {
      background-color: #fff;
      height: 85px;

        -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
        box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
        /* For IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    }

    .menu-mobile #bt-menu-mobile-sup
    {
      border: none;
      background: none;
      width: 40px;
      position: absolute;
      top:30px;
      right:35px;
      height: 30px;
      cursor:pointer;
      z-index:0;
    }
    .menu-mobile #bt-menu-mobile-sup span
    {
      background-color: #be3629;
      display: block;
      height: 5px;
      position: absolute;
      width: 100%;
    }
    .menu-mobile #bt-menu-mobile-sup span.top
    {
      top: 0;
    }
    .menu-mobile #bt-menu-mobile-sup span.middle
    {
      top: 50%;
      margin-top: -2px;
    }
    .menu-mobile #bt-menu-mobile-sup span.bottom
    {
      top:100%;
      margin-top: -4px;
    }

    .social-menu{width:100%; position:absolute; bottom:0; background-color:#212121}
    .social-menu .parte_sopra{width:120px;}

    #wrapper-menu-mobile-sup
    {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 100%;
      background:rgba(0,0,0,.8);
    }
    #wrapper-menu-mobile-sup .wrapper-sup
    {
      position: absolute;
      height: 100%;
      width: 70%;
      background-color: #fff;
      right: -100%;
      z-index: 10;
    }
    .menu-mobile .wrapper-sup > a
    {
      font-size:20px;
      padding:28px 0 0 30px;
      float:left;
      color:#ffffff;
      text-decoration:none;
    }
    #wrapper-menu-mobile-sup ul
    {
      padding: 0 10px;
      position:relative;
      height:100%;
      overflow-y:scroll;
      list-style: none;
    }
    #wrapper-menu-mobile-sup ul li
    {
      padding: 20px 0;
      border-top: 1px solid #577483;
    }
    #wrapper-menu-mobile-sup ul li:hover {background-color:#be3629;}
    #wrapper-menu-mobile-sup ul li:hover a{color:#fff;}
    #wrapper-menu-mobile-sup ul li.first
    {
      border: none;
      padding:10px 0 30px 0;
    }
    #wrapper-menu-mobile-sup ul li.last-item {margin-bottom:130px}
    #wrapper-menu-mobile-sup ul li.first:hover
    {
    	background-color:transparent;
    }
    #wrapper-menu-mobile-sup ul li a
    {
      margin-left: 10px;
      display: block;
      font-size: 15px;
      text-transform: uppercase;
      text-decoration: none;
      color:#212121;
    }
    #wrapper-menu-mobile-sup ul li a.active2 {color:#be3629 !important;}
      #wrapper-menu-mobile-sup ul li:hover a.active2 {color:#fff !important;}
    #wrapper-menu-mobile-sup ul li button
    {
      background: none;
      border: none;
      float: right;
    }
    #wrapper-menu-mobile-sup ul li span
    {
      float: left;
      margin: 5px 0 0 0;
      display: block;
      font-size: 22px;
      line-height: 22px;
      text-transform: uppercase;
      text-decoration: none;
      color:#333;
    }
    .icone-menu {text-align:center; padding:20px 0}
    .circle-icon {background: #be3629;width: 30px !important;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;vertical-align: middle;padding: 10px; color:#fff}
    .circle-icon:hover {background: #212529; color:#fff}
    .menu-mobile .block-menu-mobile-sup
    {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: transparent;
    }

    #wrapper-menu-mobile-sup #bt-fechar-menu-sup{ color:#ffffff; cursor:pointer;}

    /*END MOBILE MENU*/
    /*---------------*/

}

@media (max-width: 991px) {
  .mappa {margin-top:0px; margin-bottom:0px}
  #container-map {height:460px}
  .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
  .logo-gallery {background-size:80%}
  .titolo_servizio_int {font-size:15px}
}

@media (max-width: 942px) {
  .cont-testo-servizi {height:240px}
}

@media (max-width: 832px) {
  .cont-testo-servizi {height:280px}
}

@media (max-width: 768px) {
    .box-servizio {height: 400px;}
    .tutti-servizi {height: 400px;}
    .fascia-partner {padding-top:120px}
    .partner-cont {padding:60px 40px;}
    .inner {width:100%; opacity: 1; padding:40px 20px; height:160px; transition:none; z-index:1}
    .bg-1{width:400px}
    .bg-elefante {background-size:70%}
    .container-par section {height:400px}
    .titleslider  h1 {font-size:1.5rem; line-height:1.5}
    .servizio-cont {padding:60px}
    .notablet{display:none;}
  	.tablet{display:block;}
    .fascia-testo-eventi {padding:0px 0 40px 0}
    .fascia-testo-eventi.margine-contatti {padding:0px 0 40px 0}
    .container-par.alto .titleslider h1 {width:100%}
    .container-par.alto .titleslider p.big-text {width:100%}
    #container-map {height:350px}
    .desc-partner {padding:40px}
    .logo-gallery.partner-logo {height:140px}
    .fascia-altri-servizi {padding:60px 0 40px 0}
    .produttore-cont .slide-img {height:440px}
    .testo-cont.form-prod {padding:40px 20px !important}
    .logo-gallery {background-size:90%}
}

/* smartphone iphone*/

@media only screen and (max-width : 767px) {
  .voci_footer {margin-bottom:20px; font-size:11px}
  .voci_footer.orari-title {margin-bottom:0;padding:inherit;}
  .voci_footer.orari-testo {text-align:center; padding-left:0}
  .sotto_footer .text-right {text-align:center !important}
  .sotto_footer .text-left {text-align:center !important}
  .super img {width:180px}
  .quote {font-size:26px;}
  .cit-cont {max-width:unset !important}
  .event-slide-home {height:440px; overflow:hidden}
  .slide-img {height:440px}
  .fascia-partner {padding-top:0}
  .partner-cont {margin-left:0;}
  .show-desktop {display:none}
  .show-mobile {display:block}
  .bg-1{width:320px}
  .bg-2 {background-size:cover;}
  .bg-3 {top:1800px; background-size:300%}
  .bg-elefante {right:0; left:inherit; background-position:right bottom;}
  .super-arrow {top:inherit; bottom:20px}
  .video-cont  {margin-top:20px !important}
  .over-flow {overflow-x: hidden}
  .container-par section {height:350px}
  .titleslider h1 {font-size:1.5rem; line-height:1.3}
  .cont-text-video {padding:40px}
  .video-cont-pagina {height:350px}
  .box-contatti-cont {width:80%}
  .bg-2.bottom {bottom:-200px}
  .desc-partner {padding:40px 40px 20px 40px; min-height:inherit}
  .box-testata {width:inherit; position:inherit;right:inherit; bottom:inherit; padding:20px; background-color:inherit; border:none; box-shadow:none}
  .container-par.alto .titleslider .box-testata h1 {filter:drop-shadow(1px 1px 1px rgba(0,0,0, 0.5)); color:#fff; padding-top:50px}
  .container-par section .titleslider .box-testata {color:#fff}
  .main-service .cont-fascia {margin-top:-80px}
  .main-service .slide-img {height:300px}
  .form-top {margin-top:-100px}
  .sche_servizi .pad30 {padding:30px !important}
  .img-evento-fornitori {height:auto}
  .logo-gallery {background-size:50%}
  .cont-testo-servizi {height:auto}
  .titolo_servizio_int {font-size:18px}
}

@media only screen and (max-width : 667px) {
	.solo_mobile{display:block;}
	.no-mobile, .nomobile{display:none;}
	.centra, .centra::before{text-align:center;margin:0 auto;margin-bottom:0px;}

	.banner_home{height:350px;}
	.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1;font-size:12px;}
	#capatcha{width:100%;}
	.copy{text-align:center!important;clear:both;}

  .box_contatti{width: 100%;}
  .borda-dx{border:0px;}
  .fascia-altri-servizi.produttore-cont {padding:0 0 100px 0}

}

@media (max-width: 575px) {
  .super {text-align:center; margin-bottom:40px;}
  .super img {width:150px}
  .quote-left {left:0}
  .quote-text {padding:40px 20px}
  .cit-cont {padding-bottom:100px}
  .bg-3 {top:2300px; background-size:300%}
  .testo-cont {padding:0 20px}
  .testo-cont h2 {font-size:1.5rem}
  .cont-fascia-eventi {padding:60px 20px 40px 20px}
  .cont-text-video {padding:40px 20px}
  .cont-text-video h2 {font-size:1.5rem}
  .pos-right,p {margin-left:0;}
  .pos-left {margin-right:0;}
  .container-par section .titleslider {max-width:90%}
  .box-contatti-cont {width:100%}
  .container-par section .titleslider {padding:0}
  .container-par.alto .titleslider p.big-text {font-size:.8rem}
  .partner-gallery .padder_top_big {padding-top:0}
  .desc-partner {padding:40px 20px 20px 20px;}
  .main-service .cont-fascia {padding:40px}
  .field-container {width:80%}
  .logo-gallery {background-size:70%}
  #super-mob .slide-img {height:350px; background-size:cover}
  .fascia-testo-eventi-slide .slide-img {height:350px; background-size:cover}
  .home-page .bg-2 {display:none}
}

@media (max-width: 463px) {
  .bg-3 {top:2300px; background-size:400%}
}

@media (max-width: 375px) {
  .bg-1{width:100%}
  .bg-3 {top:2300px; background-size:400%}
}

@media (min-width: 576px) {
    .container-half { max-width:initial; }
}

@media (max-width: 576px) {
    .cont-fascia {padding:60px}
}

@media (max-width: 414px) {
    .cont-fascia {padding:30px}
    .box-contatti-cont {display:initial}
    .logo-gallery.partner-logo {height:120px}
    .main-service .cont-fascia {padding:40px 20px}
    .breadcrumbs {padding-right:0; padding-left:0}
    .stringaposizione {font-size:10px}
    .g-recaptcha {transform:scale(0.67);-webkit-transform:scale(0.67);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

@media (min-width: 768px) {
    .container-half { max-width: calc(720px / 2); }
    .container-half-md-left { margin-left: 0; }
    .container-half-md-right { margin-right: 0; }
}

@media (min-width: 992px) {
    .container-half { max-width: calc(960px / 2); }
    .navbar-expand-lg .navbar-collapse {display:block !important}
}

@media (min-width: 1200px) {
    .container-half { max-width: calc(1140px / 2); }
}

/* height */
@media (max-height: 650px) {
  .slide-super .carousel-caption {padding-top:160px}
}

@media (max-height: 747px) {
  .video-cont {margin-top:-15%; height:300px; overflow:hidden}
}