/*!
Theme Name: why
Theme URI: http://underscores.me/
Author: Ivan Marveira
Author URI: http://www.c2s.com.br
Description: Tema criado para agência why.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: why
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

why is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
    font-family: 'gilroybold';
    src: url('fonts/gilroy-bold-webfont.woff2') format('woff2'),
         url('fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gilroysemibold';
    src: url('fonts/gilroy-semibold-webfont.woff2') format('woff2'),
         url('fonts/gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'majesti_bannerheavy';
    src: url('fonts/majesti-banner-heavy-webfont.woff2') format('woff2'),
         url('fonts/majesti-banner-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%; }
body { margin: 0; font-family: "gilroysemibold", sans-serif; color: #000; font-size: 16px; background: #FFF; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, .row { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; }

a { color: #4a4a4a; text-decoration: none;}
a:hover { text-decoration: none; color:#01A8D4; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
  
h1 { color: #01A8D4; font-family: "majesti_bannerheavy";}
h2 { font-size: 84px; font-family: "majesti_bannerheavy";}
h3 { }

p {  }

mark { background: #ff0; color: #000; }
small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; padding: 0;}

hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

ul { margin: 0; padding:0; list-style-type: none}
ul li { margin: 0; padding:0; list-style-type: none}

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea, input { line-height: normal;  outline: none;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }

#bar { margin: -1px 0 0 0; }

header { position: fixed; z-index: 10; width: 100%; } 
header .row { padding-top: 20px;}
header ul { padding-top: 20px; }
header ul li { display: inline; font-family: "gilroybold"; font-size: 17px; margin-right: 80px;}

.page-id-4 header a { color: #FFF; }
.page-id-4 header a:hover { color: #01A8D4;; }
.page-id-8 header a { color: #FFF; }
.page-id-8 header a:hover { color: #01A8D4;; }
.page-id-45 header a { color: #FFF; }
.page-id-45 header a:hover { color: #01A8D4;; } 

.ativo { border:1px solid red; color: red; }
.ativo h1 {color:red!important;}

.postid-23 #marcas a {color: rgba(255,255,255,0.7);!important; cursor:pointer;}
#marcas a:hover {color: #01A8D4;}
.postid-19 #insights a {color: rgba(255,255,255,0.7);!important; cursor:pointer;}
#insights a:hover {color: #01A8D4;}
.postid-9 #experiencias a {color: rgba(255,255,255,0.7);!important; cursor:pointer;}
#experiencias a:hover {color: #01A8D4;}

#nav-servicos { background: #4D2B78; display: block; clear: both; padding: 50px 0; }
#nav-servicos h1 a { font-size: 104px; margin: 0 0 0 300px; color: #FFF; cursor: pointer!important; line-height: 104px; }

#interna-rx a { color: #dedede; letter-spacing: 0.5px;}
#interna-rx a:hover { color: #01A8D4;}

#home { height: 100vh; width: 100vw; background-repeat: no-repeat; background-position: center fixed; background-size: cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#home .row { height:100vh; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#home article { height: 80%; min-height: 80%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;} 
#home article div { width: 100%; text-align: left;}
#home article h1 { font-size: 150px; line-height: 99px; margin: 0 0 0 300px;}
#home article p { font-size: 1.3em; margin-bottom: 30px; margin-right: 50%;}
#home article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}

.scrolling {position: absolute; bottom: 20px; width: 100%; text-align: center;}

#contato { height: 100vh; width: 100vw; background: #4D2B78; background-repeat: no-repeat; background-position: center fixed; background-size: cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#contato .row { height:100vh; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#contato article { height: 80%; min-height: 80%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;} 
#contato article div { width: 100%; text-align: left;}
#contato article h1 { font-size: 84px; line-height: 99px; margin: 0 0 0 300px; color: #01A8D4; padding-bottom: 40px; }
#contato article h2 { font-size: 84px; line-height: 84px; margin: 0 0 0 300px; color:#FFF; margin-bottom: 70px;}
#contato article p { margin-left: 300px; color: #FFF;}
#contato article a { color:#FFF; margin-bottom: 10px; }

#servicos { background: #4D2B78; height: 100vh; width: 100vw; background-repeat: no-repeat; background-position: center fixed; background-size: cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#servicos .row { height:100vh; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
#servicos article { height: 80%; min-height: 80%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;} 
#servicos article div { width: 100%; text-align: left;}
#servicos article a h1 { font-size: 150px; line-height: 110px; margin: 0 0 0 300px; color: #FFF; text-transform: lowercase;}
#servicos article a h1:hover { color: #01A8D4;}
#servicos article p { font-size: 1.3em; margin-bottom: 30px; margin-right: 50%;}
#servicos article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}

#sobre { background: #FFF; }
#sobre .row { height:100vh;}
#sobre article { margin-top: 150px; }
#sobre article div { width: 100%; text-align: left;}
#sobre article h1 { font-size: 84px; line-height: 110px; margin: 0 0 0 300px; color: #000;}
#sobre article h2 { font-size: 84px; line-height: 84px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 120px;}
#sobre article h3 { font-size: 21px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 0px;}
#sobre article p { font-size: 21px; margin-bottom: 30px; margin-right: 0; margin-left: 300px;}
#sobre article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}
#sobre article ul { margin-left: 300px; margin-bottom: 60px; }
#sobre article ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
#sobre article ul li { font-size: 19px; width: 370px; margin-right: 30px; border-bottom: 1px solid #dbdbdb; float: left; line-height: 60px; font-family: "gilroysemibold"; }
#sobre .sobre h3 { margin-left:0; color: #01A8D4;}
#sobre .sobre ul li { width: 230px; float: left; line-height: 28px; border-bottom: none; font-size: 18px; }
#sobre .sobre ul li p { margin-left: 0; font-family: "gilroybold";}

#interna { background: #FFF; }
#interna .row { height:100vh;}
#interna article { margin-top: 150; }
#interna article div { width: 100%; text-align: left;}
#interna article h1 { font-size: 84px; line-height: 110px; margin: 0 0 0 300px; color: #000;}
#interna article h2 { font-size: 84px; line-height: 84px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 120px;}
#interna article h3 { font-size: 21px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 0px;}
#interna article p { font-size: 21px; margin-bottom: 30px; margin-right: 0; margin-left: 300px;}
#interna article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}
#interna article ul { margin-left: 300px; margin-bottom: 60px; }
#interna article ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
#interna article ul li { font-size: 19px; width: 370px; margin-right: 30px; border-bottom: 1px solid #dbdbdb; float: left; line-height: 60px; font-family: "gilroybold"; padding-left: 5px; }
#interna .sobre h3 { margin-left:0; color: #01A8D4;}
#interna .sobre ul li { width: 230px; float: left; line-height: 28px; border-bottom: none; font-size: 18px; }
#interna .sobre ul li p { margin-left: 0; font-family: "gilroybold";}

.single #interna {padding-top: 100px;}

#projetos { background: #FFF; }
#projetos .row { height:100vh;}
#projetos article { margin-top: 150px; }
#projetos article div { width: 100%; text-align: left;}
#projetos article h1 { font-size: 84px; line-height: 110px; margin: 0 0 0 300px; color: #01A8D4;}
#projetos article h2 { font-size: 84px; line-height: 84px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 120px;}
#projetos article h3 { font-size: 21px; margin: 0 0 0 300px; color:#01A8D4; margin-bottom: 0px;}
#projetos article p { font-size: 21px; margin-bottom: 60px; margin-right: 0; margin-left: 300px; }
#projetos article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}
#projetos article ul { margin-left: 300px; margin-bottom: 60px; }
#projetos article ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
#projetos article ul li { font-size: 19px; width: 370px; margin-right: 30px; border-bottom: 1px solid #dbdbdb; float: left; line-height: 60px; font-family: "gilroysemibold"; }
#projetos .projetos ul li { width: 230px; float: left; line-height: 28px; border-bottom: none; font-size: 18px; }
#projetos .projetos ul li figure { width: 140px;}
#projetos .projetos ul li figure img {width: 100%;}

.active {color:#01A8D4!important;}

.row {}
.row:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

.menu-fixo { 
    padding-bottom: 10px;
    background:rgba(255,255,255,0.95); 
}


@media screen and (min-width: 1280px){
	
	.row { width: 1200px; margin: 0 auto; padding: 0px; display: block; clear: both;}	
	.row:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
	
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col { float: left; margin: 0 15px;}
	.col1 { width: 70px;}
	.col2 { width: 170px;}
	.col3 { width: 270px;}
	.col4 { width: 370px;}
	.col5 { width: 470px;}
	.col6 { width: 560px;}
	.col7 { width: 670px;}
	.col8 { width: 770px;}
	.col9 { width: 870px;}
	.col10 { width: 970px;}
	.col11 { width: 1070px;}
	.col12 { width: 1160px;}
	.col12:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

  #menu-mobile { display: none}
  .scrolling { z-index: 20;}

}

@media (min-width: 978px) and (max-width: 1279px) {

  .row { width: 1008px; margin: 0 auto; padding: 0px; display: block; clear: both;} 
  .row:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
  
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col { float: left; margin: 0 15px;}
  .col1 { width: 54px;}
  .col2 { width: 138px;}
  .col3 { width: 222px;}
  .col4 { width: 306px;}
  .col5 { width: 390px;}
  .col6 { width: 474px;}
  .col7 { width: 558px;}
  .col8 { width: 643px;}
  .col9 { width: 726px;}
  .col10 { width: 810px;}
  .col11 { width: 894px;}
  .col12 { width: 978px;}
  .col12:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

  #home article h1 { font-size: 140px; line-height: 99px; margin: 0 0 0 250px; }
  #menu-mobile { display: none}
  .scrolling { z-index: 20;}

  #interna article h1 { margin: 0 0 0 250px; font-size: 78px; line-height: 84px;}
  #interna article h2 { margin: 0 0 0 250px; font-size: 78px; line-height: 78px;}
  #interna article p { font-size: 21px; margin-bottom: 30px; margin-right: 0; margin-left: 250px;}
  #interna article ul { margin-left: 250px; margin-bottom: 60px; }
  #interna article ul li { font-size: 19px; width: 90%;}
  
  #servicos article a h1 { font-size: 120px; line-height: 110px; margin: 0 0 0 250px; color: #FFF; text-transform: lowercase;}
  #nav-servicos h1 a { font-size: 104px; margin: 0 0 0 250px; color: #FFF; cursor: pointer!important; line-height: 104px; }

  #sobre .sobre ul li { width: 28%;}
  #sobre article h1 { margin: 0 0 0 250px;}
  #sobre article h2  { margin: 0 0 120px 250px; font-size: 67px; line-height: 67px;}
  #sobre article p { margin-left: 250px;}
  #sobre article ul { margin-left: 250px;}
  
  #projetos article h1 { margin: 0 0 0 250px;}
  #projetos article h2 { margin: 0 0 120px 250px; font-size: 67px; line-height: 67px;}
  #projetos article p { margin-left: 250px;}
  #projetos article ul { margin-left: 250px;}
  #projetos .projetos ul li {width: 28%;}

  #contato article h1 { margin: 0 0 0 250px;}
  #contato article h2 { margin: 0 0 0 250px; margin-bottom: 30px;}
  #contato article p { margin-left: 250px;}

}

/****         Tablet        *******************************************************************/

