@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');

@font-face {
    font-family: 'playlistscript';src: url('../fonts/playlist_script-webfont.woff2') format('woff2'),url('../fonts/playlist_script-webfont.woff') format('woff');font-weight: normal;font-style: normal;

}

/* FONT FAMILY */
#TAG3 .tag3-roboto-light { font-family: 'Roboto', sans-serif !important;font-weight: 300 !important; }
#TAG3 .tag3-roboto-regular { font-family: 'Roboto', sans-serif !important;font-weight: 400 !important; }
#TAG3 .tag3-roboto-medium { font-family: 'Roboto', sans-serif !important;font-weight: 500 !important; }
#TAG3 .tag3-roboto-bold { font-family: 'Roboto', sans-serif !important;font-weight: 700 !important; }
#TAG3 .tag3-roboto-black { font-family: 'Roboto', sans-serif !important;font-weight: 900 !important; }
#TAG3 .tag3-playlistscript { font-family: 'playlistscript', sans-serif !important; }

/* FONT SIZE */
#TAG3 .tag3-font-10 { font-size:.5675rem !important; /* 10px */ }
#TAG3 .tag3-font-11 { font-size:.6875rem !important; /* 11px */ }
#TAG3 .tag3-font-12 { font-size:.7825rem !important; /* 12px */ }
#TAG3 .tag3-font-13 { font-size:.8125rem !important; /* 13px */ }
#TAG3 .tag3-font-14 { font-size:.875rem !important; /* 14px */ }
#TAG3 .tag3-font-16 { font-size:1rem !important; /* 16px */ }
#TAG3 .tag3-font-18 { font-size:1.125rem !important; /* 18px */ }
#TAG3 .tag3-font-20 { font-size:1.25rem !important; /* 20px */ }
#TAG3 .tag3-font-21 { font-size:1.3125rem !important; /* 21px */ }
#TAG3 .tag3-font-22 { font-size:1.375rem !important; /* 22px */ }
#TAG3 .tag3-font-24 { font-size:1.5rem !important; /* 24px */ }
#TAG3 .tag3-font-28 { font-size:1.75rem !important; /* 28px */ }
#TAG3 .tag3-font-30 { font-size:1.875rem !important; /* 30px */ }
#TAG3 .tag3-font-32 { font-size:2rem !important; /* 32px */ }
#TAG3 .tag3-font-35 { font-size:2.1875rem !important; /* 35px */ }
#TAG3 .tag3-font-40 { font-size:2.5rem !important; /* 40px */ }
#TAG3 .tag3-font-45 { font-size:2.8125rem !important; /* 45px */ }
#TAG3 .tag3-font-61 { font-size:3.8125rem !important; /* 61px */ }
#TAG3 .tag3-font-65 { font-size:4.0625rem !important; /* 65px */ }
#TAG3 .tag3-font-80 { font-size:5rem !important; /* 80px */ }
#TAG3 .tag3-font-90 { font-size:5.625rem !important; /* 90px */ }

/* LINE HEIGHT */
#TAG3 .tag3-line-height-50  { line-height:50% !important; }
#TAG3 .tag3-line-height-100 { line-height:100% !important; }
#TAG3 .tag3-line-height-110 { line-height:110% !important; }
#TAG3 .tag3-line-height-120 { line-height:120% !important; }
#TAG3 .tag3-line-height-130 { line-height:130% !important; }
#TAG3 .tag3-line-height-140 { line-height:140% !important; }
#TAG3 .tag3-line-height-150 { line-height:150% !important; }
#TAG3 .tag3-line-height-160 { line-height:160% !important; }
#TAG3 .tag3-line-height-170 { line-height:170% !important; }
#TAG3 .tag3-line-height-180 { line-height:180% !important; }

