@charset "UTF-8";
/* CSS Document */


html,body { font-size:0; color:#fff; font-family:"Arimo", sans-serif; font-optical-sizing:auto; height:100%; -moz-osx-font-smoothing:grayscale; text-size-adjust:none; -webkit-text-size-adjust:none;}
body,div,img,ul,li,h1,h2,p,img,input,button,select,option,textarea,video,a { padding:0; margin:0; border:0; outline:0;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3 { font-weight:inherit;}
.ytouch, .ypad { display:none !important;}
.vmiddle * { vertical-align:middle;}
.tra { transition:all .3s; -webkit-transition: all .3s; -o-transition:all .3s; -moz-transition: all .3s;}
.relative { position:relative;}
.capitalize { text-transform:capitalize;} .uppercase { text-transform:uppercase;} .underline { text-decoration:underline;}
.pointer { cursor:pointer;}
.nopoint { pointer-events:none;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;} .overflow { overflow:hidden;}
.mm { vertical-align:middle; margin-left:6px; margin-top:-2px; width:22px; height:19px;}
.noland { display:none;}

/* MAIN */
/* MAIN */

.contain { max-width:1600px; margin:0 auto;}
.contain-pad { max-width:1600px; padding-left:5vw; padding-right:5vw; margin:0 auto;}
.pad-top { padding-top:100px;}
.pad-btm { padding-bottom:100px;}
.pad-top-mini { padding-top:50px;}
.pad-btm-mini { padding-bottom:50px;}

.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}
.bg-img { position:absolute; width:100%; height:100%; left:0; top:0:}
.centovh { height:100vh;}

.onethird { display:inline-block; width:33.33%; box-sizing:border-box; padding-left:20px; padding-right:20px; vertical-align:top;}
.onethird-m { display:inline-block; width:44%; box-sizing:border-box; padding-left:10px; padding-right:10px; vertical-align:top;}
.onethird-s { display:inline-block; width:28%; box-sizing:border-box; padding-left:10px; padding-right:10px; vertical-align:top;}

.z1 { z-index:1;}
.z2 { z-index:2;}
.z3 { z-index:3;}
.z4 { z-index:4;}

.bg-dark { background-color:#1a1a1a;}
.bg-darkless { background-color:#2a2a2a;}
.bg-green { background-color:#677750;}
.bg-white { background-color:#fff;}

.c-dark { color:#1a1a1a;}
.c-plus { color:#888;}
.c-grey { color:#ccc;}
.c-green { color:#677750;}

.title { font-size:15vw; line-height:12vw; font-weight:600; font-style:italic;}
.title-m { font-size:70px; line-height:70px;}
.title-s { font-size:37px; line-height:38px; font-weight:600; font-style:italic; }

.text-big { font-size:22px; line-height:29px;}
.text-big-pre { font-size:19px; font-weight:600; letter-spacing:2px;}

.text { font-size:16px; line-height:24px;}
.text-mini { font-size:13px; letter-spacing:2px; font-weight:600;}

/* INTRO */
/* INTRO */

.billboard { height:100vh;}
.graffi { opacity:.2;}
.skip { position:absolute; bottom:40px; left:0; width:100%;  display:none;}
.skip_out { opacity:0 !important;}

.intro { position:absolute; left:50%; top:50%; width:300px; height:100px; margin:-10px 0 0 -150px;
	transform:scale(0.9); opacity:0; filter:blur(8px); -webkit-filter:blur(8px);
	        transition:all 2s .3s, transform 5s .3s; 
	-webkit-transition:all 2s .3s, transform 5s .3s;  
	     -o-transition:all 2s .3s, transform 5s .3s; 
	   -moz-transition:all 2s .3s, transform 5s .3s; }
.nature {  filter:blur(8px); -webkit-filter:blur(8px);
	    	transition:all 1.5s 1s;
	-webkit-transition:all 1.5s 1s; 
	     -o-transition:all 1.5s 1s;
	   -moz-transition:all 1.5s 1s;}
.nature_on { color:#677750; filter:blur(0px); -webkit-filter:blur(0px);}

.introbis { position:absolute; left:50%; top:50%; width:300px; height:100px; margin:-10px 0 0 -150px;
	transform:scale(0.9); opacity:0; filter:blur(8px); -webkit-filter:blur(8px);
	        transition:all 2s 4s, transform 5s 4s; 
	-webkit-transition:all 2s 4s, transform 5s 4s;  
	     -o-transition:all 2s 4s, transform 5s 4s; 
	   -moz-transition:all 2s 4s, transform 5s 4s;}

.intro_on, .introbis_on { transform:scale(1.1); opacity:1; filter:blur(0); -webkit-filter:blur(0);}
.intro_out, .introbis_out { transform:scale(1.2); opacity:0; filter:blur(8px); -webkit-filter:blur(8px);
            transition:all 1.2s; 
	-webkit-transition:all 1.2s;
	     -o-transition:all 1.2s; 
	   -moz-transition:all 1.2s;}

.intrologo { position:absolute; left:50%; top:50%; margin:-105px 0 0 -175px; width:350px; height:210px; z-index:10;}
.i1, .i2, .i3, .i4 { position:absolute; left:0; top:0; opacity:0;; filter:blur(8px); -webkit-filter:blur(8px); width:100%; height:100%;
            transition:all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition:all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
	     -o-transition:all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
	   -moz-transition:all 1.3s cubic-bezier(0.33, 1, 0.68, 1);}
.i1, .i2 { transform:translateX(-80px);}
.i_on.i1 { transition-delay:.2s; -webkit-transition-delay:.2s; -o-transition-delay:.2s; -moz-transition-delay:.2s;}
.i_on.i2 { transition-delay:.3s; -webkit-transition-delay:.3s; -o-transition-delay:.3s; -moz-transition-delay:.3s;}
.i_on.i3 { transition-delay:1s; -webkit-transition-delay:1s; -o-transition-delay:1s; -moz-transition-delay:1s;}
.i_on.i4 { transition-delay:1.5s; -webkit-transition-delay:1.5s; -o-transition-delay:1.5s; -moz-transition-delay:1.5s;}
.i_on { transform:translateX(0); opacity:1 !important; filter:blur(0); -webkit-filter:blur(0);}

 /* linear mantiene il tempo - forwards mantiene ultimo keyframe */
.introblur { position:absolute; left:50%; top:50%; margin:-50% 0 0 -50%; width:100%; height:100%; opacity:0;  
	animation:theblur linear 3s forwards; animation-delay:7.3s; z-index:5;}
@keyframes theblur {
  0%   { transform:translateX(-80%) scale(.7); opacity:0;}
  50%  { transform:translateX(0px) scale(1.4); opacity:.1;}
  100% { transform:translateX(80%) scale(.7); opacity:0;}}

.down { position:absolute; left:50%; bottom:5px; opacity:0; width:200px; margin-left:-100px;
 			transition:all 1.3s .6s cubic-bezier(0.33, 1, 0.68, 1);
	-webkit-transition:all 1.3s .6s cubic-bezier(0.33, 1, 0.68, 1); 
	     -o-transition:all 1.3s .6s cubic-bezier(0.33, 1, 0.68, 1);
	   -moz-transition:all 1.3s .6s cubic-bezier(0.33, 1, 0.68, 1);}
.down_on { opacity:1; bottom:40px;}
.down-line { width:1px; height:100px; margin:0 auto 20px auto;}

/* ARCH */
/* ARCH */

.arch-blur { position:absolute; top:0; left:50%; width:60vw; margin-left:-30vw; opacity:.4;}
.arch-top { position:absolute; top:-5px; left:0; width:100%;}

.gradient { position:absolute; left:0; bottom:0; width:100%; height:250px;}
.gr-dark { background: rgb(26,26,26);
background: -moz-linear-gradient(0deg, rgba(26,26,26,1) 4%, rgba(26,26,26,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(26,26,26,1) 4%, rgba(26,26,26,0) 100%);
background: linear-gradient(0deg, rgba(26,26,26,1) 4%, rgba(26,26,26,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#1a1a1a",GradientType=1);}

.pushup-text { margin-top:-120px;}
.max-width { max-width:690px; margin:0 auto;}

.icon { width:100px; margin:0 auto 15px auto;}
.line { width:1px; height:50px; margin:10px auto;}

/* AREA IMG */
/* AREA IMG */

.image-xl { display:inline-block; width:100%; height:400px; padding:48% 0}
.image-m  { display:inline-block; width:100%; height:400px; margin-bottom:20px;}
.image-s  { display:inline-block; width:100%; height:200px; padding:23% 0; margin-bottom:20px;}

.video { height:400px; margin-left:-50%;}

.arrow-right { display:inline-block; background:url(../img/arrow-right_g.svg) center right/50px no-repeat; padding:5px 50px 5px 0;}

.parlano-logo { display:inline-block; width:140px; margin:0 10px 10px 20px;}
.parlano-logo img { width:100%;}

/* FONDO */
/* FONDO */

.gr-green { background: rgb(26,26,26);
background: -moz-linear-gradient(180deg, rgba(26,26,26,1) 0%, rgba(103,119,80,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(26,26,26,1) 0%, rgba(103,119,80,1) 100%);
background: linear-gradient(180deg, rgba(26,26,26,1) 0%, rgba(103,119,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#677750",GradientType=1);}

.preinput { width:40%; margin:0 3px; display:inline-block;}
input { font-size:18px; width:100%; color:#fff !important; background:none; box-sizing:border-box; padding-top:20px; padding-bottom:20px; font-family:"Arimo", sans-serif !important; border:1px solid #fff;}

.email { border-bottom-left-radius:50px; border-top-left-radius:50px; padding-left:30px;}
.name { border-bottom-right-radius:50px; border-top-right-radius:50px; padding-left:20px;}
#submit { border-radius:50px; font-size:15px; letter-spacing:1px; border:none; width:auto; padding:20px 40px; cursor:pointer;}

::-webkit-input-placeholder {color:#ccc;} 
::-moz-placeholder { color:#ccc;} ::-ms-placeholder {color:#ccc;}
::placeholder {color:#ccc;}

.load { opacity:0; margin-left:15px; width:1px;} .load_on { opacity:1; width:auto;} 
.error { position:relative; border:2px solid #cf6959; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s;}
label.error { position:absolute; left:20px; bottom:-18px; font-size:12px; border:none; color:#cf6959; z-index:100;}
.thick label.error { left:0; bottom:inherit; top:30px;}
.thick { position:relative; display:inline-block; margin:40px 0; padding-left:35px; padding-top:1px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.thick input { position:absolute; opacity:0; display:block; width:80%;}
.checkmark { position:absolute; top:0; left:0; height:25px; width:25px; border:1px solid #fff; border-radius:50px;}
.checkmark:after { content:""; position:absolute; display:none;} 
.thick input:checked ~ .checkmark:after { display:block;}
.thick .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid #fff; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.input_off { pointer-events:none; opacity:.5;}
.output { display:none; margin-top:50px;}

.loghi-bam { width:90%;}
.social { display:inline-block; width:50px; height:50px; margin:20px 6px 0 6px;}
.fb { background:url("../img/social-fb_w.svg") center/50px no-repeat;}
.ig { background:url("../img/social-ig_w.svg") center/50px no-repeat;}

.line-top { border-top:1px solid rgba(255,255,255,.4);}
.footer-logo { width:160px; margin:0 auto 30px auto;}
.credits { font-size:10px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; padding-top:20px; padding-bottom:20px; color:#888;}

.scroll-text { -moz-transform: translateX(10%); -webkit-transform: translateX(10%); transform: translateX(10%);
  -moz-animation: my-animation 40s linear infinite; -webkit-animation: my-animation 40s linear infinite; animation: my-animation 40s linear infinite;  white-space: nowrap;}
@keyframes my-animation {
  from { -moz-transform: translateX(10%); -webkit-transform: translateX(10%); transform: translateX(10%);}
  to {-moz-transform: translateX(-140%); -webkit-transform: translateX(-140%); transform: translateX(-140%);}}

/* IF iPAD + 120 */
/* IF iPAD + 120 */
@media only screen and (max-width:1200px) {
    
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
    
}

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {
		
	.rellax { transform: translate3d(0,0,0) !important;}
	.ytouch { display:inherit !important;}
	.ntouch,.ypad { display:none !important;}
	.nfloat { float:none;}
		
	.pad-top { padding-top:60px;}
	.pad-btm { padding-bottom:60px;}
	.pad-top-mini { padding-top:30px;}
	.pad-btm-mini { padding-bottom:30px;}
	
	.contain-pad { padding-left:20px; padding-right:20px;}
	.centovh { height:80vh;}
	.onethird, .onethird-s, .onethird-m { width:100%;}
	.onethird-s, .onethird-m { padding:0;}

	.title { font-size:16vw; line-height:15vw;}
	.title-bamboo { font-size:19vw; line-height:16vw;}
	.title-m { font-size:38px; line-height:38px;}
	.title-s { font-size:28px; line-height:28px;}
	.text-big { font-size:17px; line-height:23px;}
	.text-big-pre { font-size:16px;}
	
	.billboard { height:95vh;}
	.intrologo { margin:-64px 0 0 -125px; width:250px; height:128px;}
	.introblur {  margin-left:-80%; width:160%;}
	.arch-blur { left:0; width:100%; margin-left:0;}
	
	.ycard { box-sizing: border-box; padding:30px; border-radius:5px; border:1px solid rgba(255,255,255,.4); margin-bottom:20px;}
	
	.image-xl { height:200px; padding:25% 0; margin:0 0 20px 0;}
	.image-m  { height:100px; padding:25% 0; margin:0 10px 20px 10px; width:90%;}
	.image-s  { height:100px; padding:25% 0; margin:0 10px 20px 10px; width:90%;}
	.mobile-up { margin-top:-50px;}
	
	.loghi-bam { width:95%;}

	.preinput { width:100%; margin-bottom:10px;}
	input { padding:20px !important;}
	.email,.name { border-radius:0 !important;}

}

/* IF iPHONE */
@media only screen and (max-device-width:768px) and (orientation:landscape) {

	.noland { display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1999; text-align:center;}	
	.noland-img { width:140px; height:140px; margin:40px 0;}
	html, body { overflow:hidden !important;}
	
} 

@media only screen and (min-width:1600px) {
    
	.contain { max-width:2000px;}
    
}