/*

	SITE:

	AUTHOR: Weslley Clyton

*/





/*

	CSS RESET

*/



html, body, div, span, input, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 

cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 

footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    margin: 0;

    padding: 0;

    border: none;

    text-decoration: none

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

    display: block

}



body {

    line-height: 1

}



blockquote,

q {

    quotes: none

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



em {

    font-style: italic

}



strong {

    font-weight: 700

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}





/* forms */



label {

    display: block;

    cursor: pointer;

    margin-bottom: 3px

}



button {

    border: none;

    cursor: pointer

}



input,

textarea,

select {

    width: 100%;

    border: 1px solid #cccccc;

    padding: 3px 5px;

    font-size: 12px;

    background: #ffffff

}



input:focus,

textarea:focus,

select:focus {

    border-color: #990000

}



input[type="checkbox"],

input[type="radio"] {

    width: 13px;

    height: 13px;

    float: left;

    cursor: pointer

}



textarea {

    border: 1px solid #cccccc

}



select {

    border: 1px solid #cccccc

}



:focus,

 :active {

    outline: none

}



::-webkit-input-placeholder {

    font-size: 11px;

    line-height: 16px

}



::-moz-placeholder {

    font-size: 11px;

    line-height: 16px

}



:-ms-input-placeholder {

    font-size: 11px;

    line-height: 16px

}



input:-moz-placeholder {

    font-size: 11px;

    line-height: 16px

}





/*

	STRUCTURE FIXED FOOTER

*/



html,

body,

.wrapper {

    min-height: 100%

}



/* body > .wrapper, .content_master { position: relative; height: auto; min-height: 100% } */





/* .content_main{	height: auto; overflow: auto;	padding-bottom: 320px; position: relative } */





/* .content_footer{ margin-top: -320px; height: 320px; clear: both; position: relative } */





/* .content_footer {

	position: absolute;

	bottom: -320px;

	height: 320px;

} */



.content_master {

    width: 100%;

    min-height: 100%;

}





/*

	BEGIN SITE STYLE

*/





/* body{ font-family: 'Arial', sans-serif; color: #666666; font-size: 100%; background-color: #ffffff; overflow-x: hidden; }

::-moz-selection{ background: #b2d1f9; color: #ffffff; text-shadow: none }

::selection{ background: #b2d1f9; color: #ffffff; text-shadow: none } */



h1 {}



h2 {}



h3 {}



h4 {}



h5 {}



h6 {}



.wrapper {

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

}



.img-mobile {

    width: 100%;

    height: auto;

}



.content_master>section {

    position: relative;

    width: 100%;

}



.logo-menu {

    position: absolute;

    top: 30px;

    width: 100%;

    height: 160px;

    z-index: 99;

}



.logo-principal {

    display: inline-block;

}



.menu-principal {

    position: absolute;

    width: 100%;

    top: 0;

    height: 0%;

    z-index: 98;

}



.menu-principal {

    width: 100%;

    position: fixed;

    background: #f0f0f0;

    z-index: 98;

    max-height: 0;

    height: 0;

    overflow: hidden;

    -webkit-transition: max-height 0.5s, height 0.5s;

    -moz-transition: max-height 0.5s, height 0.5s;

    transition: max-height 0.5s, height 0.5s;

}



.menu-principal.active {

    height: 100%;

    max-height: 100%;

}



.menu-principal nav {

    opacity: 0;

    transition: opacity 500ms 300ms;

}



.menu-principal.active nav {

    margin-top: 30px;

    opacity: 1;

}



.menu-principal nav,

.menu-principal ul {

    width: 100%;

}



.menu-principal a {

    text-decoration: none;

}



.menu-principal li {

    position: relative;

    margin: 0;

    padding: 0 15px;

    outline: 0;

    -webkit-transition: color .4s;

    transition: color .4s;

    font-family: 'Anton', 'sans-serif';

    font-size: 92px;

    color: #3e3e3e;

    line-height: 110px;

    text-transform: uppercase;

}



.menu-principal li::after {

    content: '';

    width: 200vw;

    height: 65%;

    position: absolute;

    top: 50%;

    left: -100vw;

    -webkit-transform: translateY(-50%) scaleY(0);

    -ms-transform: translateY(-50%) scaleY(0);

    transform: translateY(-50%) scaleY(0);

    z-index: -1;

    background: #ed2f59;

    -webkit-transition: -webkit-transform .5s 0s cubic-bezier(.645, .045, .355, 1);

    transition: transform .5s 0s cubic-bezier(.645, .045, .355, 1);

    transition: transform .5s 0s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s 0s cubic-bezier(.645, .045, .355, 1);

}



.menu-principal li:hover {

    color: #262224;

}



.menu-principal li:hover::after {

    -webkit-transform: translateY(-50%) scaleY(1);

    -ms-transform: translateY(-50%) scaleY(1);

    transform: translateY(-50%) scaleY(1);

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}





/*menu */





/* .bg-video {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.bg-video video {

    width: auto;

    height: auto;

    min-width: 100%;

	min-height: 100%;

} */



.c-section-video-fill-wrapper {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

}



.c-section-video-fill-wrapper::after {

    content: '';

}



.c-section-video-fill-wrapper video,

.c-section-video-fill-wrapper::after {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.c-section-video-fill-wrapper video {

    display: block;

    width: auto;

    height: auto;

    min-width: 100%;

    min-height: 100%;

}



.c-section-video-fill-wrapper video,

.c-section-video-fill-wrapper::after {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}







#footer {

    background-color: #262224;

    text-align: center;

    padding: 35px 0;

    font-family: 'Crete Round', serif;

    font-style: italic;

    font-size: 14px;

    color: #fff;

}



#footer .logo-footer {

    margin-bottom: 30px;

}





