/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Roboto:300,400,500,700');

body {
    width: 100%;
    height: 100%;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
    color: #fff;
    background-color: #f6f6f6;
	font-size: 18px;
    line-height: 1.6em;
}

html {
    width: 100%;
    height: 100%;
}



a {
    color: #666;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
}



/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}
.marginbot-60{margin-bottom:60px !important;}
.marginbot-70{margin-bottom:70px !important;}
.marginbot-80{margin-bottom:80px !important;}
.marginbot-90{margin-bottom:90px !important;}
.marginbot-100{margin-bottom:100px !important;}

.margintop-0{margin-top:0 !important;}
.margintop-10{margin-top:10px !important;}
.margintop-20{margin-top:20px !important;}
.margintop-30{margin-top:30px !important;}
.margintop-40{margin-top:40px !important;}
.margintop-45{margin-top:45px !important;}
.margintop-50{margin-top:50px !important;}
.margintop-60{margin-top:60px !important;}
.margintop-120{margin-top:120px !important;}

/* padding */
.paddingtop-0{padding-top:0 !important;}
.paddingtop-10{padding-top:10px !important;}
.paddingtop-20{padding-top:20px !important;}
.paddingtop-30{padding-top:30px !important;}
.paddingtop-40{padding-top:40px !important;}
.paddingtop-50{padding-top:50px !important;}
.paddingtop-60{padding-top:60px !important;}
.paddingtop-70{padding-top:70px !important;}
.paddingtop-80{padding-top:80px !important;}
.paddingtop-90{padding-top:90px !important;}
.paddingtop-100{padding-top:100px !important;}

.paddingbot-0{padding-bottom:0 !important;}
.paddingbot-10{padding-bottom:10px !important;}
.paddingbot-20{padding-bottom:20px !important;}
.paddingbot-30{padding-bottom:30px !important;}
.paddingbot-40{padding-bottom:40px !important;}
.paddingbot-50{padding-bottom:50px !important;}
.paddingbot-60{padding-bottom:60px !important;}
.paddingbot-70{padding-bottom:70px !important;}
.paddingbot-80{padding-bottom:80px !important;}
.paddingbot-90{padding-bottom:90px !important;}
.paddingbot-100{padding-bottom:100px !important;}

#wrapper{ margin:0px auto; max-width:1200px;}

/* ===========================
sezioni
============================ */