@media (min-width: 768px) and (max-width: 977px) {

  .row { width: 768px; margin: 0 auto; padding: 0px; display: block; clear: both;} 
  .row:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
  
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 10px!important;}
  .col1 { width: 44px;}
  .col2 { width: 108px;}
  .col3 { width: 172px;}
  .col4 { width: 236px;}
  .col5 { width: 300px;}
  .col6 { width: 364px;}
  .col7 { width: 428px;}
  .col8 { width: 492px;}
  .col9 { width: 556px;}
  .col10 { width: 620px;}
  .col11 { width: 684px;}
  .col12 { width: 748px;}  
  .col12:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

  #home article h1 { font-size: 100px; line-height: 69px; margin: 0 0 0 190px; }
  header ul li { display: inline; font-family: "gilroybold"; font-size: 17px; margin-right: 70px;}
  .scrolling { z-index: 20;}

  #menu-mobile { display: none}

  #interna article h1 { margin: 0 0 0 190px; font-size: 78px; line-height: 84px;}
  #interna article h2 { margin: 0 0 0 190px; font-size: 78px; line-height: 78px;}
  #interna article p { font-size: 21px; margin-bottom: 30px; margin-right: 0; margin-left: 190px;}
  #interna article ul { margin-left: 190px; margin-bottom: 60px; }
  #interna article ul li { font-size: 19px; width: 90%;}
  
  #servicos article a h1 { font-size: 100px; line-height: 110px; margin: 0 0 0 190px; color: #FFF; text-transform: lowercase;}
  #nav-servicos h1 a { font-size: 84px; margin: 0 0 0 190px; color: #FFF; cursor: pointer!important; line-height: 84px; }

  #sobre .sobre ul li { width: 30%; margin-right: 15px; }
  #sobre article h1 { margin: 0 0 0 190px; font-size: 67px; line-height: 67px;}
  #sobre article h2  { margin: 0 0 120px 190px; font-size: 67px; line-height: 67px;}
  #sobre article p { margin-left: 190px;}
  #sobre article ul { margin-left: 190px;}
  
  #projetos article h1 { margin: 0 0 0 190px;}
  #projetos article h2 { margin: 0 0 120px 190px; font-size: 67px; line-height: 67px;}
  #projetos article p { margin-left: 190px;}
  #projetos article ul { margin-left: 190px;}
  #projetos .projetos ul li {width: 30%; margin-right: 15px;}

  #contato article h1 { margin: 0 0 0 190px; font-size: 67px; line-height: 67px;}
  #contato article h2 { margin: 0 0 0 190px; font-size: 67px; line-height: 67px; margin-bottom: 30px;}
  #contato article p { margin-left: 190px;}

  .tracking-in-contract-bck { 
    -webkit-animation: none !important;
          animation: none!important;
   }

   .slide-in-top { /*
     -webkit-animation: none !important;
          animation: none!important; */
   } 

}

