/*---------------------------------------------------------------------------
  Theme: Eastern
  
  Your CSS goes here
----------------------------------------------------------------------------*/


body, p, label {
	font-size:15px !important;
	line-height: 1.55;
	font-family: 'Poppins',"ITC Avant Garde Gothic Std",  "Century Gothic", "Helvetica Neue", sans-serif !important;
}
p {
    color: #444 !important;
}
a {font-family: 'Poppins',"ITC Avant Garde Gothic Std",  "Century Gothic", "Helvetica Neue", sans-serif !important;}

.btn {
	font-family: 'Poppins',"ITC Avant Garde Gothic Std",  "Century Gothic", "Helvetica Neue", sans-serif !important;
	font-weight:600;
	letter-spacing: 1px;
	
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn-lg {padding-top:15px !important;}
.btn-md {padding-top:10px !important;}

.btn.btn-secondary {background-color: #fcc433; color:#005E75;}
.btn.btn-rad {border-radius:5px;}

.btn.focus, .btn:focus, .btn:hover {color: /*#0092b5*/#FFF !important; background-color: #2cb7c5 !important; box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.1);}
#servizi .btn:hover, #servizi .btn:active, #servizi .btn:focus {font-weight:600 !important; letter-spacing: 0.5px !important;}


header.sticky .navbar { box-shadow: 0px 3px 15px rgba(0,0,0,.2);}

h1, h2, h3, h4, h5, h6, .btn {
	font-family: 'Poppins',"ITC Avant Garde Gothic Std",  "Century Gothic", "Helvetica Neue", sans-serif !important;
}

h1 {font-size: 40px}
h2 {font-size: 34.5px}
h3 {font-size: 31px}
h4 {font-size: 28px}
h5 {font-size: 25px}
h6 {font-size: 22px}

#menu a {font-weight:400; letter-spacing: 1px; font-size: 15px;}
#menu.header-transparent:not(.sticky) a {color: #fff;}
#menu a:hover, #menu a:active {font-weight:600; letter-spacing: 1px;}
#menu.header-transparent:not(.sticky) a:hover, #menu:not(.sticky) a:active {color:#fff;}
#menu ul.navbar-nav > li > a {-webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important;}

.heading-1.bg-turchese, .heading-1.bg-turchese .theme-color{
    color: #fff !important;
}
.heading-1.bg-turchese:before {
    background-color: #005E75 !important;
}
.heading-1.bg-turchese:after {
   border-color: #fff;
}

/*icone nei pulsanti*/
a [class^="ei-"]:before, a [class*=" ei-"]:before {position:relative; top:2.5px;}


b, strong, .font-600 { font-weight: 600 !important;}


/*Menu fisso*/
#menu-voci {
	position: absolute;
	top: 80px;
    left: 0;
	padding: 0 !important;
    display: block;
	min-width: 205px;
}
#menu-voci ul{
    background: #fff;
	box-shadow: 0 3px 7px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.15);
}
#menu-voci li {
    border-bottom: 1px solid #ededed;
    padding: 10px 0 !important;
}
#menu-voci li a{padding-left: 10px; padding-right:10px; display: block;}
#menu-voci.fisso {
	position: fixed;
    left: inherit;
	margin-left: -15px !important;}

.testo-2-col {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	column-fill: balance;
}

.hero-caption h2 {text-transform:uppercase; font-weight:700; font-size: 65px;}
.hero-caption h2, .hero-caption h3 { text-shadow: 2px 2px 10px rgba(0,0,0,.3)}
.hero-caption.center-right {
	right:10% !important; left:inherit !important;

	-webkit-transform: translateX(-2%) translateZ(1px) translateY(-30%);
    -moz-transform: translateX(-2%) translateZ(1px) translateY(-30%);
    -ms-transform: translateX(-2%) translateZ(1px) translateY(-30%);
    -o-transform: translateX(-2%) translateZ(1px) translateY(-30%);
	transform: translateX(-2%) translateZ(1px) translateY(-30%);
}


.logo {max-width:200px !important; padding:1px 0 10px 0;}
.logo>img {width:100% !important;}

.card-no-shadow {
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
	}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}

.italic {font-style:italic !important;}