.testata {
	width: 100%;
	position: relative;
	background-image: url(../images/segui-filo-rosso.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-size:100%;
	height:720px;
}
.logo{margin-left:5%; margin-top:0px;}
.red{background-color:#de202e;}
.lao{
	background-image: url(../images/lao-tzu.png);
	background-position: right top;
	background-repeat:no-repeat; 
	padding: 270px 0 850px;
	background-size:100%;
	}

.cita-txt{ float:right; margin-right:10%; color:#fff; font-size:50px; text-transform:uppercase; line-height:50px; font-weight:300;}
.cit{font-size:20px; text-transform:uppercase; font-weight:300; margin-top:10px; color:#fff;}

.comunica{
	background-image: url(../images/lacomunicazione.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 300px 0 390px;
	padding-left:160px;
	
}
.txt_comunica{
	color:#818285;
	font-family: 'Dancing Script', cursive;
	font-size:54px; 
	line-height:44px;
	text-align:right;
	float:left;}
.mao{
	background-image: url(../images/mao.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 140px 0 240px;
}
.txt_mao{
	float:right;
	margin-right:10%;
	color:#de202e;
	font-size:40px;
	line-height:40px;}


.nome_filrouge{
	background-image: url(../images/name.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 90px 0 15px;
}
.txt_nome{
	margin-left:9%;
	color:#6d6e71;
	font-size:20px;
	line-height:30px;
}
.palloncini{
	background-image: url(../images/immagina.jpg);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 680px 0 560px;
	
}
.txt_palloncini{
	margin-left:10%;
	color:#818285;
	font-family: 'Dancing Script', cursive;
	font-size: 54px;
	line-height: 44px;
	text-align:left;
	float:left;}	

.facciamo{
	background-image: url(../images/cosa-facciamo.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 20px 0 510px;
	
}	
.txt_facciamo{	
	color: #de202e;
font-size: 40px;
line-height: 40px;
margin-left: 9%;
}

.grey-small{
color: #6d6e71;
font-size: 20px;
line-height: 30px;}


.visione{
	background-image: url(../images/visione.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 40px 0 575px;
	
}		
.txt_visione{
margin-left:10%;
	color:#818285;
	font-family: 'Dancing Script', cursive;
	font-size: 54px;
line-height: 44px;
	text-align:left;
	float:left;}	

.realta{
	background-image: url(../images/realta.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	position:relative;
	padding: 40px 0 420px;	
}
.txt_realta{
	padding-left:5%;
	color: #de202e;
font-size: 40px;
line-height: 40px;}
.txt_realta2{
	padding-left:7%;
	margin-top:60px;
	color: #de202e;
font-size: 40px;
line-height: 40px;}
.realta_dx{
	width:500px;
	position:absolute; 
	right:100px;
	top:200px;
	color: #6d6e71;
font-size: 20px;
line-height: 30px;}


.pre{
	background-image: url(../images/pre.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 410px;
	
}
.lama{
	background-image: url(../images/lama.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 470px;
	
}
.consapevolezza{
	background-image: url(../images/consapevolezza.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 420px;	
}
.txt_consapevolezza{
margin-left:10%;
color: #de202e;
font-size: 40px;
line-height: 40px;

}
.consapevolezza .grey-small{margin-left:105px; margin-top:30px;}

.sole{
	background-image: url(../images/sole.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 588px;
}

.crescita{
	background-image: url(../images/crescita.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 368px;
}

.crescita .txt_visione{margin-left:350px;}

.analizzare{
	background-image: url(../images/analizzare.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 890px;	
}
.txt_analizzare{
margin-left:100px;
color: #de202e;
font-size: 40px;
line-height: 40px;
}

.analizzare .grey-small{
margin-left:85px; margin-top:100px;}

.mano{
	background-image: url(../images/mano.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 605px;	
}
.mano .txt_visione{margin-left:100px; margin-top:200px;}


.strategie{
	background-image: url(../images/strategie.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 1020px;	
}
.txt_strategie{
margin-left:100px; margin-top:30px;
color: #de202e;
font-size: 40px;
line-height: 40px;
}
.strategie .grey-small{
margin-left:85px; margin-top:80px;}


.felicita{
	background-image: url(../images/felicita.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 220px;	
}
.txt_felicita{
    color: #818285;
    font-family: 'Dancing Script', cursive;
    font-size: 54px;
    line-height: 44px;
    text-align: center;
}
.creativita{
	background-image: url(../images/creativita.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 1015px;	
}
.txt_creativita{
color: #de202e;
font-size: 40px;
line-height: 40px;
margin-left:100px;
}
.creativita .grey-small{
margin-left:85px; margin-top:120px;}


.successo{
	background-image: url(../images/successo.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 400px;	
}
.txt_successo{
    color: #818285;
    font-family: 'Dancing Script', cursive;
    font-size: 54px;
    line-height: 44px;
    text-align: left;
	margin-left:100px;
}

.valore{
	background-image: url(../images/valore.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 910px;	
}
.txt_valore{
color: #de202e;
font-size: 40px;
line-height: 40px;
margin-left:100px;
}
.valore .grey-small{
margin-left:85px; margin-top:20px;}


.staff{
	background-image: url(../images/staff1.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 415px;	
}
.txt_staff{
    color: #818285;
    font-family: 'Dancing Script', cursive;
    font-size: 54px;
    line-height: 44px;
    text-align: left;
	margin-left:100px;
}

.staff2{
	background-image: url(../images/staff2.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 2828px;	
}
.txt_staff2{
color: #de202e;
font-size: 40px;
line-height: 40px;
margin-left:100px;
}
.staff2 .grey-small{
margin-left:85px; margin-top:90px;}


.originale{
	background-image: url(../images/originale.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 786px;	
}
.txt_originale{
    color: #818285;
    font-family: 'Dancing Script', cursive;
    font-size: 54px;
    line-height: 44px;
    text-align: left;
	margin-left:100px;
}

.crediamo{
	background-image: url(../images/crediamo.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 305px;	
}
.txt_crediamo{
background-image: url(../images/txt-crediamo.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 20px 0 413px;	
}
.txt_crediamo .grey-small{margin-left:100px;}

.volare{
	background-image: url(../images/volare.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 40px 0 131px;	
}
.txt_volare{
    color: #818285;
    font-family: 'Dancing Script', cursive;
    font-size: 54px;
    line-height: 44px;
    text-align: left;
	margin-left:100px;
}


.clienti{
	background-image: url(../images/clienti.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 190px 0 3820px;	
}
.txt_clienti{
color: #de202e;
font-size: 40px;
line-height: 40px;
float:right;
margin-right:80px;

}
.clienti .grey-small{margin-left:345px; margin-top:90px;}

footer{
	background-image: url(../images/footer.png);
	background-position: right top;
	background-repeat:no-repeat; 
	background-size:100%;
	padding: 250px 0 300px;	
}


/*mobile*/
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
	.logo{margin:0px; text-align:center;}
.testata{height:500px;}
.cita-txt{font-size:40px; line-height:40px; padding-top:80px; margin-right:10px;}
.lao{padding: 270px 0 450px;}
.comunica{padding: 60px 0 130px; padding-left:0px; background-image:none; border-bottom:1px solid #de202e;}
.txt_comunica{font-size:34px; line-height:30px; width:100vw; text-align:center; }
.mao{background-position:center top; background-size:auto; padding: 140px 0 340px;}
.txt_mao{ float:left; margin-top:350px; width:100vw; text-align:center; margin-bottom:20px;}
.nome_filrouge, .successo{background-image:none;}
.txt_nome, .txt_facciamo, .txt_realta2{margin:0px; padding:20px; text-align:center;}
.palloncini{ padding: 30px 0 357px; border-top:1px solid #de202e;}
.txt_palloncini{margin-left:0px; padding:20px; font-size:30px; line-height:normal;}
.facciamo{background-position:center top; padding:0px;}
.visione {background-position: center top;background-size: cover;padding: 0px 0 575px;}
.realta{padding-top:0px; padding-bottom:200px;}.txt_realta{padding:5px; padding-top:220px;}
.txt_realta2{padding-top:0p;}
.realta_dx{top:500px; width:100vw; text-align:center; margin:0px; right:0px; }
.pre, .lama, .clienti{background-image:none;}
.lama{border-top:1px solid #de202e;     padding: 40px 0 300px;}
.consapevolezza {background-size: 180%;padding: 200px 0 10px;}
.txt_consapevolezza, .mano .txt_visione, .txt_strategie{margin-left:0px; padding:10px; text-align:center;}
.consapevolezza .grey-small{margin-left:0px;}
.sole {padding: 5px 0 188px;}
.crescita{border-bottom:1px solid #de202e;}
.crescita .txt_visione{margin-left:0px; margin-top:100px; padding:10px;}
.analizzare { background-image:none; padding-bottom:0px;}
.txt_analizzare, .txt_felicita, .txt_creativita, .txt_successo, .txt_valore, .valore .grey-small, .txt_staff, .txt_staff2, .staff2 .grey-small, .txt_originale, .txt_crediamo .grey-small, .txt_volare, .txt_clienti{margin-left:0px; text-align:center; padding:10px;}
.analizzare .grey-small{margin-left:0px; margin-top:0px;}
.mano{background-color:#de202e;}
.txt_strategie{font-size:30px;}
.strategie .grey-small{margin-left:0px;}
.strategie {padding: 40px 0 20px;}
.felicita {padding: 140px 0 10px;}
.margintop-60, .staff2 .grey-small{margin-top:0px;}
.txt_creativita{ font-size:30px;}
.creativita .grey-small, .clienti .grey-small{margin-left:0px;}
.creativita {padding: 40px 0 15px;}
.successo, .valore, .staff, .staff2{padding-bottom:0px;}
.staff, .staff2, .txt_crediamo, .volare{background-image:none;}
.originale{padding: 300px 0 16px;}
.crediamo{padding: 0px 0 5px; background-image:none;}
.txt_valore img{width:100%; height:auto;}
.txt_crediamo{padding: 20px 0 13px;}
.volare {padding: 40px 0 10px; border-bottom:1px solid #de202e;}
.txt_clienti{margin-right:0px;}
.clienti {padding: 10px 0 20px;}
.margintop-120{margin-top:30px!important;}
.footer{background-color:#de202e; padding: 20px 0 30px; text-align:center;}
}

@media only screen and (min-device-width: 375px) 
                   and (max-device-width: 812px) 
                   and (orientation: landscape) {
.logo{margin:0px; text-align:center;}
.testata{height:500px;}
.cita-txt{font-size:40px; line-height:40px; padding-top:80px; margin-right:10px;}
.lao{padding: 10px 0 450px;}
.comunica{padding: 60px 0 130px; padding-left:0px; background-image:none; border-bottom:1px solid #de202e;}
.txt_comunica{font-size:34px; line-height:30px; width:100vw; text-align:center; }
.mao{background-position:center top; background-size:auto; padding: 140px 0 340px;}
.txt_mao{ float:left; margin-top:350px; width:100vw; text-align:center; margin-bottom:20px;}
.nome_filrouge, .successo{background-image:none;}
.txt_nome, .txt_facciamo, .txt_realta2{margin:0px; padding:20px; text-align:center;}
.palloncini{ padding: 30px 0 387px; border-top:1px solid #de202e;}
.txt_palloncini{margin-left:0px; padding:20px; font-size:30px; line-height:normal;}
.facciamo{background-position:center top; padding:0px;}
.visione {background-position: center top;background-size: cover;padding: 0px 0 575px;}
.realta{padding-top:0px; padding-bottom:200px;}.txt_realta{padding:5px; padding-top:220px; text-align:center;}
.txt_realta2{padding-top:0p;}
.realta_dx{top:500px; width:100vw; text-align:center; margin:0px; right:0px; }
.pre, .lama{background-image:none;}
.pre{padding: 40px 0 140px;}
.lama{border-top:1px solid #de202e;     padding: 40px 0 300px;}
.consapevolezza {background-size: 180%;padding: 200px 0 10px;}
.txt_consapevolezza, .mano .txt_visione, .txt_strategie{margin-left:0px; padding:10px; text-align:center;}
.txt_visione{width:100vw; text-align:center; margin-left:0px;}
.consapevolezza .grey-small{margin-left:0px;}
.sole {padding: 5px 0 270px;}
.crescita{border-bottom:1px solid #de202e;}
.crescita .txt_visione{margin-left:0px; margin-top:180px; padding:10px;}
.analizzare { background-image:none; padding-bottom:0px;}
.txt_analizzare, .txt_felicita, .txt_creativita, .txt_successo, .txt_valore, .valore .grey-small, .txt_staff, .txt_staff2, .staff2 .grey-small, .txt_originale, .txt_crediamo .grey-small, .txt_volare, .txt_clienti{margin-left:0px; text-align:center; padding:10px;}
.analizzare .grey-small{margin-left:0px; margin-top:0px;}
.mano{background-color:#de202e; background-size:80%;}
.txt_strategie{font-size:30px;}
.strategie .grey-small{margin-left:0px;}
.strategie {padding: 40px 0 20px;}
.felicita {padding: 10px 0 60px;}
.margintop-60, .staff2 .grey-small{margin-top:0px;}
.txt_creativita{ font-size:30px;}
.creativita .grey-small, .clienti .grey-small{margin-left:0px;}
.creativita {padding: 40px 0 15px;}
.successo, .valore, .staff, .staff2{padding-bottom:0px;}
.staff, .staff2, .txt_crediamo, .volare{background-image:none;}
.originale{padding: 550px 0 16px;}
.crediamo{padding: 0px 0 5px; background-image:none;}
.txt_valore img{width:100%; height:auto;}
.txt_crediamo{padding: 20px 0 13px;}
.volare {padding: 40px 0 10px; border-bottom:1px solid #de202e;}
.txt_clienti{margin-right:0px;}
.clienti {padding: 10px 0 20px; background-image:none;}
.margintop-120{margin-top:30px!important;}
.footer{background-color:#de202e; padding: 20px 0 30px; text-align:center;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.lao {padding: 270px 0 680px;}
.comunica{padding: 300px 0 290px;}
.txt_comunica{margin-left:120px;}
.mao {padding: 140px 0 180px;}
.palloncini {padding: 680px 0 380px;}
.facciamo {padding: 20px 0 360px;}
.visione {padding: 40px 0 480px;}
.realta {padding: 40px 0 310px;}
.pre {padding: 40px 0 340px;}
.lama {padding: 40px 0 390px;}
.sole {padding: 40px 0 488px;}
.crescita{padding: 40px 0 308px;}
.analizzare{padding: 40px 0 730px;}
.mano{padding: 40px 0 510px;}
.strategie{padding: 40px 0 840px;}
.felicita{padding: 40px 0 160px;}
.creativita{padding: 40px 0 830px;}
.successo{padding: 40px 0 310px;}
.valore{padding: 40px 0 740px;}
.staff{padding: 40px 0 325px;}
.staff2{padding: 40px 0 2290px;}
.originale{padding: 40px 0 645px;}
.crediamo{padding: 40px 0 250px;}
.txt_crediamo {padding: 20px 0 350px;}
.volare {padding: 40px 0 87px;}
.clienti {padding: 190px 0 3230px;}

.consapevolezza .grey-small {
    margin-left: 90px;}
.txt_crediamo .grey-small{width:100vw; text-align:center;}
.clienti .grey-small {
    margin-left: 300px;}
	.margintop-120 {
    margin-top: 80px !important;
}
}


.staff2 img{width:80vw; height:auto; margin:0px auto; text-align:center;}