/****         Smartphone        *******************************************************************/
@media screen and (max-width: 767px) {

  .row { width: 100%; margin: 0 auto; padding: 0px; display: block; clear: both;} 
  .row:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
  
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col { float: left; margin: 0 2.5%;}
  .col1 { width: 70px;}
  .col2 { width: 170px;}
  .col3 { width: 95%;}
  .col4 { width: 370px;}
  .col5 { width: 470px;}
  .col6 { width: 560px;}
  .col7 { width: 670px;}
  .col8 { width: 770px;}
  .col9 { width: 95%;}
  .col10 { width: 970px;}
  .col11 { width: 1070px;}
  .col12 { width: 95%;}
  .col12:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}

  #bar ul { display: none;  }

  #menu-mobile {font-size: 26px; position: absolute; margin:0; right:0; z-index: 9999!important; text-align: right;}
  #menu-mobile i {padding: 20px; color:#4D2B78;}
  #mmenu { position: absolute; z-index: 9998!important; margin: -10px 0 0 0; background: rgba(255,255,255, 1); width: 100%; height: 100vh; padding: 80px 0;}
  #mmenu nav a { display:block; line-height: 80px; padding-left: 40px; }


  #home { height: 100vh; width: 100%; background-repeat: no-repeat; background-position: center fixed; background-size: cover; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
  #home .row { height:100vh; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
  #home article { height: 100%; min-height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } 
  #home article div { width: 100%; text-align: left;}
  #home article h1 { font-size: 70px; line-height: 58px; margin: 0;}
  #home article p { font-size: 1.3em; margin-bottom: 30px; margin-right: 50%;}
  #home article a { font-size: 12px; font-weight: 700; text-transform: uppercase; padding-top: 15px; color:#000}

  #interna article h1 { margin:0; font-size: 52px;}
  #interna article h2 { margin:0; font-size: 52px; line-height: 52px;}
  #interna article p { margin-left: 0;}
  #interna article ul { margin-left: 0;}

  #interna .projetos ul li { width: 50%; }
  #interna .projetos ul li figure { width: 100%;}
  #interna .projetos ul li figure img { width: 80%; boder:1px solid red;}

  #interna article ul li { margin:0; width: 100%;}

  #contato article h1 { font-size: 60px; line-height: 70px; margin: 0; }
  #contato article p { margin-left: 0; }

  #sobre .sobre ul li { width: 100%;}
  #sobre article h1 { margin: 0 0 0 10px; font-size: 60px; line-height: 60px; }
  #sobre article h2  { margin: 0 0 80px 10px; font-size: 60px; line-height: 60px;}
  #sobre article p { margin-left: 10px;}
  #sobre article ul { margin-left: 10px;}

  #servicos article a h1 { font-size: 52px; line-height: 70px; margin: 0 0 0 10px; color: #FFF; text-transform: lowercase;}
  #nav-servicos h1 a { font-size: 52px; margin: 0 0 0 10px; color: #FFF; cursor: pointer!important; line-height: 52px; }
  #projetos article h1 { margin: 0 0 0 10px; font-size: 60px; line-height: 60px; }
  #projetos article h2 { margin: 0 0 60px 10px; font-size: 60px; line-height: 60px;}
  #projetos article p { margin-left: 10px;}
  #projetos article ul { margin-left: 10px;}
  #projetos .projetos ul li {width: 50%; margin-right: 0;}
  #projetos .projetos ul li figure img { width: 100%; }

  #contato article h1 { margin: 0 0 0 10px; line-height: 40px;}
  #contato article h2 { margin: 0 0 0 10px; margin-bottom: 45px; font-size: 60px; line-height: 60px;}
  #contato article p { margin-left: 10px;}

	#nav-servicos {}

  .tracking-in-contract-bck { 
    -webkit-animation: none !important;
          animation: none!important;
   }

   .slide-in-top {
     -webkit-animation: none !important;
          animation: none!important;
   } 

}


/* animation */

.tracking-in-contract-bck {
	-webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

.slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2017-11-19 20:15:54
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * DOCUMENT INFORMATION
 * @file fade-in.less
 * @version 1.0
 * @author Ana Travas, @ana108
 * ----------------------------------------
 */
/**
 * ----------------------------------------
 * animation fade-in-bck
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-bck {
  0% {
    -webkit-transform: translateZ(80px);
            transform: translateZ(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-bl
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
            transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bl {
  0% {
    -webkit-transform: translateX(-50px) translateY(50px);
            transform: translateX(-50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-br
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
            transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(50px) translateY(50px);
            transform: translateX(50px) translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-tl
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
            transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
            transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in-tr
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-tr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
            transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-tr {
  0% {
    -webkit-transform: translateX(50px) translateY(-50px);
            transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}