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

html,body { font-size:0; color:#000; font-family:'Roboto',sans-serif; -moz-osx-font-smoothing:grayscale; text-align:center;}
body,div,img,ul,li,h1,h2,p,img,input,button,select,textarea,video { padding:0; margin:0; border:0; outline:0;}
a { text-decoration:none; cursor:pointer; color:inherit;}
h1,h2 { font-weight:inherit;} ul { list-style:none;}
.ytouch,.ypad,.yspecial { display:none !important;}
.tra { transition:all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -moz-transition: all .2s;}
.relative { position:relative;}
.inline { display:inline-block; vertical-align:top;}
.overflow { overflow:hidden;}
::selection { background:#dfe0e2;} ::-moz-selection { background:#dfe0e2;}
.noselect { -moz-user-select:none; -khtml-user-select:none;  -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.capitalize { text-transform:capitalize;} .uppercase { text-transform:uppercase;} .underline { text-decoration:underline;}
.pointer_none { pointer-events:none;} .pointer { cursor:pointer;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;}
.mm { vertical-align:middle; margin-left:6px; margin-top:-2px; width:22px; height:19px;}

/* MAIN */
/* MAIN */

.blackout { opacity:1; position:fixed; width:100%; height:100%; top:0; left:0; z-index:300; transition:opacity 1s .5s; -webkit-transition:opacity 1s .5s; -o-transition:opacity 1s .5s; -moz-transition:opacity 1s .5s;}
.black_out { opacity:0; pointer-events:none;}

.contain { position:relative; box-sizing:border-box; max-width:1500px; margin-left:auto; margin-right:auto;}
.contain-mini { position:relative; box-sizing:border-box; max-width:570px; margin-left:auto; margin-right:auto;}
.contain-mini2 { position:relative; box-sizing:border-box; max-width:670px; margin-left:auto; margin-right:auto;}
.contain-pad { padding-left:50px; padding-right:50px;}

.blog-contain { max-width:800px;margin:0 auto;}

.flex { display:flex; justify-content:center; align-items:center; flex-direction:column;}
.inline-flex { display:inline-flex !important; justify-content:center; align-items:center; flex-direction:column;}
.flex-height { display:flex;}
.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.fifty { display:inline-block; width:50%; vertical-align:top; box-sizing:border-box;} 
.onethird { display:inline-block; width:33%; vertical-align:top; box-sizing:border-box;}
.twothird { display:inline-block; width:67%; vertical-align:top; box-sizing:border-box;}
.onefourth { display:inline-block; width:25%; vertical-align:top; box-sizing:border-box;}

@keyframes aB {0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 50% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-moz-keyframes aB {0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 50% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-webkit-keyframes aB {0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 50% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-ms-keyframes aB {0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 50% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-o-keyframes aB {0% { transform: scale(1.0); -webkit-transform: scale(1.0); } 50% { transform: scale(1.2); -webkit-transform: scale(1.2);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }

.bg-img { position:absolute; left:0; top:0; width:100%; height:100%;}
.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(20,20,20,.3); pointer-events:none;}
.bg-zoom {animation:aB 30s ease-out forwards infinite; -moz-animation:aB 30s ease-out forwards infinite; -webkit-animation:aB 30s ease-out forwards infinite; -ms-animation:aB 30s ease-out forwards infinite; -o-animation:aB 30s ease-out forwards infinite;}

.z1 { z-index:10;}
.z2 { z-index:20;}
.z3 { z-index:25;}

.mar { margin-top:60px; margin-bottom:60px;}
.mar-top { margin-top:60px;} .mar-btm { margin-bottom:60px;}
.pad { padding-top:60px; padding-bottom:60px;}
.pad-top { padding-top:60px;} .pad-btm { padding-bottom:60px;}
.pad-mini { padding:30px 0;}


/* TEXT COLOURS */
/* TEXT COLOURS */

.italic { font-style:italic; font-weight:500;}
.bold { font-weight:600;}

.title-big { font-size:85px; line-height:85px; font-family:'Open Sans',sans-serif;}
.title { font-size:50px; line-height:55px; font-family:'Open Sans',sans-serif;}
.title-mini { font-size:28px; line-height:36px; font-family:'Open Sans',sans-serif;}
.text-big { font-size:24px; line-height:34px;}
.text { font-size:18px; line-height:27px;}
.text-mini { font-size:15px;}

.bg-dark { background-color:#1a1a1a; color:#fff;}
.bg-dark-gradient { color:#fff; background: rgb(26,26,26);
background: -moz-linear-gradient(180deg, rgba(26,26,26,1) 46%, rgba(18,46,48,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(26,26,26,1) 46%, rgba(18,46,48,1) 100%);
background: linear-gradient(180deg, rgba(26,26,26,1) 46%, rgba(18,46,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1a1a",endColorstr="#122e30",GradientType=1);}
.c-grey { color:#888;}
.bg-light { background-color:#e6e6e6; color:#000;}
.bg-green { background-color:#2e797f; color:#fff;} .c-green,.c-green-hover:hover { color:#2e797f;} .u-green { text-decoration-color:#2e797f !important;  -webkit-text-decoration-color:#2e797f !important;}
.bg-white { background-color:#fff;}  .c-white { color:#fff;}

.hover:hover { cursor:pointer; opacity:.7; transform: scale(1.05); -webkit-transform: scale(1.05); cursor:pointer;}

nav { display:block; position:fixed; top:0; width:100%; box-sizing:border-box; padding-top:20px; padding-bottom:18px; z-index:50; color:#fff;
transition:background .8s; -webkit-transition:background .8s; -o-transition:background .8s; -moz-transition:background .8s;}
.nav_c { background-color:#2e797f; border:none; box-shadow:0 -5px 20px #222;} 
.nav-logo { position:relative; width:140px; height:39px; background:url('../img/otto-audit-logo_w.svg') left center/140px 39px no-repeat; z-index:60;}
.nav-link { display:inline-block; padding:8px 0; margin-left:20px; opacity:1; font-size:14px;}
.nav-contatti { padding:8px 16px; border:1px solid #fff; -webkit-border-radius:50px; border-radius:50px; -moz-border-radius:50px;}
.nav-link:hover { opacity:.6;}


/* INTRO */

.intro { position:fixed; width:100%; height:100vh; color:#fff;}
.intro-logo-box { width:520px; height:520px; background:#fafafa; box-shadow:5px 5px 15px #222;}
.intro-logo { width:350px;}

.push { width:100%; height:100vh;}

.arrow-down-btn { display:block; position:absolute; bottom:30px; left:50%; width:120px; margin-left:-60px;}
.arrow-down { display:inline-block; width:50px; height:50px; margin-top:5px; -webkit-border-radius:100%; border-radius:100%; -moz-border-radius:100%; border:1px solid #fff; background:url('../img/arrow-down_w.svg') center/50px 50px repeat-y;}
.arrow-down:hover { background-position:center 50px;}

/* SECTIONS */

#down { border-top:1px solid #ccc;}
.section { padding:50px; overflow:hidden;}
.line { width:110px; height:3px; margin-left:auto; margin-right:auto;}
.introduction { margin-bottom:70px;}

.section-onlyvertical { padding-top:50px; padding-bottom:50px; overflow:hidden;}
.section-outline { border:10px solid #f6f6f6; padding:50px; box-sizing:border-box;}

.highlight1 { position:absolute; top:110px; left:-1400px; width:2000px; height:60px;}
.highlight2 { position:absolute; top:88px; left:-1470px; width:2000px; height:90px;}
.highlight3 { position:absolute; top:110px; left:-1520px; width:2000px; height:60px;}

.icon { width:120px; height:120px;}

/* CIRCLE */

.circle { width:100%; height:520px; background:url('../img/otto-audit-circle3.svg') center/600px 600px no-repeat;}
.circle .text,.cc .text { margin:10px auto 25px auto;}

.pad-up { padding-top:100px;}
.pad-down { padding-bottom:100px;}

.btn-close { position:absolute; width:30px; height:30px; top:25px; right:25px; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-border-radius:100%; border-radius:100%; -moz-border-radius:100%; border:1px solid #000; background:#fff url('../img/plus_b.svg') center/30px 30px no-repeat;}

.cta { display:inline-block; padding:8px 16px; border:1px solid #fff; -webkit-border-radius:50px; border-radius:50px; -moz-border-radius:50px; border:1px solid #2e797f;}
.cta:hover { background:white;}

.lightbox-container { position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; border:1px solid #000; opacity:0; pointer-events:none; -webkit-overflow-scrolling:touch; overflow-y:auto; background:rgba(15,15,15,.7);
transition:all .4s ease-out; -webkit-transition:all .4s ease-out; -o-transition:all .4s ease-out; -moz-transition:all .4s ease-out;}
.lightbox-container_on { opacity:1; pointer-events:all;}
.lightbox { position:relative; width:800px; box-sizing:border-box; padding:50px; -webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px; z-index:120; -webkit-transform:translate(0,30px); transform:translate(0,30px); transition:all .3s ease-out; -webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; -moz-transition:all .3s ease-out; background-image:url(../img/otto-audit-intro-bg_w2.jpg);}
.lightbox_on { -webkit-transform:translate(0,0); transform:translate(0,0);}

.divider-btm { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ccc;}
.lightbox-logo1 { width:130px;}
.lightbox-logo2 { width:180px;}
.lightbox-close { position:absolute; left:0; right:0; top:0; min-height:100%; width:100%; z-index:110;}

.swiper-container { display:ifnline-block; width:88%; margin:0 auto !important;}
.swiper-wrapper { align-items:center;} 
.swiper-slide { min-height:330px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px; box-sizing:border-box; padding:20px;}
.swiper-slide:last-child { border:none}
.swiper-slide .flex  { height:295px;}
.swiper-pagination { margin-top:60px !important;}

.prev-arrow { position:absolute; left:0; top:42%;}
.next-arrow { position:absolute; right:0; top:42%;}
.prev-arrow img, .next-arrow img { width:50px; height:50px;}

/* BLACK SECTION */

.attivita-box { box-sizing:border-box; min-height:240px; height:240px;}
.attivita-box:nth-child(1),.attivita-box:nth-child(2),.attivita-box:nth-child(3) {  border-bottom:2px solid #223e40;}
.attivita-box:nth-child(1),.attivita-box:nth-child(2),.attivita-box:nth-child(5),.attivita-box:nth-child(6) {  border-right:2px solid #223e40;}

/* FOOTER */

.linedivider { border-left:1px solid #ddd; border-right:1px solid #ddd;}
.contact-icon { width:65px; height:65px; margin-bottom:40px;}

footer { padding-top:50px; padding-bottom:30px; font-size:12px; line-height:20px;}
footer .details { margin:30px 0;}
.footer-logo { width:220px; height:63px;}
.separator { display:inline-block; margin:0 10px;}

/* IF iPAD */
/* IF iPAD */
@media only screen and (max-width:1080px) {
	
	.ypad { display:inherit !important;}
	.npad { display:none !important;}
	.ypad-center { text-align:center !important;}
	.ypad-right { padding-right:30px !important;}
	
	.fifty { width:100%;}
	.title-mini { font-size:25px; line-height:35px;}
	
	.attivita-box { min-height:270px; padding:10px 0; width:33%;}
	.prev-arrow img, .next-arrow img { width:35px; height:35px;}
	
	.circle { min-height:auto; background:none; padding:0; height:250px;}
	.circle .onethird { width:50%; padding:0; border-bottom:1px solid #bbb; margin-bottom:50px; padding-bottom:50px;}
	.circle .onethird:nth-child(4),.circle .onethird:nth-child(6) { border:none; margin-bottom:0; padding-bottom:0;}
	
	#contatti { padding:50px 0;}
	#contatti .onethird { width:33%;}

}

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {
		
	.ytouch { display:inherit !important;}
	.ntouch { display:none !important;}
	.tleft { text-align: left !important;}
	.bg-tleft { background-position:left center;}
	
	.ham { position:fixed; right:0; top:0; z-index:60; padding:28px 25px;}
	.overlay { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(10,10,10,.5); z-index:40; opacity:0; pointer-events:none;}
	.overlay_on { opacity:1; pointer-events:all;} 
	
	nav { overflow:hidden; height:62px; padding-top:10px; 
		transition:all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
		-webkit-transition:all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
		-o-transition:all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
		-moz-transition:all .4s cubic-bezier(0.645, 0.045, 0.355, 1);}
	.nav_on { height:490px; background-color:#2e797f !important;}
	.nav-link { display:block; padding:12px 0; font-size:25px; margin-left:0;}
	.nav-contatti { padding-left:0; border:none;}
	nav .contain { text-align:center;}
	nav .ytouch { font-size:12px; margin-top:60px; opacity:.6;}
	.nav-delay { padding-top:70px; opacity:0; transition:all .8s .3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all .8s .3s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all .8s .3s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all .8s .3s cubic-bezier(0.23, 1, 0.32, 1);}
	.nav-delay_on { padding-top:100px; opacity:1;}
	
	.highlight2 { top:60px; left:-1680px; width:2000px; height:66px;}
	.highlight3 { top:80px; left:-1620px; width:2000px; height:55px;}
	
	.contain-pad { padding-left:25px; padding-right:25px;}
	.section { padding-left:25px; padding-right:25px;}
	.section-outline { border:none; padding:0;}
	.noutline { border:none;}
	.section-npad { padding-left:0; padding-right:0;}
	
	.tline { margin-left:0; margin-right:inherit;}
	.circle { height:540px;}
	.circle .onethird { width:100%; margin-bottom:50px !important; padding-bottom:50px !important; border-bottom:1px solid #bbb !important;}
	
	.mar { margin-top:50px; margin-bottom:50px;}
	.mar-top { margin-top:50px;} .mar-btm { margin-bottom:50px;}
	.pad { padding-top:50px; padding-bottom:50px;}
	.pad-top { padding-top:50px;} .pad-btm { padding-bottom:50px;}
	.npad-top { padding-top:0;}

	.title-big { font-size:50px; line-height:60px;}
	.title { font-size:36px; line-height:42px;}
	
	.intro-logo-box { width:380px; height:380px; margin-top:-20px;}
	.intro-logo { width:250px;}
	.icon { width:80px; height:80px;}

	.swiper-container { width:100%; margin:0 !important;}
	.swiper-slide { width:80% !important;}
	.swiper-pagination { margin-top:40px !important;}

	.attivita-box { width:50%; min-height:170px; height:inherit; display:inline-block !important; text-align: left !important; padding-left:0;}
	.attivita-box:nth-child(1),.attivita-box:nth-child(2),.attivita-box:nth-child(3) { border:none;}
	.attivita-box:nth-child(1),.attivita-box:nth-child(2),.attivita-box:nth-child(5),.attivita-box:nth-child(6) { border:none;}
	.attivita-box:nth-child(3),.attivita-box:nth-child(5) { border-top:2px solid #223e40; border-bottom:2px solid #223e40;}
	.attivita-box:nth-child(1),.attivita-box:nth-child(3),.attivita-box:nth-child(6) { border-right:2px solid #223e40;}
	
	.attivita-box:nth-child(2),.attivita-box:nth-child(5),.attivita-box:nth-child(7) { padding-left:20px !important;}
	
	#contatti { padding:0;}
	#contatti .onethird { width:100%; padding:0; margin:0;}
	.contact-icon { margin-bottom:10px;}
	.linedivider { border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0 !important; margin:20px 0 !important;}
	
	.arrow-down-btn { position:relative; bottom:inherit; left:0; width:120px; margin:40px auto 0 auto;}
	.arrow-down,.btn-plus { width:40px; height:40px; background-size:40px 40px;}
	.arrow-down:hover { background-position:center 40px;}
	
	.lightbox-container { display:block; justify-content:none; align-items:none; flex-direction:none; -webkit-overflow-scrolling:touch; }
	.lightbox { position:relative; width:98%; padding:30px 20px; margin:50px auto;}
	.pre-logo { float:none; text-align:right; margin-top:20px; border-top:none;}
	.lightbox-logo1 { width:140px;}
	.lightbox-logo2 { width:180px; }
	.divider-btm { padding-bottom:40px; margin-bottom:30px; border-bottom:1px solid #ccc;}
}


/* IF NOHEIGHT */
/* IF NOHEIGHT */
@media only screen and (max-height:730px) {
	
	.intro-logo-box { width:420px; height:420px;}
	.intro-logo { width:320px;}
}

/* IF WIDE */
/* IF WIDE */
@media only screen and (min-width:2000px) {
	
	.contain { max-width:2000px;}
	.section { padding:90px;}
	.section-onlyvertical { padding-top:90px; padding-bottom:90px;}
	.section-outline { padding:90px;}
	
	.mar { margin-top:90px; margin-bottom:90px;}
	.mar-top { margin-top:90px;} .mar-btm { margin-bottom:90px;}
	.pad { padding-top:90px; padding-bottom:90px;}
	.pad-top { padding-top:90px;} .pad-btm { padding-bottom:90px;}
	.pad-mini { padding:45px 0;}
}


/* HAMBURGER */
/* HAMBURGER */


.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger { display:inline-block; cursor:pointer; transition-property:opacity, -webkit-filter; transition-property:opacity, filter; transition-property:opacity, filter, -webkit-filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.hamburger-box { width:25px; height:8px; margin:-2px 8px 0 0; display:inline-block; position:relative;}
.hamburger-box { width:25px; height:8px; margin:-2px 8px 0 0; display:inline-block; position:relative;}
.hamburger-inner { display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:100%; height:2px; background-color:#fff; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.hamburger-inner::before, .hamburger-inner::after { content:""; display:block;}
.hamburger-inner::before { top:-8px;}
.hamburger-inner::after { bottom:-8px; width:100%;}
.is-active .hamburger-inner,.is-active .hamburger-inner::after,.is-active .hamburger-inner::before{background-color:#fff!important;}.hamburger--spin .hamburger-inner{transition-duration:.3s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .14s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1)}