/*

blu #2F3D54;
giallo fab702;
grigino #C9C8C8;
rosso: #C21018;


font-family: 'Roboto', sans-serif;

*/

body {
    font-family: 'Roboto', sans-serif!important;
}


h1, h2, h3, h4, h5, h6  {
    color: #2F3D54!important;
}


#top-bar {
   color: #2F3D54!important;
}

#top-bar .top-bar-content p {
    color: #2F3D54!important;
    font-size: 1.2em!important;
}

#top-bar .top-bar-content p a {
       color: #C21018!important;
    text-decoration: none;
}


#top-bar .top-bar-content p a:hover {
    color: #2F3D54!important;
}


#top-bar p a {
    border-bottom: none!important;
}


.navbar-brand {
    margin-top: 0px;
}

#header-main .navbar-brand img {
    /*width: 200px!important;*/
    width: 308px!important;
    height: auto!important;
}

#header-main .navbar-nav > li > a:focus, #header-main .navbar-nav > li > a {
  padding-left: 9px!important;
  padding-right: 9px!important;
  font-family: 'Roboto', sans-serif!important;
  text-transform: uppercase;
  font-size: 0.95em;
}

#header-main .dropdown-menu li a {
  font-family: 'Roboto', sans-serif!important;
  /* text-transform: uppercase; */
  font-size: 1.0em;
}

#header-main .navbar-nav > li > a:focus, #header-main .navbar-nav > li > a:hover, #header-main .navbar-nav > li:hover {
    /*color: #2F3D54!important;*/
    color: #C21018!important;
    background-color: #C21018!important;
    color: #FFFFFF!important;
}

#header-main .navbar-nav > li > a:hover,
	#header-main .navbar-default .navbar-nav > .open > a,
	#header-main .navbar-default .navbar-nav > .open > a:hover,
	#header-main .navbar-default .navbar-nav > .open > a:focus {
	color: #FFFFFF !important;
}

#header-main .dropdown-menu li a:hover {
   background-color: #C21018!important;
   color: #FFFFFF!important;
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption, .tp-simpleresponsive .caption:hover , .tp-simpleresponsive .tp-caption:hover {
   /* color: #2F3D54!important;
    text-shadow: 1px 1px 2px #FFFFFF!important;*/
    color: #FFFFFF!important;
    text-shadow: 1px 1px 2px #333333!important;
}


.tp-simpleresponsive .caption a:hover, .tp-simpleresponsive .tp-caption a:hover {
   background-color:  #C21018!important;
}



.ss-bg-color {
   background: #2F3D54!important;
}

#header-main .dropdown-menu, #header-main .yamm .dropdown.yamm-fw .dropdown-menu {
    border-top-color: #2F3D54!important;
}


.sezione-prodotti {
    background-image: url(../images/sfondo-home-1.jpg)!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center;
    background-attachment: fixed!important;
}


#prodotti {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}

#prodotti h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: none!important;
    text-align: center!important;
    font-size: 3.0em!important;
    color: #C21018!important;
}


#prodotti h2 img {
    height: 22px;
    margin-right: 5px!important;
    margin-top: -5px!important;
}


#prodotti p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
}



.home-project-3col .project-item {
    width: 31%;
    margin-left: 1%!important;
    margin-right: 1%!important;
    margin-bottom: 20px!important;
    background-color: rgba(255,255,255,0.8)!important;
    border: 3px solid #FFFFFF!important;
}

.project-info {
    padding-bottom: 0px;
}

#prodotti .project-info h2 {
    font-size: 1.3em!important;
    text-align: left!important;
}

#prodotti .project-info p {
    font-size: 1.1em!important;
    text-align: left!important;
    min-height: 55px!important;
}






