#overlay {
    position: fixed;
    top: 65px;
    z-index: 10;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 2em;
}
#overlay #menu {
    left: 90%;
    display: block;
    position: relative;
    text-indent: 1000px;
    width: 38px;
    margin-left: -19px;
    overflow: hidden;
    cursor: pointer;
}
#overlay #menu:after {
    content: " ";
    position: absolute;
    background: url(../img/03_hamburger_menu_hover.svg) no-repeat;
    float: right;
    width: 38px;
    height: 26px;
    left: 0;
    top: 0;
}
#overlay #search {
    left: 90%;
    display: block;
    position: relative;
    text-indent: 1000px;
    width: 38px;
    margin-left: -19px;
    overflow: hidden;
    cursor: pointer;
}
#overlay #search:after {
    content: " ";
    position: absolute;
    background: url(../img/03_busca_hover.svg) no-repeat center center;
    float: right;
    width: 38px;
    height: 32px;
    left: 0;
    top: 0;
}

/*
*
*     TOPO
*/

header#masthead {
    position: fixed;
    right: 0;    
    width: 33%;
}

header#masthead #primary-menu {
    margin-top: 100px;
}

header#masthead #primary-menu a {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;
    text-decoration: none;
    font-size: 2.25em;
    margin-bottom: .5em;
    color: #8c97a0;
    text-transform: uppercase;
}
header#masthead #primary-menu a.active { font-weight: bold; }

header#masthead .main-navigation-social{
    margin-top: 60px;
}

header#masthead .main-navigation-social a{
    margin-right: 10px;
    display: inline-block;
    height: 66px;
    width: 66px;
    box-sizing: border-box;
    border: 1px solid;
    color: #8c97A0;
    background: transparent no-repeat center center;
}

header#masthead .main-navigation-social a:hover{ color: #ff2a2a; }

header#masthead .main-navigation-social a.icon-twitter          { background-image: url(../img/02_twitter.svg); }
header#masthead .main-navigation-social a.icon-twitter:hover    { background-image: url(../img/02_twitter_hover.svg); }
header#masthead .main-navigation-social a.icon-youtube          { background-image: url(../img/02_youtube.svg); }
header#masthead .main-navigation-social a.icon-youtube:hover    { background-image: url(../img/02_youtube_hover.svg); }
header#masthead .main-navigation-social a.icon-facebook         { background-image: url(../img/02_facebook.svg); }
header#masthead .main-navigation-social a.icon-facebook:hover   { background-image: url(../img/02_facebook_hover.svg); }
header#masthead .main-navigation-social a.icon-snap_chat        { background-image: url(../img/02_snap_chat.svg); }
header#masthead .main-navigation-social a.icon-snap_chat:hover  { background-image: url(../img/02_snap_chat_hover.svg); }
header#masthead .main-navigation-social a.icon-instagram        { background-image: url(../img/02_instagram.svg); }
header#masthead .main-navigation-social a.icon-instagram:hover  { background-image: url(../img/02_instagram_hover.svg); }

header#masthead #menu-close {
    cursor: pointer;
    background: #ff2a2a;
    position: absolute;
    top: 0;
    right: 0;
    content: "X";
    height: 87px;
    width: 87px;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
}

header#masthead #menu-close:after {
    background: url(../img/03_fechar.svg) no-repeat 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    height: 25px;
    width: 25px;
    display: block;
    margin: 32px;
    text-indent: -1000px;
}

header#masthead #menu-close:hover {
    background: black;
}
header#masthead #menu-close:hover:after {
    background-image: url(../img/03_fechar_hover.svg);
}

header#masthead #primary-menu li {
    padding-bottom: 25px;
}

header#masthead #primary-menu li.current_page_item a {
    font-weight: bold;
}

div#menu_list {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 5em;
}

#main {
    width: 100vw;
    transform-origin: center left;
    transform: rotateY(0deg);
    height: 100vh;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s;
    background: white;
}

div#main .main-wrap{
    display: table;
    width: 100vw;
    position: relative;
}

div#main.open{
	overflow: hidden;
	transform: rotateY(60deg);
}

body{
    font-family: 'Rajdhani', sans-serif;
    font-family: 'Open Sans', sans-serif;

	perspective: 1000px;
    background: #f4f4f4;
    overflow: hidden;
    margin: 0;
}

.center-text{
    text-align: center;
}

h1,
h2,
h3,
.data{
    font-family: 'Rajdhani', sans-serif;
}
.data.big{    
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
}
button{
    font-family: 'Rajdhani', sans-serif;
    font-weight: 500;    
}

