/**
 * @license
 * MyFonts Webfont Build ID 3576837, 2018-05-08T10:02:31-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Averta-Bold by Intelligent Design
 * URL: https://www.myfonts.com/fonts/intelligent-foundry/averta/bold/
 * Copyright: Copyright (c) 2015 by Kostas Bartsokas. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3576837
 * 
 * © 2018 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/369405");

  
@font-face {
	font-family:'Averta-Bold';
	src:url('../fonts/369405_0_0.eot');
	src:url('../fonts/369405_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/369405_0_0.woff2') format('woff2'),url('../fonts/369405_0_0.woff') format('woff'),url('../fonts/369405_0_0.ttf') format('truetype');
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 11, 2018 */
@font-face {
    font-family: 'corehumanistsansregular';
    src: url('../fonts/corehumanistsans-regular.woff2') format('woff2'),
         url('../fonts/corehumanistsans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* -------- Global -------- */
HTML{height:100%;width:100%;}
BODY{height:100%;width:100%;min-width:320px;}
A{outline:none;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.container{width:1580px;margin:0 auto;position:relative;}
.loader{height:100%;width:100%;background-color:#000;display:block;overflow:hidden;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
.firstcolor{background-color:#232427;transition: 2s all;}
.newcolor{background-color:#000;transition: 2s all;}

::-moz-selection{/* Code for Firefox */color:#fff;background:#ffe400;}
::selection{color:#fff;background:#ffe400;}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
 }
 
/* -------- Menu -------- */
.menu-fake, .menu-nav{height:0;width:100%;display:block;overflow:hidden;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;transition:all 0.7s ease;}
.menu-nav{z-index:2000;position:fixed;background-color:#000;}
.menu-nav .menu-close{width:100%;padding:50px 0 0 0;overflow:hidden;}
.menu-nav .menu-close .close{float:right;margin:40px 0 0 0;}
.menu-nav .menu-close .close A{display:inline-block;padding:0 28px 0 0;color:#fff;text-decoration:none;font:normal 24px 'Averta-Bold', helvetica, arial, sans-serif;-webkit-transition: all .2s ease;position:relative;}
.menu-nav .menu-close .close A::after, .menu-nav .menu-close .close A::before{content:'';display:block;height:3px;width:16px;background:#fff;-webkit-transition:all .2s ease;position:absolute;right:0;}
.menu-nav .menu-close .close A::after{bottom:13px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.menu-nav .menu-close .close A::before{bottom:13px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-nav .menu-close .close A:hover::after, .menu-nav .menu-close .close A:hover::before{bottom:15px;background-color:#ffe400;-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}
NAV.menu-links{width:100%;}
NAV.menu-links UL{text-align:center;margin:100px 0 0 0;}
NAV.menu-links UL LI{width:100%;margin:0 0 20px 0;}
NAV.menu-links UL LI A{color:#fff;text-decoration:none;font:normal 80px 'Averta-Bold', helvetica, arial, sans-serif;-webkit-transition: all .4s ease;padding:0 0 10px 0;position:relative;display:inline-block;}
NAV.menu-links UL LI A::before{content:'';z-index:100;display:block;height:3px;background:#fff;-webkit-transition:all .4s ease;position:absolute;left:0;bottom:0;width:100%;}
NAV.menu-links UL LI A::after{content:'';z-index:110;display:block;height:3px;width:0;background:#ffe400;-webkit-transition:all .4s ease;position:absolute;left:0;bottom:0;}
NAV.menu-links UL LI A:hover::after{width:100%;}

/* -------- Nav -------- */
NAV.main, NAV.main-white{width:100%;padding:50px 0 30px 0;overflow:hidden;position:absolute;}
.main-logo{position:absolute;top:0;left:-7px;width:118px;height:106px;}
.main-logo A{display:block;width:118px;height:106px;}
.main-logo A:hover svg:hover path, .main-logo A:hover svg:hover polygon{fill:#58585a;-webkit-transition:all .2s ease;}
NAV.main-white .main-logo A svg path, NAV.main-white .main-logo A svg polygon{fill:#000;-webkit-transition:all .2s ease;}
.main-menu{float:right;margin:40px 0 0 0;}
.main-menu A{display:inline-block;padding:0 28px 0 0;text-decoration:none;font:normal 24px 'Averta-Bold', helvetica, arial, sans-serif;-webkit-transition:all .2s ease;position:relative;}
.main-menu A::after, .main-menu A::before{content:'';display:block;height:3px;width:16px;-webkit-transition:all .2s ease;position:absolute;right:0;}
NAV.main .main-menu A{color:#fff;}
NAV.main-white .main-menu A{color:#000;}
NAV.main .main-menu A::after, NAV.main .main-menu A::before{background:#fff;}
NAV.main-white .main-menu A::after, NAV.main-white .main-menu A::before{background:#000;}
.main-menu A::after{bottom:8px;}
.main-menu A::before{bottom:18px;}
.main-menu A:hover::after{bottom:15px;background-color:#ffe400 !important;}
.main-menu A:hover::before{right:1px;bottom:15px;background-color:#ffe400 !important;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}

/* -------- Banner -------- */
SECTION.banner{width:100%;padding:300px 0 105px 0;}
SECTION.banner-white{width:100%;padding:300px 0 80px 0;}
SECTION.banner H1, SECTION.banner-white H1{font:normal 60px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;margin:0 0 135px 0;}
SECTION.banner H1{color:#fff;}
SECTION.banner-white H1{color:#000;}
SECTION.banner-white H1.work-title{margin:0 0 15px 0;text-align:center;}
SECTION.banner P.more, SECTION.banner-white P.more{letter-spacing:1px;font:normal 16px 'Averta-Bold', helvetica, arial, sans-serif;}
P.work-p{letter-spacing:0;font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;color:#cfd0d2;line-height:1;text-align:center;}
P.work-p-sml{margin:0 auto;max-width:860px;letter-spacing:0;font:normal 40px 'Averta-Bold', helvetica, arial, sans-serif;color:#cfd0d2;line-height:1.15;text-align:center;}
SECTION.banner P A{display:inline-block;padding:0 0 10px 35px;color:#ffe400;text-decoration:none;position:relative;-webkit-transition:all .2s ease;}
SECTION.banner P A:hover{color:#58585a;-webkit-transition:all .2s ease;}
SECTION.banner-white P A{display:inline-block;padding:0 0 10px 35px;color:#000;text-decoration:none;position:relative;-webkit-transition:all .2s ease;}
SECTION.banner-white P A:hover{color:#cfd0d2;-webkit-transition:all .2s ease;}
SECTION.banner P A::after, SECTION.banner-white P A::after{content:'';position:absolute;left:0;top:5px;display:inline-block;width:20px;height:40px;-webkit-transition:all .2s ease;}
SECTION.banner P A::after{background:transparent url('../images/arrow_down.svg') no-repeat;}
SECTION.banner-white P A::after{background:transparent url('../images/arrow_down_black.svg') no-repeat;}
SECTION.banner P A:hover::after, SECTION.banner-white P A:hover::after{top:15px;}

/* -------- Intro -------- */
SECTION.intro, SECTION.intro-black{width:100%;height:645px;padding:100px 0 55px 0;margin:0 0 50px 0;position:relative;}
SECTION.intro{background-color:#fff;}
SECTION.intro-black{background-color:#000;}
.intro-img, SECTION.intro-black .intro-img{z-index:10;height:100%;width:63%;position:absolute;right:0;top:-45px;}
.intro-img{background:transparent url('../images/iamtiago1.png') no-repeat;background-size:cover;background-position:center;}
SECTION.intro-black .intro-img{background:transparent url('../images/iamtiago2.png') no-repeat;background-size:cover;background-position:center;}
.intro-cnt{z-index:110;width:1180px;margin:0 auto;position:relative;overflow:hidden;}
.intro-desc-left{width:calc(50% - 10px);padding:120px 80px 160px 0;background-color:#fff;}
.intro-black .intro-desc-left{background-color:#000;}
.intro H2, .intro-black H2{font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;position:relative;}
.intro H2{color:#000;}
.intro-black H2{color:#fff;}
.intro H2::after, .intro-black H2::after{content:'';display:block;width:190px;height:10px;background-color:#ffe400;position:absolute;left:0;bottom:-75px;}

/* -------- About -------- */
SECTION.about{width:100%;max-width:820px;margin:0 auto;padding:80px 0 100px 0;}
SECTION.about H3{width:100%;text-align:center;color:#000;font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;margin:0 0 50px 0;}
SECTION.about H4{width:100%;text-align:center;color:#000;font:normal 30px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;margin:0 0 45px 0;}
SECTION.about H4 SPAN{position:relative;display:inline-block;}
SECTION.about H4 SPAN::after{content:'';display:block;width:100%;height:8px;background-color:#ffe400;position:absolute;left:0;bottom:-15px;}
SECTION.about P{font:normal 18px 'corehumanistsansregular', helvetica, arial, sans-serif;line-height:1.5;text-align:center;margin:0 0 45px 0;color:#565658;}

/* -------- Work -------- */
SECTION.featured{width:100%;background-color:#fff;position:relative;padding:0 0 180px 0;}
.featured H2, .worklist H2{z-index:100;position:absolute;left:0;top:100px;display:inline-block;padding:0 20px 5px 0;color:#000;font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;position:relative;background-color:#fff;}
.featured H2::after, .worklist H2::after{content:'';display:block;width:190px;height:10px;background-color:#ffe400;position:absolute;left:0;bottom:-30px;}
.work-container{width:1420px;margin:0 auto;background-color:#fff;}
.featured P, .worklist P{width:190px;margin:0 auto;text-align:center;text-transform:uppercase;letter-spacing:1px;font:normal 16px 'Averta-Bold', helvetica, arial, sans-serif;}
.featured P A, .worklist P A{text-decoration:none;color:#000;position:relative;-webkit-transition: all .4s ease;padding:0 0 10px 0;display:inline-block;}
.featured P A::after, .worklist P A::after{content:'';display:block;width:100%;height:2px;background-color:#000;position:absolute;left:0;bottom:0;z-index:100;}
.featured P A::before, .worklist P A::before{content:'';display:block;width:0;height:2px;background-color:#ffe400;position:absolute;left:0;bottom:0;z-index:110;-webkit-transition: all .4s ease;}
.featured P A:hover::before, .worklist P A:hover::before{width:100%;}
.featured UL, .worklist UL{font-size:0;}
.featured UL LI, .worklist UL LI{position:relative;}
.feat-item{display:inline-block;width:calc(50% - 20px);margin:0 10px 75px 10px;}
.work-item{display:inline-block;width:calc(50% - 20px);margin:0 10px 20px 10px;}
.work-item-full{display:inline-block;width:calc(100% - 20px);margin:0 10px 20px 10px;}
.feat-item A, .work-item A{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, 0.2);}
.feat-item A:hover, .work-item A:hover{background-color:rgba(0, 0, 0, 0.4);}
.feat-item H3, .work-item H3{z-index:100;width:100%;position:absolute;left:0;top:48%;padding:0 60px;color:#fff;font:normal 36px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;text-align:center;}
.feat-item IMG, .work-item IMG, .work-item-full IMG{width:100%;}
SECTION.worklist{width:100%;background-color:#fff;position:relative;padding:0 0 60px 0;}

/* -------- Intro About -------- */
SECTION.intro-about{width:100%;max-width:820px;margin:0 auto;padding:0 0 125px 0;}
SECTION.intro-about H3{width:100%;text-align:center;color:#000;font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;margin:0 0 35px 0;}
SECTION.intro-about P{font:normal 18px 'corehumanistsansregular', helvetica, arial, sans-serif;line-height:1.5;text-align:center;margin:0 0 20px 0;}

/* -------- Pre-contact -------- */
SECTION.hi{width:100%;background-color:#ffe400;padding:100px 0;}
SECTION.hi H3{text-align:center;color:#000;font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;margin:0 0 20px 0;position:relative;-webkit-transition:all .2s ease;}
SECTION.hi H3::after{content:'';position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:-70px;display:inline-block;width:20px;height:40px;background:transparent url('../images/arrow_down.svg') no-repeat;-webkit-transition:all .2s ease;}
SECTION.hi:hover H3::after{bottom:-80px;}
SECTION.hi P{font:normal 16px 'corehumanistsansregular', helvetica, arial, sans-serif;line-height:1.5;text-align:center;margin:0 0 20px 0;}

/* -------- Contact -------- */
SECTION.ctcs{width:100%;overflow:hidden;display:flex;}
DIV.left-ctc, DIV.right-ctc{width:50%;float:left;margin:0;padding:130px 0 150px 0;}
DIV.left-ctc{background-color:#565658;}
DIV.right-ctc{background-color:#cfd0d2;}
DIV.left-ctc H2, DIV.right-ctc H2{font:normal 50px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;width:700px;margin:0 auto;padding:0 0 30px 0;}
DIV.left-ctc P, DIV.right-ctc P{font:normal 18px 'corehumanistsansregular', helvetica, arial, sans-serif;width:700px;margin:0 auto;}
DIV.left-ctc H2, DIV.left-ctc P{color:#fff;}
DIV.right-ctc H2, DIV.right-ctc P{color:#000;}
DIV.right-ctc UL{list-style:none;overflow:hidden;padding:15px 0;width:700px;margin:0 auto;}
DIV.right-ctc UL LI{float:left;margin:0 20px 0 0;font:normal 18px 'corehumanistsansregular', helvetica, arial, sans-serif;}
DIV.right-ctc UL LI A{color:#000;text-decoration:none;display:inline-block;padding:0 0 5px 0;position:relative;}
DIV.right-ctc UL LI A::after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background-color:#000;z-index:100;}
DIV.right-ctc UL LI A::before{content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:2px;background-color:#fff;z-index:110;-webkit-transition: all .4s ease;}
DIV.right-ctc UL LI A:hover::before{width:100%;}

SECTION.banner-ctc{width:100%;min-height:100%;padding:300px 0 0 0;text-align:center;}
SECTION.banner-ctc H1{color:#fff;font:normal 60px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;display:inline-block;position:relative;margin:0 0 100px 0;}
SECTION.banner-ctc H1::after{content:'';display:block;width:100%;height:10px;background-color:#ffe400;position:absolute;left:0;bottom:-25px;}
SECTION.banner-ctc UL{width:100%;text-align:center;padding:0 0 30px 0;}
SECTION.banner-ctc UL LI{margin:0 10px;display:inline-block;font:normal 34px 'Averta-Bold', helvetica, arial, sans-serif;line-height:1.15;}
SECTION.banner-ctc UL LI A{color:#fff;text-decoration:none;padding:0 0 5px 0;position:relative;}
SECTION.banner-ctc UL LI A::after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background-color:#58585a;z-index:100;}
SECTION.banner-ctc UL LI A::before{content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:2px;background-color:#fff;z-index:110;-webkit-transition: all .4s ease;}
SECTION.banner-ctc UL LI A:hover::before{width:100%;}