/* CSS Document */ 
/*colori
#ffcc00 arancione
#595959 grigio testo
#f2f2f2 grigio sfondo
font: grandissmo grande medio piccolo
*/
/* reset ************************************************************************************************************************************************/
* {margin: 0;box-sizing:border-box;font-family: 'Poppins', sans-serif;font-weight:300}
a *{-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body{margin:0;padding:0;font-size:1em;line-height:1.6em;background-color:#fff;color:#595959;}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{color:#595959;text-decoration:underline}
a:hover{text-decoration:underline}
img{width:100%;height:auto;}
p{margin-bottom:1%;padding:0;font-size:0.95em}
strong{font-weight:inherit;}
ul{margin-top:10px}
label{vertical-align:middle}
label.error{top:-5px;font-size:0.8em}
input, textarea, select{border:none;padding-right:1%;padding-left:1%;border-radius: 0;vertical-align:top;font-size:10px}
input:focus, select:focus, textarea:focus{ color:#595959; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;}
input[type=submit]{cursor:pointer}
hr{border:0;height:1px;background:#fccc11;background-image:linear-gradient(to right, #fdf8e6, #ffcc01, #fdf8e6);margin-bottom:5%}

/* generale***********************************************************************************************************************************************/
.row{width:100%;float:left;margin-bottom:0!important}
.rowPadding{width:100%;padding:0 10%;float:left;}
.w50{width:50%;float:left;}
.w50.pw{padding-right:6%}
.asTable{display:table;}
.asTable li{vertical-align:top}
.bgGrigio{background-color:#f2f2f2}
.bgGiallo{background-color:#ffcc00}
.fontBigger{font-size:2.2em;}
.fontBig{font-size:1.2em;line-height:1.6em}
.bold{font-weight:700}
.alignCenter{text-align:center;}
.bgImage{background-size:cover;background-position:center;}
.hideEl{display:none;}

.tipo{width:100%;float:left;}
.wrap{width:100%;float:left;}
.wrap #initalSection{overflow:hidden;}
.wrap .primaryH{width:44%;display:table-cell;text-align:center;vertical-align:middle;background: rgb(241,242,239);background: -moz-linear-gradient(-45deg,  rgba(241,242,239,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(-45deg,  rgba(241,242,239,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(135deg,  rgba(241,242,239,1) 0%,rgba(255,255,255,1) 100%);}
.wrap .primaryH .rowPadding{clear:both;}
.wrap .primaryH h1{color:#ffcc00;font-weight:700;line-height:0.8;text-transform:lowercase;font-size:3em;margin-bottom:8px}
.wrap .primaryH h2{font-weight:300;color:#595959;line-height:1;font-size:1.5em;}
.wrap ul.ulBtn{width:38%;margin:0;display:table-cell;vertical-align:middle;}
.wrap ul.ulBtn li{width:50%;float:left;overflow:hidden;}
.wrap ul.ulBtn li a {position:relative;display:block;}
.wrap ul.ulBtn li a img{display:block;}
.wrap ul.ulBtn li.box a span{position:absolute;bottom:-50%;left:0;background-color:rgba(0, 0, 0, 0.55);text-align:center;font-size:0.8em;width:100%;padding:5px 20px;color:#fff;text-transform:uppercase;line-height:1.2em;opacity:0}
.wrap ul.ulBtn li a:hover span{opacity:1;bottom:0}
.wrap ul.ulBtn li a:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.wrap ul.boxYellow{width:17.5%;background-color:#ffcc00;margin:0;text-align:center;color:#fff;display:table-cell;vertical-align:middle;}
.wrap ul.boxYellow li{display:block;vertical-align:middle;}
.wrap ul.boxYellow .cvTxt{padding:0 8%;max-width:250px;margin:0 auto;float:none}
.wrap ul.boxYellow .cvTxt h3{font-weight:700;margin:0 0 5% 0;font-size:1.3em}
.wrap ul.boxYellow .cvTxt p{font-size:1em}
.wrap ul.boxYellow .cvTxt a{background-color:#fff;color:#ffcc00;font-weight:700;text-decoration:none;width:100%;text-align:center;display:block;padding:7px 0;line-height:1;margin:7% 0 0 0;font-size:1.2em}
.wrap .section{padding-top:6%;padding-bottom:6%;}
.wrap .section .sectionTitle{color:#ffcc00;display:block;text-align:center;margin-bottom:4%;font-weight:700;line-height:1em}
.wrap .section.bgGiallo .sectionTitle{color:#fff;}
.wrap .section .listaCosa li{width:50%;padding:0 4% 0 0;display:inline-block;margin-bottom:2%;display: -moz-groupbox}
.wrap .section .listaCosa li:nth-child(even){padding:0 0 0 4%;}
.wrap .section .listaCosa li h4{color:#ffcc00;text-transform:uppercase;font-weight:500;font-size:1.2em;margin-bottom:6px}
.wrap .section .listaCosa li  p{font-size:0.9em;line-height:1.6em}
.wrap .section.bgImage#firstCit{background-image:url(../img/bg/costruttore-di-idee.jpg);padding-top:5%;padding-bottom:5%;text-align:center;color:#fff;}
.wrap .section.bgImage#firstCit span{font-size:6em;font-weight:700;display: inline-block;width:100%;vertical-align: text-bottom;height: 50px;line-height:1.2em;}
.wrap .section.bgImage#firstCit p{margin:0;font-size:1.4em;line-height:1.5em;margin:3% 0;}
.wrap .section#portfolioSection{background-image:url(../img/content/experiments.jpg);background-size:100%;background-position:bottom center;background-repeat:no-repeat;}
.wrap .section#testo-privacy h4{font-size:1.2em;font-weight:normal;text-transform:uppercase;margin-top:4%;color:#fc0;}
.wrap .section .slideAsCarousel{text-align:center;max-width:970px;margin:0 auto;}
.wrap .section .slideAsCarousel ul.slides li{background-color:#fff;margin:0 35px 0 0;height:380px}
.wrap .section .slideAsCarousel ul.slides li h4{color:#ffcc00;text-transform:uppercase;font-weight:300;font-size:0.8em;margin-bottom:5%}
.wrap .section .slideAsCarousel ul.slides li p{font-size:0.8em;line-height:1.5em}
.wrap footer{margin-bottom:5%;}
.wrap footer .footerLink li{display:inline;}

.flex-control-nav{text-align:center;margin-top:2%}
.flex-control-nav li{display:inline-block;;margin:0 5px;}
.flex-control-nav li a{width:24px;height:24px;background-color:#fff;display:block;cursor:pointer;text-indent:-99999px;border:2px solid #ffcc00;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.flex-control-nav li a.flex-active{background-color:#ffcc00;border:2px solid #fff;width:24px;height:24px}
.flex-control-nav li a:hover{border:2px solid #fff;width:24px;height:24px}

/** menu **/
.menuPrincipale{display:none;z-index:9;width:100%;height:100%;position:fixed;top:0;left:0;padding:8% 10% 3% 10%;background-color:rgba(0, 0, 0, 0.88);}
.menuPrincipale li{margin:6% 0;}
.menuPrincipale li a{color:#fff;text-transform:uppercase;text-decoration:none;padding:2% 0;font-size:3em;font-weight:100}
#navBtn{z-index:10;position:fixed;top:3%;left:10%;width:40px;height: 30px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#navBtn span {display: block; position: absolute; height:3px; width:50%; background:#33c6ce; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#navBtn span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0; }
#navBtn span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px; }
#navBtn span:nth-child(1), #navBtn span:nth-child(2) {top: 0px; }
#navBtn span:nth-child(3), #navBtn span:nth-child(4) {top: 12px; }
#navBtn span:nth-child(5), #navBtn span:nth-child(6) {top: 25px; }
#navBtn.opened span:nth-child(1),#navBtn.opened span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navBtn.opened span:nth-child(2),#navBtn.opened span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navBtn.opened span:nth-child(1) {left: 4px;top: 6px;}
#navBtn.opened span:nth-child(2) {left: calc(50% - 2px);top: 6px;}
#navBtn.opened span:nth-child(3) {left: -50%; opacity: 0; }
#navBtn.opened span:nth-child(4) {left: 100%; opacity: 0; } #navBtn.opened span:nth-child(5) {left: 4px;top: 20px;}
#navBtn.opened span:nth-child(6) {left: calc(50% - 2px);top: 20px;}


form {font-family: 'Poppins', sans-serif; width:100%; overflow:hidden; max-width:600px;float:none;margin:4% auto 0 auto; box-shadow:0px 0px 7px 1px rgba(0, 0, 0, 0.1); padding: 4%; border-radius: 3px;position:relative;}
form #loading{display:none;position:absolute;width:130px;z-index:99999;top:50%;left:50%;margin-left:-65px;margin-top:-65px;}
form button{background:#ffcc00;color:#fff;border:none;min-width:180px;text-transform:uppercase;height:34px;margin:4% 0 2% 0;}
form button:hover{background-color:#2ab7a9}
.input-field input:focus, .input-field textarea:focus {border-bottom: 1px solid #ffcc00!important; box-shadow: 0 1px 0 0 #ffcc00!important;}
.input-field input.valid, .input-field textarea.valid {border-bottom: 1px solid #ffcc00!important; box-shadow: 0 1px 0 0 #ffcc00!important;}
.input-field input.invalid, .input-field textarea.invalid {border-bottom: 1px solid #ee6e73!important; box-shadow: 0 1px 0 0 #ee6e73!important;}
.dropdown-content li.disabled>span{color:#595959!important;}
.dropdown-content li>span{color:#ffcc00!important;}
.input-field label{text-align:left;float:left;line-height:1.2em;margin-bottom:20px}
input:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{color:#ffcc00!important;}
.select-wrapper {margin-bottom:2.5rem}
.select-wrapper input.select-dropdown{color:#9f9f9f;}
.result p{font-size:2em;color:#ffcc00;margin:3% 0;}
form .policy{text-align:left;width:100%;float:left;margin-bottom:3%}
form .policy label.error{}

/*cookiebar*/
#cookie-bar{width:100%;position:fixed;left:0;bottom:0;background:#fff;border-top:2px solid #ffcc00;color:#444444;z-index:999999;font-size:0.9em;padding:0.5% 0;font-family:'ralewaylight'}
#cookie-bar p{padding:0;margin:0;text-align: center;}
#cookie-bar a{background:#ffcc00;text-decoration:none;padding:2px 16px 1px 16px;margin-left: 10px;color:#fff;}
.testo-privacy h1{text-transform:uppercase;font-size:1.7em}
.testo-privacy h2{margin-top:2%;}

@media only screen and (max-width:960px){
	.wrap ul.ulBtn{width:56%}
	.wrap ul.boxYellow{height:auto!important;padding-top:5%;padding-bottom:5%;display:block;width:100% !important;float:left;}
	.wrap ul.boxYellow li{display:block;}
	.wrap ul.boxYellow .cvTxt{max-width:500px}
}

@media only screen and (max-width:868px){
	body{text-align:center;}
	p{font-size:0.9em}
	.fontBig{font-size:1em}
	.fontBigger{font-size:1.7em}
	.wrap .primaryH h1{font-size:1.5em}
	.wrap .primaryH h2{font-size:1em}
	.wrap .section .listaCosa li h4{font-size:1em}
	.wrap .section .listaCosa li{width:100%;padding:0!important;}
	.w50{width:100%;}
	.w50.pw{padding-right:0;margin-bottom:3%}
	.menuPrincipale{padding-top:50px}
	.menuPrincipale li{margin:3% 0;text-align:left;}

}
@media only screen and (max-width:600px){
	.wrap .primaryH{width:100%;height:auto!important;padding-top:2%;padding-bottom:5%;padding-left:10%;display:block;float:right;text-align:right;}
	.wrap .primaryH h1{margin:3% 0 1% 0;padding:0;font-size:1.3em}
	.wrap .primaryH h2{margin:0;padding:0;}
	.wrap ul.ulBtn{width:100%;display:block;float:left;}
	.wrap ul.ulBtn li.box a span{opacity:1;bottom:0}
	.menuPrincipale{padding-top:70px}
	.menuPrincipale li {margin:7% 0;}
	.menuPrincipale li a{font-size:2em;}
}
@media only screen and (max-width:868px) and (orientation: landscape){
	.menuPrincipale li a{font-size:1.3em}
}