/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* Animazioni */

.cta-blu, .cta-arancio, 
.button.success.is-gloss.is-large.mb-0, .wpcf7-submit, .cta-arancio-menu
{-webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
	transition: all .3s ease;}




/* Studio Be4 */
.nav-left {justify-content: flex-end!important;}
.header-full-width .container {max-width: 1500px !important;}
.row.row-collapse { max-width:1450px;}
.is-gloss::after, .is-shade::after, .is-bevel::after {display:none}
.alto-200 .col-inner {min-height:350px!important;}

.flex-col.hide-for-medium.flex-right {display:none;}



/* Titoli */
h3.blueee {color: #17B7D4;
font-family: Lato;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 25px;
text-transform: uppercase;}
.nero {color:#444}
.titolo {font-size:35px;text-transform:uppercase; font-weight:400;margin-bottom: 7px;}
.titoli-grandi, .inverso-titolo, .tt-2, .titoli-medi {color: #444;
font-family: Lato;
font-size:35px;
font-style: normal;
font-weight: 300;
line-height: 31px; text-transform:uppercase}
.titoli-grandi span {display:block; font-weight:600;}
.inverso-titolo span, .tt-2 span {font-weight:600;}
.inverso-titolo {margin-bottom:70px; margin-top:90px}
.titoli-medi {font-size:25px;}
.titoli-medi span {font-weight:600;}


/* CTA */ 
.cta-blu, .cta-arancio, 
.button.success.is-gloss.is-large.mb-0, .wpcf7-submit
{width: 208px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 45px;
  background: #17B7D4;
  color: #FFF;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  display: block;
  line-height: 52px;
	text-transform: uppercase;}

/* hover */

.cta-blu:hover {color:#fff; background:#1B97AD}
.cta-arancio:hover , .cta-arancio-menu:hover {color:#fff; background:#CB4A2E}


.wpcf7-submit {border-radius: 45px !important; background: #17B7D4!important; width: auto;}
.wpcf7-submit:hover {opacity:0.7}
.cta-arancio-menu {width: 208px;
  height: 53px;
  flex-shrink: 0;
  border-radius: 45px;
  background:#FE6544;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  display: block;
  text-transform: uppercase; margin-left:80px!important;}
.cta-arancio-menu a {color:#fff!important; line-height:14px!important;}
.cta-arancio-menu a:before {display:none} 
.cta-arancio {background:#FE6544; width:70%; display:block; margin:0 auto}
.grandezza-o {width:50%!important; margin:0px}

/* Spazi */
.top-11 {margin-top:7%;}
.top-20 {margin-top:14%;}
.servizi {height:50px}
.row-pieno{width: 100%;max-width: 1389px;margin: 0 auto;}
footer a {color:#444}
footer a:hover {color:#000}

ul.link-menu-footer {list-style:none; text-transform:uppercase; line-height:19px;} 
.footer-riga {display:block; text-transform:uppercase; font-size:16px; border-bottom:#444 solid 2px; margin:60px 0px 60px 0px}
.verde {color:#85be09!important;}
/* immagni prodotto */


.img-prodotto {position: absolute;top: -274px;left: -86px;}
.logo-prodotto {margin-top: 110px;}
.sotto {margin:40px 0px 40px 0px}



.link-menu-footer .cta-arancio-menu {
  width: 208px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 45px;
  background: #FE6544;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  display: block;
  text-transform: uppercase;
  margin-left: 0px !important;
  line-height: 15px;
  padding-top: 7px;
  margin-top: 35px;
}


/* MOBILE */
@media only screen and (max-width:680px) {

.header.show-on-scroll .hide-for-sticky, 
.stuck .hide-for-sticky {display: block!important;}		
.sopra-150 {margin-top:-150px}	
.immagine-spostata .img-inner.dark {margin:0px!important}	
.testo-solo {display:block; float:left; width:100%; height:120px;}	
.zero-spazio .col-inner {padding: 0px!important;}	
.spazio-alto-100 > .col > .col-inner {padding: 0px 0px 0px 0px!important;}
.titoli-grandi, .inverso-titolo, .tt-2, .titoli-medi {font-size:20px;line-height: 27px;}
.inverso-titolo {margin-bottom: -60px;margin-top: 50px;}	
.cta-blu, .cta-arancio, .button.success.is-gloss.is-large.mb-0, .wpcf7-submit {width: 100%;}
.header-main {height: 80px!important; }
.sezione-destra-100	> .col-inner {padding: 0px 0px 0px 0px!important;}
.row-pieno .inverso-titolo {display:block; float:left; width:100%; text-align:center}
.blog-tu-blog {margin-top: 140px;}	
	
.titolo {font-size:20px;text-indent:17px; margin-bottom: 0px;}	
.nero {text-indent:20px;display: inline-block;}	
section.section {padding-top:15px!important; padding-bottom:0px!important;}
.per-4 .small-6	 {max-width:100%; width:100%; -ms-flex-preferred-size:100%; flex-basis: 100%;}
.grandezza-o {width:100%!important;}	

/* Prodotti */	
.img-prodotto {position: relative;top: 0px; left: 0px;}	
.logo-prodotto {margin: 0px auto !important;display: block;}
	
.is-divider {display:none!important}	
#footer .small-6 {max-width:100%; -ms-flex-preferred-size: 100%; flex-basis:100%;}	
.footer-riga {margin: 18px 0px 38px 0px;}	
#footer .col {padding-bottom:0px;}
.link-menu-footer .cta-arancio-menu {width: 100%;}	
.cta-arancio-menu { display: none !important;}	
.footer-piccolo  p {font-size:13px; display:block; margin-top:30px;} 	
.copyright-footer {font-size:13px;} 	
#footer > .col > .col-inner {padding: 10px 0px 0px 0px;}
	
	
	
	
	
/* Fine */	
}