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

html,body { font-size:0; color:#4d4d4d; font-family:"Poppins", serif; font-weight:400; font-style:normal; height:100%; -moz-osx-font-smoothing:grayscale; text-size-adjust:none; -webkit-text-size-adjust:none;}
body,div,img,ul,li,h1,h2,p,video { padding:0; margin:0; border:0; outline:0;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3 { font-weight:inherit;}
.ytouch, .ypad, .ymenu { display:none !important;}
.vmiddle * { vertical-align:middle;}
.tra { transition:all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s;}
.relative { position:relative;}
::selection { background:#ffada9;} ::-moz-selection { background:#ffada9;}
.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.capitalize { text-transform:capitalize !important;} .uppercase { text-transform:uppercase;} .underline { text-decoration:underline;}
.pointer { cursor:pointer;}
.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;}

/* MAIN */
/* MAIN */

.contain { max-width:1600px; margin-left:auto; margin-right:auto; box-sizing:border-box; padding-left:6vw; padding-right:6vw;}

.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;}
.threefourth { display:inline-block; width:75%; vertical-align:top; box-sizing:border-box;}

.fifty-bubble { padding:0 10%; min-width:300px;}

.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.35);}
.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.bg { position:absolute; left:0; top:0; width:100%; height:100%;}
.bg-opacity { opacity:.2;}
.bg-fixed { background-attachment:fixed;}

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

.mar-top { margin-top:90px;}
.mar-btm { margin-bottom:90px;}
.pad-top { padding-top:90px;}  
.pad-btm { padding-bottom:90px;}

.mar-top-mini { margin-top:40px;}
.mar-btm-mini { margin-bottom:40px;}
.pad-top-mini { padding-top:40px;}  
.pad-btm-mini { padding-bottom:40px;}