.main-wrap > article > * {
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.main-wrap .coluna{
    flex: 0 0 20%;
    box-sizing: border-box;
    border-right: 1px solid #f4f4f4;
    /*padding-bottom: 135px;*/
}

.wrap {
   /*  margin: 5px;
   border: 1px solid #dadada;*/
    position: relative;
}

.wrap.big > * { min-height: 250px; }
.wrap.small > * { min-height: 50px; }
.wrap.hole > * { visibility: hidden; }

.wrap > * {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    min-height: 50px;
   /* background: #cdcdcd;*/
    transition: background .15s, transform .15s;
}

.wrap.col-1 >   *{    left: 0%;    right: -0%;   }
.wrap.col-1_5 > *{    left: 0%;    right: -50%;   }
.wrap.col-2 >   *{    left: 0%;    right: -100%;   }
.wrap.col-2_5 > *{    left: 0%;    right: -150%;   }
.wrap.col-3 >   *{    left: 0%;    right: -200%;   }
.wrap.col-3_5 > *{    left: 0%;    right: -250%;   }
.wrap.col-4 >   *{    left: 0%;    right: -300%;   }
.wrap.col-4_5 > *{    left: 0%;    right: -350%;   }

.wrap.col-1.center > *    {    left: 50%;    right: -50%;    }
.wrap.col-1_5.center > *  {    left: 50%;    right: -100%;    }
.wrap.col-2.center > *    {    left: 50%;    right: -150%;    }
.wrap.col-2_5.center > *  {    left: 50%;    right: -200%;    }
.wrap.col-3.center > *    {    left: 50%;    right: -250%;    }
.wrap.col-3_5.center > *  {    left: 50%;    right: -300%;    }
.wrap.col-4.center > *    {    left: 50%;    right: -350%;    }
.wrap.col-4_5.center > *  {    left: 50%;    right: -400%;    }

/*
.wrap > *.near { background: yellow;  }
.wrap > *.middle { background: green;  }
*/

strong {
    font-weight: bold;
}


main .wrap {
    padding-bottom: 135px;
}


button, 
.btn {
    cursor: pointer;
    color: white;
    margin-top: 35px;
    padding: 15px 45px;
    border: none;
    font-size: 1.15em;
    background: #ff2a2a;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

button:hover,
.btn:hover{
	background: #D00000 ;
}


.hide{
    display: none;
}

p.center { text-align: center; }
p.left   { text-align: left; }
p.right  { text-align: right; }


footer#colophon {
    color: white;
    background: black;
    padding: 77px 20% 41px;
    line-height: 1.3em;
    font-family: 'Rajdhani', sans-serif;
}

footer#colophon p{
    margin-bottom: 1.25em;
}

footer#colophon {
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;


}

footer#colophon .coluna{
    flex: 0 0 50%;
    box-sizing: border-box;
    border-right: 0px solid;
    /*padding-bottom: 135px;*/
}

footer#colophon strong{
    font-weight: bolder;
}

footer#colophon input[type=email]{
    display: inline-block;
    width: 65%;
    height: 40px;
    padding: 10px 5%;
    font-size: 1em;
    border: none;
    box-sizing: border-box;
}

footer#colophon button,
footer#colophon .btn{
    height: 40px;
    font-size: 1em;
    margin-top: 0;
    width: 35%;
    padding: 10px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    overflow: hidden;
    text-indent: -1000px;
    background-color: #FFD800;
}

footer#colophon button:hover,
footer#colophon .btn:hover{
    background-color: #D5B400;    
}

footer#colophon .main-navigation-social{
    margin-top: 60px;
}

footer#colophon .main-navigation-social a{
    margin-right: 10px;
    display: inline-block;
    height: 45px;
    width: 45px;
    box-sizing: border-box;
    border: 1px solid;
    color: white;
    background: black no-repeat center center;
}

footer#colophon .main-navigation-social a:hover{ color: #ff2a2a; }

footer#colophon .main-navigation-social a.icon-twitter          {  background-image: url(../img/03_twitter_footer.svg); }
footer#colophon .main-navigation-social a.icon-twitter:hover    {  background-image: url(../img/03_twitter_footer_hover.svg); }
footer#colophon .main-navigation-social a.icon-youtube          {  background-image: url(../img/03_youtube_footer.svg); }
footer#colophon .main-navigation-social a.icon-youtube:hover    {  background-image: url(../img/03_youtube_footer_hover.svg); }
footer#colophon .main-navigation-social a.icon-facebook         { background-image: url(../img/03_facebook_footer.svg); }
footer#colophon .main-navigation-social a.icon-facebook:hover   { background-image: url(../img/03_facebook_footer_hover.svg); }
footer#colophon .main-navigation-social a.icon-snap_chat        { background-image: url(../img/03_snap_chat_footer.svg); }
footer#colophon .main-navigation-social a.icon-snap_chat:hover  { background-image: url(../img/03_snap_chat_footer_hover.svg); }
footer#colophon .main-navigation-social a.icon-instagram        { background-image: url(../img/03_instagram_footer.svg); }
footer#colophon .main-navigation-social a.icon-instagram:hover  { background-image: url(../img/03_instagram_footer_hover.svg); }