/*//////////////////////////////////////////////////*/





/*			 Desktop Atual acima de 1440px			*/





/*//////////////////////////////////////////////////*/



@media (min-width: 1440px) {

    .hamburger {

        right: calc(50% - 560px);

    }

}





/*//////////////////////////////////////////////////*/





/*			 Desktop Atual acima de 1200px			*/





/*//////////////////////////////////////////////////*/



@media (min-width: 1200px) and (max-width: 1439px) {



    .menu-principal.active nav {

        margin-top: 150px;

        opacity: 1;

    }



    .logo-menu {

        height: 125px;

    }



    .logo-principal {

        width: 120px;

    }



    .logo-principal img {

        width: 100%;

    }



    .hamburger {

        right: calc(50% - 560px);

    }

    



}





/*//////////////////////////////////////////////////*/





/*			            Tablets 					*/





/*//////////////////////////////////////////////////*/



@media (min-width: 992px) and (max-width: 1199px) {



    .logo-menu {

        top: 30px;

        height: 130px;

    }



    .logo-principal img {

        width: 130px;

    }



    .menu-principal.active nav {

        margin-top: 70px;

    }



    .hamburger {

        right: calc(50% - 480px);

    }



}





/*//////////////////////////////////////////////////*/





/*			            Tablets 					*/





/*//////////////////////////////////////////////////*/



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



    .menu-principal.active nav {

        margin-top: 0px;

    }



    .logo-principal img {

        width: 130px;

    }



    .hamburger {

        right: calc(50% - 360px);

    }



}





/*//////////////////////////////////////////////////*/





/*	       Smartphones e Tablets Menores			*/





/*//////////////////////////////////////////////////*/



@media (min-width: 576px) and (max-width: 767px) {



    .menu-principal.active nav {

        margin-top: 0px;

    }



    .logo-principal img {

        width: 110px;

    }



    .hamburger {

        right: calc(50% - 270px);

    }

}





/*//////////////////////////////////////////////////*/





/*	       Smartphones e Tablets Menores			*/





/*//////////////////////////////////////////////////*/



@media (max-width: 575px) {

    

    .logo-principal img {

        width: 90px;

    }



    .menu-principal li {

        font-size: 70px;

        line-height: 85px;

    }



    .hamburger {

        right: 10px

    }



    .logo-menu {

        height: 95px;

        top: 20px;

    }



}





/*

	END SITE STYLE

*/





/*

	CLASSES STANDARDS

*/


/* Arrumando bug safari */

@media not all and (min-resolution:.001dpcm) { 
    @media {
        .bug-safari {
            flex-direction: column;
            justify-content: center;
        }

        .bug-safari-2 {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}




.clear {

    clear: both;

    display: block;

    overflow: hidden;

    visibility: hidden;

    width: 0;

    height: 0

}