/* COLORS */
#TAG3 .tag3-color-1fc6ff { color:#1fc6ff !important; }
#TAG3 .tag3-color-0e3d8c { color:#0e3d8c !important; }
#TAG3 .tag3-color-58595b { color:#58595b !important; }
#TAG3 .tag3-color-f49515 { color:#F49515 !important; }
#TAG3 .tag3-color-1d1d1d { color:#1d1d1d !important; }
#TAG3 .tag3-color-575656 { color: #575656 !important; }
#TAG3 .tag3-color-132eae { color: #132eae !important; }
#TAG3 .tag3-color-b5481a { color: #b5481a !important; }
#TAG3 .tag3-color-2a2c2c { color: #2a2c2c !important; }
#TAG3 .tag3-color-005476 { color: #005476 !important; }
#TAG3 .tag3-color-000000 { color: #000000 !important; }
#TAG3 .tag3-color-444343 { color: #444343 !important; }
#TAG3 .tag3-color-9d2d88 { color: #9d2d88 !important; }
#TAG3 .tag3-color-9b2c89 { color:#9B2C89 !important; }
#TAG3 .tag3-color-606060 { color:#606060 !important; }
#TAG3 .tag3-color-be8325 { color:#be8325 !important; }
#TAG3 .tag3-color-8a2b86 { color:#8a2b86 !important; }
#TAG3 .tag3-color-414141 { color:#414141 !important; }
#TAG3 .tag3-color-8e1d7d { color:#8e1d7d !important; }

/* BACKGROUND */
#TAG3 .tag3-bg-none { background-color: unset !important; }
#TAG3 .tag3-bg-ffffff { background-color: #FFFFFF !important; }
#TAG3 .tag3-bg-c4367d { background-color: #c4367d !important; }
#TAG3 .tag3-bg-ffb100 { background-color: #FFB100 !important; }
#TAG3 .tag3-bg-f5f5f5 { background-color: #f5f5f5 !important; }
#TAG3 .tag3-bg-f6e5e3 { background-color: #F6E5E3 !important; } 
#TAG3 .tag3-bg-a4167e { background-color: #A4167E !important; } 

/* SCALES */
#TAG3 .tag3-scale-50 { transform:scale(0.5) !important; }
#TAG3 .tag3-scale-60 { transform:scale(0.6) !important; }
#TAG3 .tag3-scale-70 { transform:scale(0.7) !important; }
#TAG3 .tag3-scale-80 { transform:scale(0.8) !important; }
#TAG3 .tag3-scale-90 { transform:scale(0.9) !important; }
#TAG3 .tag3-scale-100 { transform:scale(1.0) !important; }
#TAG3 .tag3-scale-110 { transform:scale(1.1) !important; }
#TAG3 .tag3-scale-120 { transform:scale(1.2) !important; }
#TAG3 .tag3-scale-130 { transform:scale(1.3) !important; }
#TAG3 .tag3-scale-140 { transform:scale(1.4) !important; }
#TAG3 .tag3-scale-150 { transform:scale(1.5) !important; }
#TAG3 .tag3-scale-160 { transform:scale(1.6) !important; }
#TAG3 .tag3-scale-170 { transform:scale(1.7) !important; }
#TAG3 .tag3-scale-180 { transform:scale(1.8) !important; }

#TAG3 .tag3-bg-topo { background:url(../images/primeira-dobra.png) no-repeat center center;background-size: cover; }
#TAG3 .tag3-seta { bottom: 20px;left: calc(50% - 19.5px);animation-duration: 2s;animation-name: efeitoSeta;animation-iteration-count: infinite; }
#TAG3 .tag3-play { content:'';position: absolute;top:calc(50% - 50px);left:calc(50% - 50px);display:block;background: url(../images/play.svg) no-repeat center center;z-index: 100;width: 100px;height: 100px;cursor:pointer; }
#TAG3 .nav-item { padding-right: 1px;padding-left: 1px; }
#TAG3 .nav-item.active .nav-link,#TAG3 .nav-link:hover { border-bottom: 4px solid #E71053;display:inline-block; }
#TAG3 .tag3-inscricao { background:url(../images/bg-inscricao.png) no-repeat;background-size: cover;background-position: center center; }
#TAG3 .tag3-sobre-sessao::before { content: '';display:block;width: 100%;height: 55px;background: url(../images/divisao.png) repeat-x;position: absolute;top: -20px;z-index: 99; }
#TAG3 .tag3-bg-camiseta { background:url(../images/camiseta.png) no-repeat center center;background-size: cover; }
#TAG3 .tag3-faixa-camiseta { top: 40px;left: calc(50% - 130px);position: absolute;z-index: 1; }
#TAG3 .tag3-link-social { width: 78px; }
#TAG3 .tag3-10-anos { background:url(../images/bg-10-anos.png) no-repeat center center;background-size: cover; }
#TAG3 .tag3-divisao-branca::before { content: '';display:block;width: 100%;height: 64px;background: url(../images/divisao-branca.png) repeat-x;position: absolute;top: -28px;z-index: 99; }
#TAG3 .tag3-shadow { -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2) !important;-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2) !important;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2) !important; }