.box-parallasse1 {
    display: block;
    position: relative;
    width: 100%;
    height: 400px;
    height: auto!important;
    background-image: url(../images/parallax-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/* promozioni */

.box-offerte {
    display: block;
    width: 100%;
    position: relative;
    height: 850px;
    padding-top: 100px;
    padding-bottom: 100px;
}


.carousel_wrap {
	height:460px;
	position:relative;
	margin-bottom:30px;
}

/*--water_whjeel_carousel--*/
#carousel img {
	opacity:1;
	width:360px;
	height: 500px;
}
#carousel {
	width: 1000px; width: 85%;
	margin:0px auto;
	margin-top:50px;
	height: 550px;
	position:relative;
	clear:both;
	overflow:hidden;
}
#carousel > div {
	visibility:hidden;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(102,102,102,1);
	box-shadow: 0px 0px 8px 0px rgba(102,102,102,1);
}

#carousel .caption {
	position: absolute;
	background-color:#FFF;
	top: 50%;;
	left: 0px;
	height:50%;
	width:100%;
}


.carous_item {
	position:absolute;
	height:100%;
	width:100%;
	padding:0px 15px;
	box-sizing:border-box;
	display:block;
}

.carous_desc {
	position:absolute;
	display:block;
	text-align:center;
	font-size: 1.2em;
	height:50%;
	font-weight:400;
	line-height: 1.3em;
	padding:0px 15px;
	padding-left:0px;
	color:#8A8A8A;
	margin-bottom:15px;
	top: 20px;


    font-family: 'Roboto', sans-serif!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
}

.carous_price {
	position:absolute;
	display:block;
	font-size: 1.6em;
    width: 100%;
	height: 30px;
	font-weight:400;
	line-height:16px;
	padding:0px 15px;
	padding-left:0px;
	color:#8A8A8A;
    bottom: 60px;
    text-align:center!important;

    font-family: 'Roboto', sans-serif!important;

    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;

}


.carous_link {
	position:absolute;
	display:block;
	font-size: 1.3em;
    width: 100%;
	height:20px;
	font-weight:400;
	line-height:16px;
	padding:0px 15px;
	padding-left:0px;
	color:#8A8A8A;
    bottom: 20px;
    text-align:center!important;

    font-family: 'Roboto', sans-serif!important;

    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;

}


.carous_link a {
    background-color: #2F3D54!important;
    color: #FFFFFF;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
}


.carousel_wrap .nav_button {
	position:absolute;
	left:0px;
	top: 60%;
	margin-top:-30px;
	height:60px;
	width:30px;
	right:0px;
	font-size:40px;
	font-weight:600;
	color: #2F3D54;
	cursor:pointer;
	display:inline-block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all 0.3s ease;
}
.carousel_wrap .nav_button.prev_button {
	left:50px;
}
.carousel_wrap .nav_button.next_button {

	left:auto;
	right:50px;
}



#promozioni h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
}


#promozioni p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
}




#complementi {
    padding-top: 100px!important;
    padding-bottom: 100px!important;
}

#complementi h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: none!important;
    text-align: center!important;
    font-size: 3.0em!important;
}


#complementi h2 img {
    height: 22px;
    margin-right: 5px!important;
    margin-top: -5px!important;
}


#complementi p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
}


#complementi .project-info h2 {
    font-size: 1.3em!important;
    text-align: left!important;
}

#complementi .project-info p {
    font-size: 1.1em!important;
    text-align: left!important;
}




.banner-incentivi {
    text-align: center!important;
    padding-top: 50px;
    padding-bottom: 50px;
}


.banner-incentivi img {
    width: 70%!important;
    height: auto;
}




/* ***** servizi ***** */


#servizi {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #2F3D54!important;
}


#servizi h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
}


#servizi p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #FFFFFF!important;
}

#servizi ul li {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #FFFFFF!important;
    list-style-type: disc;
    margin-left: 20px;
}


#servizi ul li a {
    color: #F5CB00!important;
}


#servizi ul li a:hover {
    text-decoration: underline;
}


#servizi h3 {
    font-family: 'Roboto', sans-serif!important;
    color: #FFFFFF!important;
}

.feature-content i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #2F3D54!important;
    background: linear-gradient(135deg, #C9C8C8 0%, #C9C8C8 49%,#C9C8C8 50%,#C9C8C8 100%)
}

.fc-inner {
    margin-left: 50px;
}


.servizi-link {
    margin-top: 30px;
    text-align: center;
}


