@font-face {font-family: "Neuzeit Lt";
    src: url("fonts/76e8830038ab225cdb852f902d207c72.eot"); /* IE9*/
    src: url("fonts/76e8830038ab225cdb852f902d207c72.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/76e8830038ab225cdb852f902d207c72.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/76e8830038ab225cdb852f902d207c72.woff") format("woff"), /* chrome、firefox */
    url("fonts/76e8830038ab225cdb852f902d207c72.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/76e8830038ab225cdb852f902d207c72.svg#DIN Neuzeit Grotesk LT W01 Lt") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Neuzeit Regular";
    src: url("fonts/edeb336ecd776e23d99355eb2b52cbc7.eot"); /* IE9*/
    src: url("fonts/edeb336ecd776e23d99355eb2b52cbc7.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/edeb336ecd776e23d99355eb2b52cbc7.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/edeb336ecd776e23d99355eb2b52cbc7.woff") format("woff"), /* chrome、firefox */
    url("fonts/edeb336ecd776e23d99355eb2b52cbc7.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/edeb336ecd776e23d99355eb2b52cbc7.svg#Neuzeit Grotesk W01 Regular") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Neuzeit Bold";
    src: url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.eot"); /* IE9*/
    src: url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.woff") format("woff"), /* chrome、firefox */
    url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/ee0b916b2e7c8fef46ce318b6f5e8d65.svg#DIN Neuzeit Grotesk W01 Bold") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "Neuzeit Black";
    src: url("fonts/3b51be541e8086f75a52deac06dba6ee.eot"); /* IE9*/
    src: url("fonts/3b51be541e8086f75a52deac06dba6ee.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/3b51be541e8086f75a52deac06dba6ee.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/3b51be541e8086f75a52deac06dba6ee.woff") format("woff"), /* chrome、firefox */
    url("fonts/3b51be541e8086f75a52deac06dba6ee.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/3b51be541e8086f75a52deac06dba6ee.svg#Neuzeit Grotesk Cond W01 Black") format("svg"); /* iOS 4.1- */
}

.font-light{
    font-family: 'Neuzeit Lt', sans-serif;
}

.font-normal{
    font-family: 'Neuzeit Regular', sans-serif;
}

.font-black{
    font-family: 'Neuzeit Black', sans-serif;
}

.font-bold{
    font-family: 'Neuzeit Bold', sans-serif;
}

.white{
    color: #fff;
}

.gray{
    color: #575656;
}

.gray-light{
    color: #646464;
}

a, a:active, a:focus, a:hover{
    text-decoration: none;
    border: none;
    outline: none;
}

button:active, button:focus, button:hover{
    outline: none;
}

body {
    background: #fff;
}



.logo{
     background-image: url("images/logo.png");
     background-repeat: no-repeat;
     width: 229px;
     height: 48px;
     position: relative;
     background-position: 50% 50%;
 }


#header{
    height: 100px;
    background-color: #fff;
    z-index: 1000;
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.2s ease-in-out;
}

#header.nav-up {
    top: -100px;
}

#logo{
    width: 229px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

header{
    display:block;
    width:100%;
}

section {
    display:block;
    width:100%;
    height:100%;
}

html, body {
    height:auto;
}

.container_footer{
    padding: 0;
}

footer{
    background-image: url("./images/bg_footer.jpg");
    width: 100%;
    min-height: 239px;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #fff;
    background-color: transparent;
    background-size: cover;
}

.titulo_newsletter{
    font-size: 25px;
    line-height: 1;
    margin-top: 18px;
}

.subtitulo_newsletter{
    font-size: 15px;
}

.bg_caixa_newsletter{
    background-color: #fff;
}

#newsletter_email{
    border: none;
    outline: none;
    color: #aaaaaa;
    font-size: 14px;
    width: 70%;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}

#newsletter_email::-webkit-input-placeholder {
    color: #aaaaaa;
}

#newsletter_email:-moz-placeholder { /* Firefox 18- */
    color: #aaaaaa;
}

#newsletter_email::-moz-placeholder {  /* Firefox 19+ */
    color: #aaaaaa;
}