#TAG3 .tag3-border-radius-0 { border-radius: 0px !important; }
#TAG3 .tag3-borda-left-0 { border-left: 0px !important; }
#TAG3 .tag3-borda-right-0 { border-right: 0px !important; }

#TAG3 .tag3-borda-top-0 { border-top: 0px !important; }
#TAG3 .tag3-borda-tracado-top { border-top: 1px dashed #606060 !important; }
#TAG3 .tag3-borda-bottom-0 { border-bottom: 0px !important; }
#TAG3 .tag3-borda-tracado-bottom { border-bottom: 1px dashed #606060 !important; }

#TAG3 .tag3-seta-collapse { padding-left: 30px;cursor:pointer;transition: all 0.5s ease; }
#TAG3 .tag3-seta-collapse::after { content:'';background: url(../images/seta-collapse.png) no-repeat center center;background-size: cover;width: 20px;height: 12px;left:0;top:5px;display:block;position:absolute;transition: all 0.5s ease;transform: rotate(-90deg); }
#TAG3 .tag3-seta-collapse.tag3-seta-collapse-ativo::after { content:'';background: url(../images/seta-collapse.png) no-repeat center center;background-size: cover;width: 20px;height: 12px;left:0;top:5px;display:block;position:absolute;transform: rotate(0deg);transition: all 0.5s ease; }

#TAG3 .tag3-z-index-9 { z-index: 9 !important; }
#TAG3 .tag3-z-index-99 { z-index: 99 !important; }

#TAG3 .tag3-borda-rosa { border-bottom: 10px solid #A4167E; }
#TAG3 .tag3-agenda { top: -190px;z-index: 999; }

@keyframes efeitoSeta {
    0% { bottom: 20px; }
    50% { bottom: 40px; }
    100% { bottom: 20px; }
}

/* RESPONSIVE */
@media (max-width: 575.98px) {
    #TAG3 .tag3-agenda { top: 50px;z-index: 999 !important; }
    #TAG3 .tag3-menu a { margin-right: 0px !important;margin-left: 0px !important;font-size:.875rem !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #TAG3 .tag3-agenda { top: 50px;z-index: 999 !important; }
    #TAG3 .tag3-menu a { margin-right: 0px !important;margin-left: 0px !important;font-size:.875rem !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #TAG3 .tag3-btn-inscrevase { max-width: 300px !important; }
    #TAG3 .tag3-agenda { top: 50px;z-index: 999 !important; }
    #TAG3 .tag3-menu a { margin-right: 0px !important;margin-left: 0px !important;font-size:.875rem !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #TAG3 .tag3-btn-inscrevase { max-width: 300px !important; }
    #TAG3 .tag3-agenda { top: -100px; }
}
@media (min-width: 1200px) {
    #TAG3 .tag3-btn-inscrevase { max-width: 450px !important; }
    #TAG3 .tag3-agenda { top: -130px; }
}
@media (min-width: 1600px) {
    #TAG3 .tag3-btn-inscrevase { max-width: 450px !important; }
    #TAG3 .tag3-agenda { top: -190px; }
}