.servizi-link a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.2em;
    color: #2F3D54;
    background-color: #C9C8C8;
    font-family: 'Roboto', sans-serif!important;
}




/* ***** Azienda ***** */

#azienda {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/slider-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    z-index: 10;
}


#azienda-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    top: 0px;
    left: 0px;
    z-index: 100;
}


#azienda h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
    position: relative;
    z-index: 1000;
    color: #C21018!important;
}


#azienda p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
}



#map {
    display: block;
    position: relative;
    width: 100%;
    height: 500px;
}

.leaflet-tile-pane {
  -webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
}


#contatti {
    padding-top: 100px;
    padding-bottom: 100px;
    /* background-color: #2F3D54!important; */
}


#contatti h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
}


#contatti p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
}


#contatti ul li {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.2em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    margin-left: 10px;
}


#contatti ul li a {
   color: #2F3D54!important;
}


#contatti ul li a:hover {
   color: #C21018!important;
}


.form-contact {
    margin-top: 40px;
}

label {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 300!important;
}

input.form-control, textarea.form-control {
    font-family: 'Roboto', sans-serif!important;
}

button {
    background-color: #2F3D54!important;
    font-family: 'Roboto', sans-serif!important;
}



.btn-submit {
    background-color: #C21018!important;
    font-size: 1.2em!important;
}


.btn-submit:hover {
    background-color: #2F3D54 !important;
}


.footer-bottom {
   background-color: #2F3D54!important;
    color: #FFFFFF!important;
}


.footer-bottom p, .footer-bottom p a {
    text-align: center;
    color: #FFFFFF!important;
}


/*    Loader    */

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 9999999999;
}


.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
  top: 45%;
  left: 50%;
  text-align: center;
  position: relative;
  margin: 0px auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #CCCCCC;
  border-color: #CCCCCC transparent #CCCCCC transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* prodotti */

.page_header_parallax {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #FFFFFF!important;
    background-attachment: fixed!important;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.page_header_parallax h3 {
    color: #FFFFFF!important;
    font-size: 4.0em!important;
}

.page_header h3 {
       font-family: 'Roboto', sans-serif!important;
      text-shadow: 1px 2px #111111!important;
}


.bcrumbs ul li a, .bcrumbs li a {
    color: #262626!important;
}


.bcrumbs ul li a:hover, .bcrumbs li a:hover {
    color: #C21018!important;
}


#prodotto-desc {
    padding-top: 50px;
    padding-bottom: 50px;
}

#prodotto-desc h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
    position: relative;
    z-index: 1000;
}



#prodotto-desc h5 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-align: left!important;
    font-size: 1.6em!important;
    position: relative;
    z-index: 1000;
}


#prodotto-desc p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.0em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
}


#prodotto-desc ul li {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.0em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
    list-style: square;
    margin-left: 50px!important;
}


.prodotto-txt {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.3em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
}


.prodotto-txt p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 0.9em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;

}

.prodotto-txt ul li {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 0.9em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
    list-style: square;
    margin-left: 50px!important;

}


h3.prodotto-sottotitolo, h3.globalcasa-sottotitolo {
    font-size: 3.0em!important;
    margin-bottom: 50px!important;
}


.ih-item.square {
    border: 0px!important;
}
.ih-item.square.effect7 {
    margin-bottom: 50px!important;
}

.ih-item.square.effect7 .info {
  background: rgba(0, 0, 0, 0.8);
}

.ih-item.square.effect7 .info p {
    font-size: 1.5em!important;
    margin-top: 20%;
    color: #FFFFFF!important;
    z-index: 100!important;
    position: relative;
    text-align: center !important;
}

.ih-item.square.effect7 img {
    position: relative;
    z-index: 10000!important;
}


.ih-item.square.effect7 img:hover {
     animation-name: opacizza;
     animation-duration: 2s;
     animation-fill-mode: forwards;
}

@keyframes opacizza {
  from {opacity: 1.0;}
  to {opacity: 0.2}
}


.col-gallery a {
    z-index: 3000!important;
}


.blueimp-gallery > .close, .blueimp-gallery > .title {
    color: #FFFFFF!important;
}