#newsletter_email:-ms-input-placeholder {
    color: #aaaaaa;
}
/*
#submeter_newsletter{
    border: none;
    outline: none;
    background-color: #569807;
}

#submeter_newsletter:hover{
    background-color: #3d6d03;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/

.titulo_caixa_newsletter{
    font-size: 24px;
    margin-bottom: 10px;
}

.footer_social{
    padding: 0;
    margin-top: 10px;
    height: 50px;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.footer_social li{
    display: inline-block;
    background-color: #575656;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}

.footer_social li a{
    display: table;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}

.footer_social i{
    color: #fff;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
}

.footer_social li:hover a i.fa-facebook{
    color: #fff;
    background-color: #44559b;
    text-decoration: none;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_social li:hover a i.fa-google-plus{
    color: #fff;
    background-color: #c04b3c;
    text-decoration: none;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_social li:hover a i.fa-instagram{
    color: #fff;
    background-color: #607da4;
    text-decoration: none;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.copyright{
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.copyright a{
    color: #be1622;
}

.copyright a:hover{
    text-decoration: underline;
}

.menu_rodape ul{
    list-style: none;
}

.menu_rodape ul li a{
    color: #fff;
    font-size: 16px;
}

.menu_rodape ul li a:hover{
    text-decoration: underline;
}

.footer{
    padding-top: 30px;
}





.progress-button{
    display: inline-block;
    font-size:15px;
    color:#fff !important;
    text-decoration: none !important;
    line-height:1;
    overflow: hidden;
    position:relative;
    outline: none;
    border: none;
    background-color: #575656;
    width: 30%;
    height: 35px;
    float: right;
    line-height: 35px;
}

/* Hide the original text of the button. Then the loading or finished
   text will be shown in the :after element above it. */

.progress-button.in-progress,
.progress-button.finished{
    color:transparent !important;
}

.progress-button.in-progress:after,
.progress-button.finished:after{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    padding-top: inherit;
    color: #fff !important;
    left: 0;
}

/* If the .in-progress class is set on the button, show the
   contents of the data-loading attribute on the butotn */

.progress-button.in-progress:after{
    content:attr(data-loading);
}

/* The same goes for the .finished class */

.progress-button.finished:after{
    content:attr(data-finished);
}

/* The colorful bar that grows depending on the progress */

.progress-button .tz-bar{
    background-color:#be1622;
    height:3px;
    bottom:0;
    left:0;
    width:0;
    position:absolute;
    z-index:1;
    border: none;

    -webkit-transition: width 0.5s, height 0.5s;
    -moz-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s;
}

/* The bar can be either horizontal, or vertical */

.progress-button .tz-bar.background-horizontal{
    height:100%;
    border-radius:2px;
}

.progress-button .tz-bar.background-vertical{
    height:0;
    top:0;
    width:100%;
    border-radius:2px;
}

.bcn{
    float: none;
    margin-right: auto;
    margin-left: auto;
}



/*MENU*/
.menu{
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu li{
    display: inline-block;
    width: 20%;
    text-align: center;
    float: left;
    background-image: radial-gradient(right bottom, ellipse cover, #9e0004, #be1622);
    background-image: -o-radial-gradient(right bottom, ellipse cover, #9e0004, #be1622);
    background-image: -ms-radial-gradient(right bottom, ellipse cover, #9e0004, #be1622);
    background-image: -moz-radial-gradient(right bottom, ellipse cover, #9e0004, #be1622);
    background-image: -webkit-radial-gradient(right bottom, ellipse cover, #9e0004 55%, #be1622 50%);
    background-size: 100% 200%;
    background-position: 0% 50%;
    height: 50px;
}

.menu li a{
    height: 50px;
    width: 100%;
    float: left;
    font-size: 16px;
    font-family: 'Neuzeit Bold', sans-serif;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    padding-top: 15px;
}

.menu li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


/* Sweep To Left */
.menu li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.menu li:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #9e0004;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.menu li:hover, .menu li:focus, .menu li:active {
    color: white;
}
.menu li:hover:before, .menu li:focus:before, .menu li:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.bottom_menu{
    height: 50px;
    width: 100%;
}

header {
    background: #fff;
    height: 100px;
    position: fixed;
    top: -100px;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 20;
}

.nav-up {
    top: 0;
}

.container_header_scroll{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#logo_header_scroll{
    width: 229px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100px;
    float: left;
}

#menuright .icon-list{
    width: 100%;
}

#menuright .menu ul{
    margin-top: 30px;
}

#menuright .menu li{
    width: 100%;
}

#menuright .menu li:before{
    content: none;
}

#menuright .menu li, #menuright .menu li a{
    text-align: left;
    background: none;
    text-transform: capitalize;
    font-size: 20px;
}

