/*--------------------------- LAYOUT ---------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300|Raleway:900');

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 16, 2019 */

@font-face {
    font-family: 'arial_rounded_mt_stdXBd';
    src: url('arial-rounded-mt-std-extra-bold-webfont.woff2') format('woff2'),
         url('arial-rounded-mt-std-extra-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vagblackregular';
    src: url('vagblack-regular-webfont.woff2') format('woff2'),
         url('vagblack-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('VAGRoundedStd-Thin.woff2') format('woff2'),
        url('VAGRoundedStd-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('VAGRoundedStd-Black.woff2') format('woff2'),
        url('VAGRoundedStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('AvenirLTStd-Roman.woff2') format('woff2'),
        url('AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {
    overflow-x: hidden;
    height: 100%;
    color: #001a35 !important;
    font-family: 'Open Sans', sans-serif;
    background: #232323 url(../img/background.jpg) top center repeat-y !important;
    background-size: cover !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'arial_rounded_mt_stdXBd' !important;
    text-align: center;
    text-transform: uppercase;
}

.bg-cn {
    background: #232323 url(../img/bg-cn.jpg) top center repeat-y !important;
    background-size: cover !important;
    height: auto;
}

.modal-body p{
	font-weight:400;
}

.color-1 {
    color: #b52e44 !important;
}

.bg-1 {
    background: #b52e44 !important;
}

.disabled {
    color: #00000044 !important;
}

.bg-disabled {
    background: #999999 !important;
}

.color-2 {
    color: #eae611 !important;
}

.titulo-1 {
    border-bottom-style: double;
    border-color: #b52e44;
    border-bottom-width: 7px;
    margin-bottom: 2.5rem;
}

.titulo-2 {
    border-bottom-style: double;
    border-color: #ffffff;
    border-bottom-width: 7px;
    margin-bottom: 2.5rem;
}

.texto-info {
    width: 75%;
    max-width: 920px;
    margin: 20px auto;
    font-size: 1.45em;
    text-align: center;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 1%;
    right: 1%;
    z-index: 9;
    background: #E71939;
    color: #fff;
    padding: 12px 12px 6px 12px;
    border-radius: 10px;
    font-size: 1.5em;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.caret {
    color: #fff;
    margin: -5px 4px 0 4px;
}

.menu-superior {
    background: #eae611;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.5);
    padding: 0 15px !important;
    /*position: fixed;*/
    z-index: 1020;
}

.navbar {
    padding: 0 !important;
}

.navbar-nav li a {
    font-family: 'arial_rounded_mt_stdXBd' !important;
    color: #ed1262 !important;
}

.navbar-toggler {
    background: #ed1262 !important;
    border: 0 !important;
}

.dropdown-menu {
    background: #b52e44 !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5) !important;
    margin-top: 10px !important;
}

.dropdown-menu a:hover {
    background: #b52e44;
}

.dropdown-item:hover {
    background: #FBB618 !important;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 450ms;
}

#Intro-Site {
    height: 100vh;
    background: url(../img/Avatar.png) top right no-repeat fixed;
    background-size: cover;
}

#Secao-Kit {
    background: #fff;
}

.kit-img {
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 450ms;
    z-index: 1010;
}

.kit-img:hover {
    transform: scale(1.5,1.5);
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 450ms;
}

.kit-item {
    transition: cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
}

.kit-item:hover {
    transition: cubic-bezier(0.39, 0.575, 0.565, 1) 250ms;
    transform: scale(2,2);
}

#Como-chegar a {
    color: #ffffff;
    text-align: center;
    font-family: 'arial_rounded_mt_stdXBd' !important;
}

#Como-chegar a:hover {
    text-decoration: none;
}

#Como-chegar i {
    color: #FBB618;
    text-align: center !important;
    font-size: 3em;
    margin: 0 auto;
    display: block;
}

#Secao-Percurso {
    background: #282828 url(../img/fundo_cinza.jpg) no-repeat right center fixed;
    background-size: contain;
}

#Secao-Patrocinio, #Inscricao {
    background-color: #ed1262;
}

.lista-patrocinio {
    list-style: none !important;
    text-align: center;
    margin: 0;
    padding: 0;
}

.lista-patrocinio li {
    margin: 15px;
    display: inline-block;
}

.lista-patrocinio .apoio img {
    height: 46px;
}

.botao2 {
    background: #ededed;
    color: #fff;
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    padding: 12px 5px;
    display: block;
    border-radius: 0;
    border: 0;
    border-bottom: #888888 solid 5px;
    font-size: 1.5em;
    font-family: 'arial_rounded_mt_stdXBd' !important;
    text-align: center;
    text-transform: uppercase;
    transition: ease-in-out 0.2s;
}

.botao2:hover {
    transform: scale(1.15,1.15);
    transition: ease-in-out 0.2s;
    text-decoration: none;
    background: #888888;
    color: #ededed;
    border-bottom: #ededed solid 5px;
}


.botao {
    background: #b52e44;
    color: #fff;
    width: 90%;
    max-width: 320px;
    margin: 0 auto;
    padding: 12px 5px;
    display: block;
    border-radius: 0;
    border: 0;
    border-bottom: #e4b33d solid 5px;
    font-size: 1.5em;
    font-family: 'arial_rounded_mt_stdXBd' !important;
    text-align: center;
    text-transform: uppercase;
    transition: ease-in-out 0.2s;
}

.botao:hover {
    transform: scale(1.15,1.15);
    transition: ease-in-out 0.2s;
    text-decoration: none;
    background: #e4b33d;
    color: #b52e44;
    border-bottom: #b52e44 solid 5px;
}

.close-custom {
    color: #b52e44;
    font-size: 3em;
    font-weight: 400;
    opacity: 1 !important;
}

.modal-m4c {
    background: #fff;
    border-top: 3px solid #b52e44;
    border-radius: 0 !important;
}

.modal-content {
    border: none !important;
}

iframe, .modal-frame {
    width: 95%;
    height: 100vh;
    border: none;
}

footer {
    background: transparent;
    color: #fff;
}

.social-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-menu li {
    display: inline-block;
    margin: 0 10px;
}

.social-menu li a img {
    border-radius: 6px;
}

/*AJUSTES*/

@media screen and (min-width : 768px) and (max-width: 1024px)
{
 
}

@media screen and (min-width : 240px) and (max-width: 767px)
{   
    #Intro-Site {
        height: auto;
        background: none;
    }

}