﻿.main-content {width: 100%;padding: 0;}
#carouselEvent .carousel-control-prev, #carouselEvent .carousel-control-next {background-color: transparent;border: none;}
#carouselEvent img {width: 460px;border-radius: 12px;}
#carouselEvent {margin: 0 auto;width: 460px;}
.carousel-control-next-icon {margin-right: -30px;}
.carousel-control-prev-icon {margin-left: -30px;}
#carouselEvent .carousel-inner {border-radius: 12px;box-shadow: 0 0 7px 0px #a5998585;}
#carouselEventMobile .carousel-control-prev, #carouselEventMobile .carousel-control-next {background-color: transparent;border: none;}
#carouselEventMobile img {width: 300px;border-radius: 8px;}
#carouselEventMobile {margin: 0 auto;width: 300px;margin-left: -14px;margin-top: 60px;}
.box-content-c {border-radius: 0;}
.evento-banner {margin: 40px 0 0;padding: 20px 0;background-color: #3b3b3b66;box-shadow: 0 0 4px 0px #575c60;min-height: 530px;}
.countdown-block {display: inline-block;margin-right: 20px;text-align: center;width: 90px;padding: 6px 6px;border: 1px solid #dfd7b56e;border-radius: 10px;}
.countdown-counter {font-size: x-large;font-weight: bold;}
.countdown-label {text-transform: uppercase;font-size: small;}
#carouselEvent:before {
filter: drop-shadow(0px 0px 7px #ffffffab);
display: none;
position: absolute;
right: -10%;
top: -10%;
height: 120%;
width: 120%;
background-image: url(/assets/img/entre-a-honra-e-o-nada/shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
-webkit-animation: dizzling 10s infinite;
-moz-animation: dizzling 10s infinite;
-ms-animation: dizzling 10s infinite;
-o-animation: dizzling 10s infinite;
animation: dizzling 10s infinite;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
content: "";
}
@keyframes dizzling {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
100% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
}
.box-content-event {padding: 0 20px;margin-top: 50px;}
.speaker {text-align: center;}
.fix-speaker {position: fixed;top: 95px;}
.fixEnd-speaker {position: absolute;bottom: 26px;}
.box-content-event .speaker img {border-radius: 50%;box-shadow: 0 0 12px 1px #fff;}
.box-content-event .speaker a i {margin-right: 6px;}
.box-content-event .speaker {text-align: center;margin-top: 20px;}
.box-content-event .description {border-left: 1px solid #ffffff66;background-color: #ffffff14;padding: 10px 20px;padding-bottom: 1px;border-radius: 10px;}
.box-content-event .description p {font-style: italic;}
.chapters-list {list-style: none;}
.chapters-list li {margin-bottom: 20px;}
.chapters {}
.chapter-title {font-weight: bold;}
.chapters-description {}
.chapters-description p {margin-bottom: 5px;}
.chapters-intro {margin: 30px 0;font-size: larger;color: #d7bf99;}
.evento-banner .box-content-c i {margin-right: 6px;}
.box-content-event .text-title {font-family: 'Cinzel', serif;text-align: center;font-size: xxx-large;text-transform: uppercase;color: #d7bf99;}
.box-content-event-for {padding: 30px 20px;margin-top: 50px;background-color: #3b3b3b66;box-shadow: 0 0 4px 0px #575c60;}
.box-content-event-for .text-title {text-align: left;font-size: small;text-transform: uppercase;color: #000000;background-color: #fff;padding: 4px 6px;display: inline;border-radius: 8px;font-weight: 700;}
.box-content-event-for .text-subtitle {font-family: 'Cinzel', serif;text-align: center;font-size: xxx-large;text-transform: uppercase;color: #d7bf99;font-weight: 700;margin-top: 20px;}
.box-content-event-for .content .box {width: 100%;padding: 20px;margin: 10px;border-radius: 8px;background-color: #ffffff14;}
.box-content-event-for .content .box .icon {background-color: #fff;color: #0000008c;font-size: 25px;width: 50px;height: 50px;text-align: center;border-radius: 50px;padding-top: 8px;}
.box-content-event-for .content .box .text {margin-top: 12px;font-weight: 600;}
.box-content-event-for .content .box {transition: all .5s ease;transform: scale(0);}
.box-content-event-for a {transition: all .5s ease;transform: scale(0);}
.box-content-tickets {padding: 30px 20px;margin-top: 50px;background-color: #3b3b3b66;box-shadow: 0 0 4px 0px #575c60;margin-bottom: 50px;}
.box-content-tickets .text-title {font-family: 'Cinzel', serif;text-align: center;font-size: xxx-large;text-transform: uppercase;color: #d7bf99;font-weight: 700;}
.box-content-tickets i {margin-right: 10px;color: #28a745;}
.box-content-tickets .btn-success {text-transform: uppercase;font-size: x-large;font-weight: bold;margin: 20px 0;transition: all .5s ease;transform: scale(0);display: block;}
.btn-mobile-action {position: fixed;background-color: #000;top: 50px;height: 90px;width: 100%;text-align: center;padding-top: 30px;z-index: 999;opacity: 0;transition: transform .5s ease-out,opacity .5s;transform: translateY(-68px)}
.btn-mobile-action.show {transform: translateY(0);opacity: 1;}
.btn-mobile-action a {font-size: medium;font-weight: bold;text-transform: uppercase;}
.btn-mobile-action a i {margin-right: 6px;}
.title-first {text-transform: uppercase;color: #d7bf99;font-size: 44px;margin: 20px 0;font-family: 'Cinzel', serif;text-align: center;}
#countdown {text-align: center;margin-bottom: 10px;color: #dfd7b596;}
.countdown-block {margin-bottom: 20px;}
.btn-comprar {margin-top: 30px;font-size: large;font-weight: bold;text-transform: uppercase;display: block;}
.garantaSeuIngresso {margin-top: 30px;margin-bottom: 20px;font-size: medium;font-weight: bold;text-transform: uppercase;width: 270px;}
.box-content-event .speaker a {display: block;width: 240px;margin: 30px auto 20px;}
.box-content-event-for .content {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.banner-sale {
    position: fixed;
    width: 290px;
    bottom: 10px;
    padding: 10px 2px;
}

.banner-sale #countdown {
    text-align: center;
}
    .banner-sale .countdown-block {
        width: 70px;
        height: 50px;
        padding: 0;
        margin-right: 8px;
        margin-bottom: 5px;
    }
.banner-sale .countdown-counter {
    font-size: large;
}

.banner-sale .countdown-label {
    font-size: x-small;
}

@media only screen and (min-width: 768px) {

.title-first {font-size: xxx-large;text-align: left;margin-top: 0;margin-bottom: 30px;margin: 0 0 30px 0;}
#countdown {text-align: left;margin-bottom: 20px;}
.garantaSeuIngresso {margin-top: 30px;font-weight: bold;text-transform: uppercase;width: 270px;}
.garantaSeuIngresso {margin-bottom: 0;}
.btn-comprar {font-size: x-large;display: inline-block;}
.box-content-event .speaker a {margin: 30px auto 0;}
.box-content-event .text-title {text-align: left;}
.evento-banner {margin: 58px 0 0;}
#carouselEvent img {width: 260px;}
#carouselEvent {width: 260px;}
.box-content-event .speaker {transform: scale(.9);}
.box-content-tickets .btn-success {display: inline-block;}
.box-content-event-for .text-subtitle {text-align: left;}
.box-content-tickets .text-title {text-align: left;}}

@media only screen and (min-width: 900px) {
#carouselEvent img {width: 260px;}
#carouselEvent {width: 260px;}
.box-content-event-for .content {display: flex;justify-content: center;align-items: center;flex-direction: row;}
.box-content-event .speaker {transform: scale(1);}

}

@media only screen and (min-width: 1200px) {
#carouselEvent img {width: 460px;}
#carouselEvent {width: 460px;}
.box-content-event .speaker {transform: scale(1);}

}

@media only screen and (min-width: 1440px) {
#carouselEvent img {width: 560px;}
#carouselEvent {width: 560px;}
}