#menuright.menu-wrap a:hover, #menuright.menu-wrap a:focus, #menuright.menu-wrap .current_page_item a{
    color: #fff;
    background-color: #74010a;
}



#open-button {
    width: 40px;
    height: 35px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin: 32px;
}

#open-button span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #be1622;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



/* Icon 4 */

#nav-icon4 {
}

#open-button span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#open-button span:nth-child(2) {
    top: 13px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#open-button span:nth-child(3) {
    top: 26px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#open-button.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

#open-button.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#open-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 26px;
    left: 8px;
}

#overlaymenu{
    background-color:rgba(0,0,0,0.2);
    width: 100%;
    height: 100%;
    z-index: 19;
    position: fixed;
    display: none;
}

#response_newsletter{
    line-height: 1;
    height: 30px;
}

.menu_rodape ul, #menu-footer-2 ul{
    text-align: center;
}

.menu_rodape .menu li, #menu-footer-2.menu li{
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: capitalize;
    float: none;
}

.menu_rodape ul li a, #menu-footer-2 ul li a{
    color: #575656;
}

.menu_rodape .menu li a, #menu-footer-2.menu li a{
    text-transform: capitalize;
    font-size: 20px;
}

.menu_rodape .menu li:before, #menu-footer-2.menu li:before{
    background: none;
    content: none;

}

.menu_rodape .menu li, #menu-footer-2.menu li{
    background: none;
}

.bg_centro_arbitragem{
    background-color: #4b4b4b;
}

.centro_arbitragem{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.img_centro_arbitragem{
    width: 166px;
    float: left;
    margin-right: 25px;
}

.texto_centro_arbitragem{
    line-height: normal;
    font-size: 12px;
    padding-top: 10px;
}

#menu-footer-2.menu li, #menu-footer-2{
    list-style:disc;
    list-style-type: disc;
}

#menu-footer-2.menu li a{
    font-size: 14px;
    color: #575656;
}

#menu-footer-2.menu li a:hover{
    text-decoration: underline;
}

.menu-footer-2-container{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.caixa_n{
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.caixa_n a{
    color: #fff;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background: #575656;
    border: 1px solid #575656;
}

.caixa_n a:hover{
    color: #575656;
    background: #fff;
    border: 1px solid #575656;
}

@media (max-width: 105em) {

}

/*Large devices (desktops, less than 75em)*/
@media (max-width: 75em) {
    .menu li a{
        font-size: 14px;
        padding-top: 15px;
    }
}

/*Medium devices (tablets, less than 62em)*/
@media (max-width: 62em) {
    #menu_desktop{
        display: none;
    }

    header{
        top: 0;
    }

    .menu_rodape .menu li a, #menu-footer-2.menu li a{
        font-size: 16px;
    }
}

/*Small devices (landscape phones, less than 48em)*/
@media (max-width: 48em) {
    .bg_caixa_newsletter{
        margin-bottom: 5px;
    }

    .titulo_newsletter{
        font-size: 20px;
    }

    .progress-button, .copyright, .subtitulo_newsletter,
    .menu_rodape .menu li a, #menu-footer-2.menu li a{
        font-size: 14px;
    }

    #menuright .menu li, #menuright .menu li a{
        font-size: 16px;
    }

    .container_header{
        margin-top: 60px;
    }

}

/*Extra small devices (portrait phones, less than 34em)*/
@media (max-width: 34em) {
}