.theme-color-third {color:#fcc433 !important; font-weight: 600;}
.theme-color-third-bg {background-color:#fcc433 !important;}

.theme-color-sub {color:#0092b5 !important;}
.theme-color-sub-bg {background-color:#0092b5 !important;}

.uppercase {text-transform:uppercase !important;}

/*SERVIZI*/
#servizi p {text-align:left !important;}

/*SLIDER CONSIGLI*/
.cerchio {
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; 
	border: 10px solid #0092b5;
}

.swiper-navigation.navigation-2 .swiper-button-next:not(.swiper-button-disabled), 
.swiper-navigation.navigation-2 .swiper-button-prev:not(.swiper-button-disabled) {background-color:#0092b5; opacity:0.8 !important;}

.swiper-button-next.swiper-button-disabled,    
.swiper-button-prev.swiper-button-disabled {background-color:#666; opacity:0.6 !important;} 

.numero {font-weight:600; letter-spacing:-2px !important;}
.numero::before {
	content: "\e282"; /*per sapere il nome dell'icona andare documentation/assets/css*/
	font-family: "exclusive-icon" !important;
	speak: none; 
    line-height: 1;
	padding-right:8px;
	display: inline-block;
}

/*FORM*/
/*.dark-overlay:before {opacity:0.4}*/
#form .label {color:#fff;}

#form .modal {top:50px;}

#form .checkbox input[type="checkbox"]:checked + label:after {border:1px solid #fff}
#form .checkbox input[type="checkbox"] + label {position:inherit;}

input.form-control::placeholder {
    color: #999;
}
input.form-control { border-radius: 5px; }

#form .btn-white.b-btm {
    min-width: 185px;
}

#form .btn.attivo {background-color:#2cb7c5 !important; border-bottom:3px solid transparent;}



/*FEATURES blocks*/
.features-block-2 .features-info .features-tittle {font-family:'Poppins', PT Sans, sans-serif}

/*FOOTER*/
.footer-default .footer-bottom {margin:0; color:#fff; background-color: #2CB7C5;}
footer a {color:#fff !important;     font-weight: bold;}
footer a:hover, footer a:active {color:#fcc433!important;}

/*.modal {z-index:100000000 !important;}
.modal-body {z-index:10000000 !important;}*/
.modal-backdrop {z-index:0 !important;}
.modal-content {box-shadow:0px 6px 10px rgba(0,0,0,.5) !important;}


/* MODALI btn e icone*/
span.m-codici {
	float:right !important;
	padding: 6px 6px 1px 6px  !important;
	color:#fcc433 !important;
	font-size: 16px !important;
	background-color: #0091b5;
}

i.i-codici {
		font-size:27px !important;
		text-shadow: 0px 1px 1px rgba(0,0,0,.6) !important;
}

.input-codice {width:90%; display: inline-block;}

.giallo {color:#fcc433 !important;}

.b-btm {
    border-bottom: 3px solid rgba(0,0,0,0.2);
    border-radius: 2px;
}
.b-btm:hover {
    border-bottom: transparent;
    padding-bottom: 9px;
    margin-top: 2px;
}

.page-tittle .breadcrumb li a:not(.active) { 
    color: #fff;
	font-weight:400;
}
.page-tittle .breadcrumb li.active { 
	font-weight:600 !important;
}


/*LISTE*/
.panel ul, ol {margin-bottom:15px; margin-top:10px; padding-left:28px;}
.panel ol li, .panel ul li {
    list-style-position: outside;
    padding: 5px 0;
}

.panel ul li {
    list-style-type: disc;
}
.panel ul>li>ul>li {
    list-style-type:circle;
	padding:2px 0 !important;
}
.panel ul>li>ol>li, .panel ol>li>ol>li, .panel ol>li>ul>li {
	padding:2px 0 !important;
}



/*overlay con avviso compilazione modulo*/
.overlay000 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000000000000;
    background: rgba(252, 196, 51, 0.92);
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 20px;
    padding: 30px;
	display: none;
}
.testoOverlay000 {
    max-width: 750px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.overlay000 span {
    color: #f66;
	font-size:50px;
	font-weight: 600;
}

.overlay000 #closeoverlay000 {
    margin-top: 30px;
}

/*=================================================================
***************** MEDIA ******************
=============================================================*/

@media screen and (min-width:1200px){
}

@media screen and (min-width:992px) and (max-width:1199px){

	h1 {font-size: 38px}
	h2 {font-size: 33px}
	h3 {font-size: 28.5px}
	h4 {font-size: 26px}
	h5 {font-size: 23.5px}
	h6 {font-size: 20px}

	.hero-caption h2 {font-size: 60px;}

	#form .modal {top:30px;}
	
	.section-1 {padding:90px 0;}
	.section-2 {padding:75px 0;}
	.section-3 {padding:60px 0;}
	.section-4 {padding:45px 0;}
	.section-5 {padding:30px 0;}
	.section-6 {padding:15px 0;}
	
}


@media only screen and (min-width: 992px) {
	.card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 { margin-top: -110px;}
}


@media only screen and (max-width: 991px) {
	.swiper-navigation { display: block;}
	.swiper-navigation.navigation-2 .swiper-button-prev i, .swiper-navigation.navigation-2 .swiper-button-next i {padding:20px 5px;}
	#servizi .col-md-9, #servizi p, #servizi .btn {text-align: center !important;}
	#servizi .col-md-3 img {max-width:130px; margin:0 auto;}
	
	.header:not(.sticky) .navbar-collapse {background-color:#0092b5;}
	.header.sticky .navbar-collapse {background-color:#fff;}
	.header:not(.sticky) .navbar-collapse li a { color:#fff !important;}
	
	.header.fognatura .navbar-nav > li {float: left !important;}
	.header.fognatura ul.navbar-nav > li > a {padding:1px 15px 10px !important;}
	.header.fognatura .hidden-480-up ul.navbar-nav > li:first-child > a {padding-left:0px !important;}
}


@media screen and (min-width:768px) and (max-width:991px){
	h1 {font-size: 33px}
	h2 {font-size: 28px}
	h3 {font-size: 25.5px}
	h4 {font-size: 23px}
	h5 {font-size: 21px}
	h6 {font-size: 18px}

	.hero-caption h2 {font-size: 50px;}

	#form .modal {top:90px;}
	
	.section-1 {padding:60px 0;}
	.section-2 {padding:50px 0;}
	.section-3 {padding:40px 0;}
	.section-4 {padding:30px 0;}
	.section-5 {padding:20px 0;}
	.section-6 {padding:10px 0;}
	
	.card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 { margin-top: -70px;}
	
	div.team-member div.col-md-6.col-xs-12 {float: none !important;}
	
	#menu-voci {min-width: 170px !important;}
}


@media screen and (min-width:320px) and (max-width:767px){
	h1 {font-size: 30px}
	h2 {font-size: 26px}
	h3 {font-size: 23px}
	h4 {font-size: 21px !important}
	h5 {font-size: 18.5px}
	h6 {font-size: 16.5px}

	.hero-caption h2 {font-size: 40px;}
	.hero-caption h3 {font-size: 38px !important;}

	#form .modal {top:50px;}
	
	.section-1 {padding:55px 0;}
	.section-2 {padding:45px 0;}
	.section-3 {padding:35px 0;}
	.section-4 {padding:25px 0;}
	.section-5 {padding:15px 0;}
	.section-6 {padding:5px 0;}
		
	.card.block-stacking-top, .block-stacking-top.product-banner, .block-stacking-top.features-block-5 { margin-top: -50px;}
}



@media screen and (max-width:767px) {
	#bolletta-online, #invioPraticaFogna {text-align:center;}
	.img-responsive.cerchio {margin:0 auto;}
	
	#menu-voci a span {display:none !important;}
	#menu-voci {min-width:20px !important; width:32px;}
}

@media (max-width:650px) {
	body, p, label {
		font-size:16.5px !important;
		line-height: 1.45 !important;
	} 
	
	footer .container .row {flex-direction:column;}
	footer .container .row .col-md-4 {text-align: center !important; padding:5px;}
	
	.fs-hero {height:70vh !important;}
	.hero-caption h2 {font-size: 40px;}
	.hero-caption h3 {font-size: 35px !important;}
	#hero .dark-overlay:before {opacity:0.25/*1*/ !important; /*background-color: #2cb7c5;*/ background-image: linear-gradient(rgba(0,0,0,1) 10%,rgba(0,0,0,0) 30%);}
	
	.card.padding-20 {padding: 5px !important;}
	
	.input-codice {width:85%;}
}
 

@media (min-width:651px) {
	p {text-align:justify !important;}
	#hero .dark-overlay:before {
		opacity: 0.25 !important;
        background-image: linear-gradient(rgba(0,0,0,1) 10%,rgba(0,0,0,0) 30%);
	}
}
 


@media screen and (max-width: 991px) and (min-width: 768px){
	p.intro {padding-bottom: 0px;}
	.section-1 {background-color: #f7f7f7;}
	.team-2 .team-member .member-img {padding: 35px 1px;}
}


@media (max-width: 650px){
	.hero-caption h3 {font-size: 25px !important; padding-left: 50px;}
	.hero-caption h2 {font-size: 25px; padding-left: 50px;}
	.fs-hero {height: 23vh !important;}
	div.checkbox.theme-color {padding-left: 15px;}
	/*.header.fognatura a {font-size: 13px !important;}*/
	
	.overlay000 {
		font-size: 16px;
	}
}

@media (min-width:481px) {
	.hidden-480-up {display: none !important;}
}
	
@media (max-width:480px) {
	.swiper-navigation .swiper-button-next {top:39%}
	.swiper-navigation .swiper-button-prev {top:39%}

	.col-xxs-12 {width:100% !important;}
	.col-xxs-2 {width: 16.66666667% !important;}
	.col-xxs-3 {width: 25% !important;}
	.col-xxs-9 {width: 75% !important;}
	.col-xxs-10 {width: 83.33333333% !important;}
	.col-xxs-2, .col-xxs-3, .col-xxs-10, .col-xxs-12 {
		float:left !important;
		position: relative !important;
		min-height: 1px !important;
    	padding-right: 7px !important;
    	padding-left: 7px !important;}
	.hidden-480-down {display: none !important;} 
	.header.fognatura ul.navbar-nav {
		float: left;
	}
}

@media (min-width:481px) and (max-width:991px) {
		.header.fognatura .container {display:flex; align-items:center;}
}
@media screen and (max-width: 767px) and (min-width: 320px){
	div.text-white {font-size: 26px; padding-left: 10px;}
	div#ok h1 {font-size: 34px;}
}
	
.theme-color {
    color: #005E75!important;
}

.btn-theme {
    background-color: #005E75!important;
    border-color: #005E75!important;
}