.blueimp-gallery > .close:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .play-pause:hover, .blueimp-gallery > .prev:hover, .blueimp-gallery > .title:hover {
    color: #FFFFFF!important;
}



/* *****  dati mancanti ***** */
.mancante, .mancante a {
    color: #CCCCCC!important;
}




/* azienda */


.azienda-desc {
    padding-top: 50px;
    padding-bottom: 50px;
}

.azienda-desc  h2 {
    font-family: 'Roboto', sans-serif!important;
    color: #2F3D54!important;
    text-transform: uppercase!important;
    text-align: center!important;
    font-size: 3.0em!important;
    position: relative;
    z-index: 1000;
}


.azienda-desc  p {
    font-family: 'Roboto', sans-serif!important;
    text-align: left!important;
    font-size: 1.2em!important;
    font-weight: 300!important;
    line-height: 1.5em!important;
    color: #333333!important;
    position: relative;
    z-index: 1000;
}


.cert-img {
    width: 80%!important;
    margin-left: 20%!important;
}


.cert-img img {
    width: 100%!important;
    height: auto!important;
    margin-bottom: 30px!important;
}

.cert-img-2 {
    width: 95%!important;
    margin-right: 5%!important;
}


.cert-img-2 img {
    width: 100%!important;
    height: auto!important;
    margin-bottom: 10px!important;
}


.cert-img-3 {
    width: 95%!important;
    margin-left: 5%!important;
}


.cert-img-3 img {
    width: 100%!important;
    height: auto!important;
    margin-bottom: 10px!important;
}


/* news */

.box-news, .box-news-2 {
    display: block!important;
    padding-top: 20px!important;
    padding-bottom: 50px!important;
    border-bottom: 1px solid #F0F0F0!important;
    font-size: 16px;
}

.box-news-img img {
    width: 95%;
    margin-right: 5%;
}

.box-news-2 {
    border-bottom: 0px!important;
}


.box-news-cta {
    margin-top: 20px;
}

.box-news-cta a {
    display: block;
    width: 100px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #C21018!important;
    border: 1px solid #C21018!important;
    color: #FFFFFF;
    text-align: center!important;
}


.box-news-cta a:hover {
    color: #C21018!important;
    background-color: #FFFFFF!important;

}



#popup {
    text-align: center!important;
    max-width: 600px!important;
    left: calc(50% - 300px)!important;
}


#popup img {
    width: 100%!important;
    height: auto;
    margin-bottom: 15px!important;
}


#popup p {
    font-size: 15px!important;
}


 
#CookiebotWidget button {
    background-color: transparent!important;
}

@media only screen and (max-width: 1220px) {

    #header-main .container {
       width: 100%!important;
    }

}


@media only screen and (max-width: 1024px) {
   .home-project-3col .project-item {
       width: 46%!important;
    }

    #header-main .navbar-brand img {
        width: 200px!important;
    }

    #header-main .navbar-nav > li > a:focus, #header-main .navbar-nav > li > a {
        font-size: 0.80em!important;
        padding-left: 3px!important;
        padding-right: 3px!important;
    }


}


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

    #header-main .navbar-nav > li > a:focus, #header-main .navbar-nav > li > a {
        font-size: 0.80em!important;
        padding-left: 5px!important;
        padding-right: 5px!important;
    }

        .footer-bottom {
    margin-bottom: 0px!important;
    }

}


@media only screen and (max-width: 700px) {

.navbar-toggle {
    margin-right: 2px!important;
}

}




@media only screen and (max-width: 800px) {


    #popup {
    text-align: center!important;
    max-width: 98%!important;
    left: 1%!important;
    max-height: auto!important;
    left: auto!important;
    }


    #popup img {
        width: 90%!important;
    }


    #popup h2{
       font-size: 1.2em!important;
    }



}


@media only screen and (max-width: 450px) {

     .home-project-3col .project-item {
       width: 96%!important;
    }

    #header-main .navbar-brand img {
        width: 200px!important;
    }

}


#CybotCookiebotDialogBody {
    max-width: 96%!important;
    margin-left: 2%!important;
}