@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

body {
    overflow-x: hidden !important;
    color: #4a4a4a !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700 !important;
    text-transform: uppercase;
}

iframe {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 140vh;
    border: none;
    background: #ffffff;
}

img {
    display: block;
}

/*Cores*/
.color-1 {
    color: #2f964a;
}

.color-2 {
    color: #fbac2e;
}

.color-3 {
    color: #fff;
}

a:hover {
    color: #165125 !important;
    text-decoration: none !important;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 400ms;
}

/*Botões*/

.back-to-top {
    display: none;
    position: fixed;
    bottom: 1%;
    right: 1%;
    z-index: 9;
    background: #207636;
    display: block;
    padding: 5px 14px;
    border-radius: 50%;
    box-shadow: inset 0 0 7px rgba(0,0,0,.55);
}

.btn-padrao {
    display: block;
    width: 80%;
    max-width: 240px;
    margin: 0 auto;
    padding: 7px 14px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.35em;
    font-weight: 700;
    background: #2f964a;
    border-bottom: 5px #207636 solid;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
}

.btn-padrao:hover, .btn-alt:hover {
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
    transform: scale(0.95,0.95);
    opacity: 0.9;
}

.btn-alt {
    display: block;
    width: 80%;
    max-width: 240px;
    margin: 0 auto;
    padding: 7px 14px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.35em;
    font-weight: 700;
    background: #fbac2e;
    border-bottom: 5px #cc6600 solid;
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
}

/*LAYOUT*/
/*Header*/
.head-1st {
    display: block;
    height: 50vh;
}

#bloco-header-1 img {
    max-height: 240px;
    margin:  auto;
}

#bloco-header-2 {
    background: url(../img/bloco-header-2.jpg) no-repeat center;
    background-size: cover;
}

#bloco-header-3 {
    background: #fbac2e;
}

#MenuPrincipal .card {
    box-shadow: none;
    background: none;
    border: none;
}

#MenuPrincipal .card-header {
    background: none;
    padding: 0;
    border: none;
}

#MenuPrincipal {
    font-weight: 700 !important;
}

#MenuPrincipal .card .collapse {
    background: rgba(235,217,188,0.5);
    transition: ease-in-out 350ms;
}

#MenuPrincipal .card-header .btn {
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 700 !important;
}

#MenuPrincipal .card-header .btn:hover {
    text-decoration: none;
}

.dropdown-toggle:after {
    color: #000;
}

.card-body {
    list-style:none;
    padding: 0 !important;
}

.card-body li {
    width: 100% !important;
    color: #000;
    text-transform: uppercase;
}

.card-body li a {
    display: block;
    width: 100% !important;
    color: #333;
    font-size: 14px;
    padding: 5px 3px 5px 25px;
    transition: ease-in-out 350ms;
}

.card-body li a:hover {
    color: #000;
    background: #fff;
    transition: ease-in-out 350ms;
}

#bloco-header-4 {
    background: url(../img/bloco-header-4.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

#bloco-header-5 {
    background: url(../img/bloco-header-5.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}

#bloco-header-4 h3, #bloco-header-5 h3 {
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -40%;
    width: 80%;
    z-index: 10;
    display: block;
    text-align: center;
    color: #fff;
}

#bloco-header-4::before, #bloco-header-5::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85));
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.85));
    z-index: 0;
}

#bloco-kit-1 {
    background: url(../img/angular-bg.svg) center right no-repeat;
    background-size: auto 100%;
}

#bloco-kit-2 {
    background:  #d1d1d1;
}

#SecaoInformacoes {
    background: #efefef;
}

#SecaoInscricao {
    background:#87837e;
}

.card {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 7px 8px rgba(0,0,0,.25);
}

#PercursoTabs {
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 0;
}

#PercursoTabs .nav-item {
    background: #207636;
    text-align: center;
}

#PercursoTabs .nav-item a {
    color: #fff;
}

.nav-tabs .nav-link:hover {
	color:#ffffff;
}

.nav-item h6{
	color:#2f964a;	
	padding:0;
}

.nav-item h6:hover{
	color:#fbac2e;	
	padding:0;
}

.nav-item .active h6{
	color:#ffffff;	
	padding:0;
}

.nav-item .active h6:hover{
	color:#d2d2d2;	
	padding:0;
}


.nav-tabs .nav-link {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #2f964a !important;
    border: none;
}

#SecaoInformacoes i {
    color: #bbb;
    font-size: 5em;
    margin-bottom: 15px;
    display: block;
    text-align: center !important;
}

#SecaoComoChegar a img {
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
    box-shadow: inset 0 -3px 5px transparent;
    border-radius: 50%;
}

#SecaoComoChegar a img:hover {
    transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
    transform: translateY(5px);
    opacity: 0.8;
    box-shadow: inset 0 -3px 5px rgba(0,0,0,.35);
}

#SecaoComoChegar h6 {
    text-align: center;
    padding-top: 1em;
}

#SecaoPatrocinio {
    background: #efefef;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

#SecaoFotos {
    background: #fbac2e;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
}

.img-gallery {
    width: 100%;
    margin: 10px auto;
}

.img-gallery ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.img-gallery ul li { 
    width: 14.66%;
    margin: 1% !important;
    display:block;
    float: left;
}

.img-gallery ul li a img {
    transition: ease-in-out 450ms;
}

.img-gallery ul li a img:hover {
    transition: ease-in-out 150ms;
    transform: scale(1.25,1.25);
}

.ListPatrocinios {
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
}

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

.patDiamond {
    max-height: 260px;
}

.patGold {
    max-height: 162px;
}

.patSilver, .apoio {
    max-height: 128px;
}

footer {
    background: #494643;
    border-top: #333 solid 1px;
}

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

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

#CopYescom {
    background: #87837e;
    font-size: 12px;
}

@media screen and (min-width : 240px) and (max-width: 768px)
{
    #bloco-header-1 {
        height: auto;
    }

    #bloco-header-2 {
        height: 25vh;
    }
    
    #bloco-header-3 {
        height: auto;
    }
    
    #bloco-kit-1 {
        background: url(../img/angular-bg-btm.svg) center bottom no-repeat;
        background-size: 100% auto;
    }

    .img-gallery ul li { 
        width: 23%;
    }

    .img-gallery ul li a img:hover {
        transform: scale(1.75,1.75);
    }
    
}