.cta { display:inline-block; box-sizing:border-box; border-radius:50px; padding:10px 30px; font-size:16px; letter-spacing:1px; cursor:pointer; margin:0 5px; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cta.bg-red:hover { background:#fff; color:#ed1c28;}


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

.title { font-size:76px; line-height:70px; font-weight:500;}
.title-meno { font-size:45px; line-height:45px; font-weight:500; margin-bottom:60px;} .nospace { margin-bottom:0;}
.title-mini { font-size:32px; line-height:32px; font-weight:500;} 
.text-big { font-size:24px; line-height:26px;}
.text { font-size:18px;}
.text-sub { font-size:16px; letter-spacing:1px; margin-bottom:10px;}
.text-mini { font-size:14px;}

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

.bg-dark { background-color:#4d4d4d; color:#fff;}
.bg-warm { background-color:#968b83; color:#fff;}
.bg-red { background-color:#ed1c28; color:#fff;}
.bg-white { background-color:#fff; color:#968b83;}

.gr-dark { color:#fff; background:rgb(77,77,77); background:-moz-linear-gradient(180deg, rgba(77,77,77,1) 0%, rgba(150,139,131,1) 100%);
background:-webkit-linear-gradient(180deg, rgba(77,77,77,1) 0%, rgba(150,139,131,1) 100%);
background:linear-gradient(180deg, rgba(77,77,77,1) 0%, rgba(150,139,131,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d4d4d",endColorstr="#968b83",GradientType=1);}

.c-dark { color:#4d4d4d;}
.c-warm { color:#968b83;}
.c-red, .h-red:hover { color:#ed1c28;}
.c-white { color:#fff;}

.b-red { border:1px solid #ed1c28;}

/* NAV */ 
/* NAV */

.blackout { z-index:900; position:absolute; width:100%; height:100%; top:0; left:0; pointer-events:none; background:#333;
            transition:opacity 4s .7s;
	-webkit-transition:opacity 4s .7s; 
	     -o-transition:opacity 4s .7s;
	   -moz-transition:opacity 4s .7s;}
.black_out { opacity:0;}

.header-logo { z-index:100; left:6vw; position:absolute; display:block; top:-200px; width:270px; height:81px; background:url("../img/banchero-logo.svg") center/100% no-repeat;
-webkit-transition:top 1s 3s cubic-bezier(0.22, 1, 0.36, 1); 
	 -o-transition:top 1s 3s cubic-bezier(0.22, 1, 0.36, 1);
   -moz-transition:top 1s 3s cubic-bezier(0.22, 1, 0.36, 1);
	    transition:top 1s 3s cubic-bezier(0.22, 1, 0.36, 1);}
.header_in { top:20px;}

nav { z-index:110; position:fixed; left:0; top:0; width:100%; height:75px;
    background:url("../img/banchero-logo_c.svg") 6vw -200px/190px no-repeat;
 transition:background .3s,padding .3s,top .6s cubic-bezier(0.76, 0, 0.24, 1),opacity .6s 2s; 
	-webkit-transition:background .3s,padding .3s,top .6s cubic-bezier(0.76, 0, 0.24, 1); 
	     -o-transition:background .3s,padding .3s,top .6s cubic-bezier(0.76, 0, 0.24, 1); 
	   -moz-transition:background .3s,padding .3s,top .6s cubic-bezier(0.76, 0, 0.24, 1);}
.nav-link { display:inline-block; margin:40px 0 0 25px; font-size:16px; letter-spacing:1px; color:#fff;}
.nav-link:hover { opacity:.6;}

.nav_on { background-color:#fff; background-position:6vw center; box-shadow:0 10px 20px rgba(0,0,0,.1);}
.nav_on .nav-link { color:#4d4d4d; margin-top:25px;}

/* INTRO */
/* INTRO */

.billboard { position:relative; width:100%; height:100vh; box-sizing:border-box; 
	display:flex; justify-content:center; align-items:center;}
.image { height:100px; padding:20% 0;}

.h1-wrap { -webkit-transform:scale(1); -ms-transform:scale(1);transform:scale(1); opacity:0;
	-webkit-animation:fadeZoomIn 1.6s 1s cubic-bezier(0.83,0,0.17,1) forwards; 
	        animation:fadeZoomIn 1.6s 1s cubic-bezier(0.83,0,0.17,1) forwards}

@-webkit-keyframes fadeZoomIn{0%{opacity:0;
    -webkit-transform:scale(1.3);
            transform:scale(1.3)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes fadeZoomIn{0%{opacity:0;
    -webkit-transform:scale(1.3);
            transform:scale(1.3)}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

.intro-bg { -webkit-transform:scale(1); -ms-transform:scale(1);transform:scale(1); opacity:0;
	-webkit-animation:moveIn 7s cubic-bezier(0.22, 1, 0.36, 1) forwards; 
	        animation:moveIn 7s cubic-bezier(0.22, 1, 0.36, 1) forwards}

@-webkit-keyframes moveIn{0%{opacity:0;
    -webkit-transform:scale(3.9) rotate(14deg) translateY(120px);
            transform:scale(3.9) rotate(14deg) translateY(120px)} 
    100%{opacity:1;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}
@keyframes moveIn{0%{opacity:0;
    -webkit-transform:scale(3.9) rotate(14deg) translateY(120px);
            transform:scale(3.9) rotate(14deg) translateY(120px)}
    100%{opacity:1;-webkit-transform:scale(1) rotate(0deg) translateY(0);transform:scale(1) rotate(0deg) translateY(0)}}

/* ABOUT US */
/* ABOUT US */

.illustration { position:absolute; right:0; top:0; width:32vw; height:32vw; max-width:460px; max-height:460px;}

.ill-top { background:url("../img/illustration.svg") center/100% no-repeat;  
    animation:move 6s ease-in-out infinite;
    -webkit-animation:move 6s ease-in-out infinite;
    -moz-animation:move 6s ease-in-out infinite;
    -o-animation:move 6s ease-in-out infinite;
    -ms-animation:move 6s ease-in-out infinite;}

@keyframes move{0%{transform:translate(0,0)}25%{transform:translate(3px,-3px)}50%{transform:translate(-3px,3px)}75%{transform:translate(3px,0)}100%{transform:translate(0,0)}}@-webkit-keyframes move{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(3px,-3px)}50%{-webkit-transform:translate(-3px,3px)}75%{-webkit-transform:translate(3px,0)}100%{-webkit-transform:translate(0,0)}}@-moz-keyframes move{0%{-moz-transform:translate(0,0)}25%{-moz-transform:translate(3px,-3px)}50%{-moz-transform:translate(-3px,3px)}75%{-moz-transform:translate(3px,0)}100%{-moz-transform:translate(0,0)}}@-o-keyframes move{0%{-o-transform:translate(0,0)}25%{-o-transform:translate(3px,-3px)}50%{-o-transform:translate(-3px,3px)}75%{-o-transform:translate(3px,0)}100%{-o-transform:translate(0,0)}}@-ms-keyframes move{0%{-ms-transform:translate(0,0)}25%{-ms-transform:translate(3px,-3px)}50%{-ms-transform:translate(-3px,3px)}75%{-ms-transform:translate(3px,0)}100%{-ms-transform:translate(0,0)}}

.ill-btm { background:url("../img/illustration-wrap.svg") center/100% no-repeat; 
    animation:rotate 4s linear infinite;
    -webkit-animation:rotate 4s linear infinite;
    -moz-animation:rotate 4s linear infinite;
    -o-animation:rotate 4s linear infinite;
    -ms-animation:rotate 4s linear infinite;}

@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-moz-keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-ms-keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}


.onda1 { width:100%; position:absolute; top:0; left:0; pointer-events:none;}

.card-about { max-width:380px; min-width:380px; min-height:380px; box-sizing:border-box; padding:60px 40px; background:rgb(0,0,0);
background:-moz-linear-gradient(45deg, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0.75) 100%);
background:-webkit-linear-gradient(45deg, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0.75) 100%);
background:linear-gradient(45deg, rgba(0,0,0,0.4) 36%, rgba(0,0,0,0.75) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}

.card-about .text { margin-top:30px; padding-top:30px; border-top:3px solid #ed1c28;}

.card-about.swiper-slide { transform:scale(0.9); opacity:.6;}
.card-about.swiper-slide-active { transform:scale(1); opacity:1;}

.button { position:relative; display:inline-block; width:45px; height:45px; border-radius:100%; border:2px solid #fff; cursor:pointer; margin:0 5px;}
.button:hover { transform:scale(1.1);}
.arrow { border:1px solid #fff; border-width:0 2px 2px 0; display:inline-block; padding:8px;}
.arrow-left { transform:rotate(135deg); -webkit-transform: rotate(135deg); margin:14px 0 0 8px;}
.arrow-right { transform:rotate(-45deg); -webkit-transform: rotate(-45deg); margin:14px 0 0 -6px;}

/* WORD WRAP */
/* WORD WRAP */

.word-wrap { white-space:nowrap;}
.word-text {  font-size:25vw; line-height:18vw; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#ed1c28; color:transparent; white-space:nowrap; display:inline-block; animation:scroll-horizontal 10s linear infinite;}
.word-text span { padding: 0 2vw;}

/* TIMELINE */
/* TIMELINE */

.swipe-hand { position:absolute;top:75px;left:40px; -webkit-animation:handAnimate 1.5s infinite;animation:handAnimate 1.5s infinite;}
@-webkit-keyframes handAnimate{0%{-webkit-transform:translate(10px, -50%);transform:translate(10px, -50%)}50%{-webkit-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}100%{-webkit-transform:translate(10px, -50%);transform:translate(10px, -50%)}}
@keyframes handAnimate{0%{-webkit-transform:translate(10px, -50%);transform:translate(10px, -50%)}50%{-webkit-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}100%{-webkit-transform:translate(10px, -50%);transform:translate(10px, -50%)}}
	
.timeline-wrap { overflow-x:auto; white-space:nowrap; background:url("../img/timelines.svg") repeat-x; -ms-overflow-style:none; /*IE 10+*/ scrollbar-width:none;}
.timeline-wrap::-webkit-scrollbar { display:none; /*Safari and Chrome*/}

.timeline { display:inline-flex; height:100%; box-sizing:border-box; padding-left:6vw; padding-top:40px; background:url("../img/timeline-main.svg") left top repeat-x; overflow-x:hidden;}


.timeline-parallax { position:absolute; left:0; top:80px; width:100%; height:200px; background:url("../img/timeline-line.svg") 30% top / 80vw repeat-x; pointer-events:none;}
.timeline-parallax2 { position:absolute; left:0; top:70px; width:100%; height:200px; background:url("../img/timeline-line.svg") 10% top / 70vw repeat-x; pointer-events:none;}

.progress-container { width:100%; height:7px; background-color:#ccc; overflow:hidden;}
.progress-bar { width:0; height:100%; background-color:#ed1c28; -webkit-transition:width 0.1s; -moz-transition:width 0.1s; -o-transition:width 0.1s; transition:width 0.1s;}

.milestone { z-index:2; position:relative; display:inline-block; width:350px; margin-right:60px; vertical-align:top; white-space:normal;}
.milestone-title { margin:25px 0;}

.milestone-dot { position:relative; width:26px; height:26px; border-radius:100%; animation: ripple 2s infinite linear; -webkit-animation: ripple 2s infinite linear; -moz-animation: ripple 2s infinite linear; -o-animation: ripple 2s infinite linear;}

.milestone-dot:before { left:0; top:0; content:""; width:25px; height:25px; border-radius:100%; position:absolute; border:0.5px solid #968b83;
	animation: ripple 2s infinite linear;
	-webkit-animation: ripple 2s infinite linear;
	-moz-animation: ripple 2s infinite linear;
	-o-animation: ripple 2s infinite linear;}

@keyframes ripple {
  0% { transform: scale(1); opacity:0}
  50% { opacity:.6;}
  100% { transform: scale(2.5); opacity:0}}

.m1 { padding-top:166px;} .m2 { padding-top:50px;} .m3 { padding-top:40px;} .m4 { padding-top:170px;} .m5 { padding-top:115px;} .m6 { padding-top:15px;} .m7 { padding-top:126px;} .m8 { padding-top:160px;} .m9 { padding-top:38px;} .m10 { padding-top:55px;} .m11 { padding-top:174px;} .m12 { padding-top:95px;} .m13 { padding-top:16px;}.m14 { padding-top:145px;} .m15 { padding-top:150px;} .m16 { padding-top:27px;} .m17 { padding-top:70px;} .m18 { padding-top:173px;} .m19 { padding-top:80px;} .m20 { padding-top:23px;} .m21 { padding-top:154px;}

.m22 { padding-top:70px; width:auto;}
.back { width:230px; height:230px; border-radius:100%; display:flex; justify-content:center; align-items:center; text-align:center; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); cursor:pointer;}
.back:hover { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}

.scroll-left { padding-left:50px; background:#ed1c28 url("../img/arrowleft_w.svg") 10% center / 26px no-repeat;}
.scroll-left:hover { background:#fff url("../img/arrowleft_c.svg") 10% center / 26px no-repeat !important;}

.scroll-right { padding-right:50px; background:#ed1c28 url("../img/arrowright_w.svg") 90% center / 26px no-repeat;}
.scroll-right:hover { background:#fff url("../img/arrowright_c.svg") 90% center / 26px no-repeat !important;}


/* SERVICES */
/* SERVICES */

.service-thumb { margin-top:40px; box-sizing:border-box;}
.service-thumb:nth-child(odd) { padding-right:18px;}
.service-thumb:nth-child(even) { padding-left:18px;}
.service-thumb p { box-sizing:border-box; padding-left:20px; padding-right:20px;}

.service-img { position:relative; height:100px; padding:25% 0;}
.service-img::before { display:block; position:absolute; content:""; right:10%; bottom:-25px; width:2px; height:150px; background:#ed1c28;}
 

/* NETWORK */
/* NETWORK */

.divider { height:1px;}
.loghi { height:100px; opacity:.8;}


/* OTHER SERVICES */
/* OTHER SERVICES */

.onda2 { width:100%; position:absolute; bottom:-10px; left:0; pointer-events:none;}

.card-other { max-width:450px; min-width:450px; min-height:380px; box-sizing:border-box;}
.card-other-img { height:100px; padding:20% 0; margin-bottom:40px;}
.card-other .text { box-sizing:border-box; padding:40px 40px;}

.card-other.swiper-slide { transform:scale(0.9); opacity:.6;}
.card-other.swiper-slide-active { transform:scale(1); opacity:1;}


/* FOOTER */
/* FOOTER */


.fascia { box-sizing:border-box; padding:6% 0;}
.fascia img { width:240px; margin-top:5px;}

.footer-logo { width:250px;}
.credits { font-size:12px; padding-top:25px; padding-bottom:25px;}
.credits p, .mmm { opacity:.6;}
.mmm:hover { opacity:1;}

.social { display:inline-block; width:50px; height:50px; margin-right:12px;}
.in { background:url("../img/social-in.svg") center / 50px 50px no-repeat;}
.in_w { background:url("../img/social-in_w.svg") center / 50px 50px no-repeat;}


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

/* IF iPHONE */
/* IF iPHONE */
@media only screen and (max-width:768px) {
	
	.contain { padding-left:20px; padding-right:20px;}
	.ncontain { padding-left:0; padding-right:0;}

	.ymenu { display:inherit !important;}
	.nmenu { display:none !important;}
	.ytouch { display:inherit !important;}
	.ntouch,.ypad { display:none !important;}
    .fifty, .onethird, .twothird { width:100%;}
	.yfifty { width:50% !important;}
	.tleft { text-align:left;}
    
    .mar-top { margin-top:70px;} 
	.mar-btm { margin-bottom:70px;}
    .pad-top { padding-top:70px;} 
	.pad-btm { padding-bottom:70px;}
    .mar-top-mini { margin-top:20px;} 
	.mar-btm-mini { margin-bottom:20px;}
    .pad-top-mini { padding-top:20px;} 
	.pad-btm-mini { padding-bottom:20px;}
	.tpad-left { padding-left:20px;}
	
	.title { font-size:50px; line-height:50px;}
	.title-meno { font-size:40px; line-height:40px; margin-bottom:40px;}
	.text { font-size:16px;}
	.text-sub { font-size:14px;}
	.text-mini { font-size:12px;}
	
	.cta { font-size:14px;}

	.header-logo { left:20px; width:220px; height:65px;}
	.ham { z-index:200; position:fixed; right:20px; top:20px; padding:20px 14px 18px 14px; background:#ed1c28;}
	
	nav, .nav_on { overflow:hidden; box-sizing:border-box; padding:120px 20px 0 20px; text-align:left !important; box-shadow:none; height:100%; left:50%; pointer-events:none;
	        transition:all .6s cubic-bezier(0.76, 0, 0.24, 1);
	-webkit-transition:all .6s cubic-bezier(0.76, 0, 0.24, 1);
	     -o-transition:all .6s cubic-bezier(0.76, 0, 0.24, 1);  
	   -moz-transition:all .6s cubic-bezier(0.76, 0, 0.24, 1);
    background:none 20px 80%/220px no-repeat; color:#fff;}
	
	.nav-link, .nav_on .nav-link  { overflow:hidden; display:block; font-size:38px; line-height:40px; color:#fff; margin:0; text-align:left; pointer-events:none;}
	
	.nav-link span { display:block; transform:translateY(60px);
	        transition:transform .6s cubic-bezier(0.76, 0, 0.24, 1);
	-webkit-transition:transform .6s cubic-bezier(0.76, 0, 0.24, 1);
	     -o-transition:transform .6s cubic-bezier(0.76, 0, 0.24, 1);  
	   -moz-transition:transform .6s cubic-bezier(0.76, 0, 0.24, 1);}
	.nav-link_on span, .nav_on .nav-link_on span { opacity:1; transform:translateY(0px);}
	
	.nav-mobile_on { background:#968b83; color:#fff; left:40px; pointer-events:inherit;}
	.nav-mobile_on .nav-link { pointer-events:inherit;}
    .nav-logo { position:absolute; left:40px; bottom:40px; width:220px;}
	
	.nav-veil { z-index:105; opacity:0; pointer-events:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); transition:opacity.4s; -webkit-transition:opacity.4s; -o-transition:opacity.4s; -moz-transition:opacity.4s;}
	.nav-veil_on { opacity:1;}
	
	.nav-footer { margin:16% 0 8% 0; padding:25px 0; border-top:2px solid #ed1c28; border-bottom:2px solid #ed1c28;}
	.nav-footer, .nav-credits { opacity:0; pointer-events:none; margin-left:150px;
	 	    transition:all .8s cubic-bezier(0.76, 0, 0.24, 1);
	-webkit-transition:all .8s cubic-bezier(0.76, 0, 0.24, 1);
	     -o-transition:all .8s cubic-bezier(0.76, 0, 0.24, 1);  
	   -moz-transition:all .8s cubic-bezier(0.76, 0, 0.24, 1);}
	.nav-footer_on, .nav-credits_on { opacity:1; pointer-events:inherit; margin-left:0;}
	
	.fascia { padding:15% 0;}

	/* PAGES */
	
	.illustration-wrap { display:block; width:80vw; height:70vw; max-height:390px; margin:40px auto 0 auto;}
	.illustration { width:80vw; height:80vw; max-height:390px; left:0; margin:0 auto;}
	.onda1, .onda2 { width:180%; left:-40%;}
	.bg-fixed { background-attachment:inherit;}
	.card-about { max-width:320px; min-width:320px;}

	.milestone { width:250px; margin-right:40px;}
	.m1 { padding-top:166px;} .m2 { padding-top:105px;} .m3 { padding-top:25px;} .m4 { padding-top:40px;} .m5 { padding-top:145px;} .m6 { padding-top:165px;}  .m7 { padding-top:90px;} .m8 { padding-top:15px;}  .m9 { padding-top:50px;} .m10 { padding-top:155px;}  .m11 { padding-top:160px;} .m12 { padding-top:75px;}  .m13 { padding-top:15px;} .m14 { padding-top:65px;}  .m15 { padding-top:160px;} .m16 { padding-top:154px;} .m17 { padding-top:65px;} .m18 { padding-top:13px;} .m19 { padding-top:84px;} .m20 { padding-top:165px;} .m21 { padding-top:146px;}
	.swipe-hand { display:inherit;}

	.service-thumb:nth-child(odd), .service-thumb:nth-child(even) { padding:0;}
	.card-other { max-width:380px; min-width:inherit;}
	.footer-logo { margin-bottom:40px;}
	.credits .onethird { margin-top:15px;}

}

@media only screen and (min-width:1300px) { .word-text { font-size:15vw; line-height:12vw;} }
@media only screen and (min-width:1500px) { .onda-fix { padding-top:130px;} }
@media only screen and (min-width:1700px) { .title { font-size:90px; line-height:80px;} }

/* HAMBURGER */
.hamburger { display:inline-block; overflow:hidden; }
.hamburger__container { position:relative;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color:#fff;}
.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:20px; height:8px; 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:1px; background-color:#fff; position:absolute; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -moz-transition:all .5s;}

.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 { background-color:#fff !important;}

.ham:hover .is-active .hamburger-inner::after,.ham:hover .is-active .hamburger-inner { background-color:#fff;}

/* CHANGE THE BELOW PACK TO CHANGE EFFECT */
.hamburger--squeeze .hamburger-inner{transition-duration:.1s;transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top .1s  ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s  ease,-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .1s  ease,transform .1s cubic-bezier(0.55,0.055,0.675,0.19),-webkit-transform .1s cubic-bezier(0.55,0.055,0.675,0.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease,opacity .1s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .1s ease,transform .1s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform .1s cubic-bezier(0.215,0.61,0.355,1)}