body {
    background: #1C1B19 0% 0% no-repeat padding-box;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.top-header {
    background-color: #936100;
}

nav .button {
    color: #FCCA6A;
    background-color: #936100;
    padding: 10px 20px;
    margin-top: -10px;
}

.partners .relative {
    min-height: 500px;
}

.partners p {
    line-height: 1.6em;
}

.partners button {
    color: #000000;
    background-color: #FCCA6B;
    padding: 10px 20px;
    margin-top: 22px;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.partnersBG {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.partnersBG img {
    margin: 28% auto;
}



.top-header i {
    color: #FCCA6B;
}

.body-container {
    position: relative;
}
.contact-banner p {
    font: normal normal medium 16px/19px 'Montserrat';
    letter-spacing: 0px;
    color: #936100;
}

.contact-bot-left i {
    width: 12%;
    font-size: 30px;
}

.contact-bot-left span {
    width: 85%;
}

.contact-banner h1 { 
    font: normal normal 800 60px/73px 'Montserrat';
    letter-spacing: 0px;
    color: #000000;
}

.body-container::before {
    content: '';
    background: transparent url('../img/midbg.png') 0% 0% no-repeat padding-box;
    background-position: top center;
    min-height: 1000px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pacifico {
    font-family: 'Pacifico', cursive;
}

.bcolor-brown {
    background-color: #D4AF62;
}

.c-brown{
    color: #D4AF62;
}

.footerline {
    border-color:#D4AF62;
}

.quote {
    display: block;
    left: -10px;
    bottom: 0;
    position: relative;
}

.quote i {
   font-size: 250px;
   color: #D4AF62;
}

.quote img { 
    position: absolute;
    width: auto;
    height: 400px;
    max-width: inherit;
    left: 0;
    top: -220px;
    z-index: 6;
}

.showlist {
    width: 100%;
}

.showlist li span:last-child a {
    float: right;
}

.showlist a {
    background-color: #25160E;
    padding: 12px 30px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}

.showlist a.bcolor-brown {
    background-color: #D4AF62;
}

.ushows{
    position: relative;
    z-index: 9;
}

.carouseltxt .pacifico {
    font: normal normal normal 22px/30px 'Pacifico';
}

.cnav li a {
    font: normal normal medium 20px/24px 'Montserrat';
    letter-spacing: 0px;
    color: #25160E;
}

.centerdisplay {
    margin: 0 auto;
}

.sicontop i {
    background-color: #25160E;
    padding: 12px;
    color: #ffffff;
}

.banner-text {
    font: normal normal 300 60px/73px 'Montserrat';
    color: #FFFFFF;
    padding: 7% 0 0;
}

.banner-right {
    font: normal normal medium 16px/32px 'Montserrat';
    color: #FFFFFF;
    padding: 8% 0 0;
}

.banner-right p{
    max-width: 100%;
}

.banner-text span {
    font: normal normal 800 100px/122px 'Montserrat';
    letter-spacing: 0px;
    color: #FCCA6B;
    clear: both;
    display: block;
}


.bannertop {
}


.carousel .carousel-inner.container {
    overflow: visible;
}

h2 {
    color: #0A2847;
   
    font-weight: 700;
    
}

h2 span {
    font-weight: 300;
}

h3 {
   font-weight: 700;
   font-size: 30px;
}


hr {
    height: 1px;
    border: 1px solid #0A2847;
}

.carousel-hr-left { 
    width:10%;
}

.carousel-hr-right {
    width: 20%;
    float: right;
}

.hr-left {
    width: 40%;
    float: left;
}

.hr-center {
    width: 20%;
    margin: 0 auto;
}



.carousel.container-out {
    background: #25160E 0% 0% no-repeat padding-box;
    
}


.packages {
    color: #0A2847;
}

.packages div > div {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 25px #4498EB1C;
    border: 1px solid #E3F1FF;
    border-radius: 50px;
}

.packages div:hover > div,
.packages div:focus > div,
.packages div:nth-child(2) > div
 {
    background: transparent linear-gradient(63deg, #F4D316 0%, #FF8A00 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 25px #4498EB1C;
    border: 1px solid #E3F1FF;
    color: #ffffff;
}

.packages ul {
    text-align: left;
    padding-left: 12%;
}

.packages ul li {
    margin-bottom: 14px;
    position: relative;
}

.packages ul li:before {
    background: transparent url('../img/checkblue.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    content: "";
    width: 29px;
    height: 29px;
    position: absolute;
    left: -40px;
}

.packages div > div:hover ul li:before {
    background: transparent url('../img/checkwhite.png') 0% 0% no-repeat padding-box;
    background-size: cover;
}

.packages div:nth-child(2) ul li:before{
    background: transparent url('../img/checkwhite.png') 0% 0% no-repeat padding-box;
    background-size: cover;
}


.packages img {
    max-width: 160px;
}

.left-override h2 {
    line-height: 1.2em;
    letter-spacing: 1.4px;
}

.banner-btn {
    background-color: #F4D316;
    border-color: #F4D316;
    color: #0A2847;
    border-radius: 5px;
    height: 50px;
    font: normal normal bold 20px/24px 'Montserrat';
    max-width: 270px;
}

section p {
    font-family: 'Montserrat', sans-serif;
}

.btn-contact {
    background: #0A2847 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 13px 0;
    text-align: center;
    width: 215px;
    color: #F4D316;
}

.left-override {
    left: -5%;
    position: relative;
}

.leftPrice {
    position: relative;
}

.carouseltxt {
    padding-left: 21%;
}


.price-inside {
    position: absolute;
    right: 0;
    bottom: 18%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #3100FF29;
    border-radius: 15px;
    min-width: 280px;
}

.leftPrice img {
    max-width: 90%;
}


.detail-price {
    border: 1px solid #0A2847;
    border-radius: 5px;
}

.detail-price ul {
    padding-left: 6%;
}

.detail-price li, .red-price {
   
    position: relative;
}

.red-price {
    background: #FF0033 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.detail-price li:before {
    background: transparent url('../img/checkblue.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    content: "";
    width: 29px;
    height: 29px;
    position: absolute;
    left: -40px;
}

.detail-price li span {
    font-weight: 700;
    display: block;

}

.answer {
    background: #25160E 0% 0% no-repeat padding-box;
    border: 1px solid #25160E;
    border-radius: 0;
}

.answer input, .answer i {
    position: relative;
    top: 2px;
    margin-right: 10px;
    
}

.answer2 i, .answer2 input { 
    color: #ffffff;
}

.answer input[type=text], .answer input[type=email],
.answer textarea {
    width: 100%;
    background-color: #25160E;
    color: #674D3F;
    text-align: left;
}

.answer.insta, .answer.insta input {
    background-color: #161200;
}

.answer.fb, .answer.fb input {
    background-color: #0029CB;
}



.answer.YouTube, .answer.YouTube input {
    background-color: #FF1A2A;
    border: 1px solid #FF1A2A;
}

.answer.Twitter, .answer.Twitter input {
    background-color: #00ACEC;
    border: 1px solid #00ACEC;
}

.answer input::-webkit-input-placeholder { 
    color: #674D3F;
}

.answer2 input::-webkit-input-placeholder { 
    color: #674D3F;
}

.answer2 input::-moz-placeholder { 
    color: #674D3F;
}

.answer2 input:-ms-input-placeholder { 
    color: #674D3F;
}

.answer2 input:-moz-placeholder { 
    color: #674D3F;
}

.getstarted {
    background: #F4D316 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #0A2847;
    font-size: 50px;
    display: block;
}


.logoComic {
    height: 78px;
    width: 207px;
    opacity: 1;
}

        
#menu-toggle:checked + #menu {
    display: block;
}

.hover\:grow {
    transition: all 0.3s;
    transform: scale(1);
}

.hover\:grow:hover {
    transform: scale(1.02);
}

.carousel-open:checked + .carousel-item {
    position: static;
    opacity: 100;
}

.carousel-item {
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
    display: block;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
    color: #000;
    /*Set to match the Tailwind colour you want the active one to be */
}

.carousel-inner .prev {
    position: absolute;
    top: 125%;
    left: auto;
    right: 9%;
    background: #D4AF62 0% 0% no-repeat padding-box;
    border-radius: 0;
    color: #ffffff;
}

.carousel-inner .next {
    position: absolute;
    top: 125%;
    left: auto;
    right: 1%;
    background: #D4AF62 0% 0% no-repeat padding-box;
    border-radius: 0;
    color: #ffffff;
}

.belowfooter {
    position: relative;
    z-index: 55;
}

.logofooter {
   
}

.logofooter img {
    position: relative;
    z-index: 99999;
}

footer {
    overflow: visible;
    z-index: 99999;
    position: relative;
    background-color: #121110;
}

footer span, footer div{
    position: relative;
    z-index: 999;
}




.bgfooter {
    position: absolute;
    bottom: -120%;
    right: 1%;
    z-index: 4;
    width: 62%;
}

.copyw {
    font: normal normal medium 20px/55px "Montserrat";
    letter-spacing: 0.4px;
    color: #F4D316;
    display: block;
}


.section-list{ 
    background: transparent;
    max-height: max-content;
}

a.blist1 {
    min-width: 80%;
    display: inline-block;
}

.section-list h2 {
    color: #25160E;
}

.ushows p {
    font-weight: 700;
}

.contact-sec h4{
    font: normal normal 800 24px/28px 'Montserrat';
   letter-spacing: 0.56px;
   color: #25160E;
}

.copyw{
    color: #25160E;
}

.contact-form input, .contact-form textarea {
    background: #E5E5E5 0% 0% no-repeat padding-box;
    border-color: #E5E5E5;
    border-radius: 10px;
}


@media (max-width: 768px){

    .left-override h2 {
        font-size: 28px!important;
    }

    .banner-right button {
        margin-top: 10px;
        width: 100%;
    }

    nav button svg{
        background-color: #936100;
     
        height: 38px;
        width: 41px;
    }

    .banner-text  {
        font-size: 30px;
        line-height: .1em;
    }
    .banner-text span { 
        font-size: 40px;
        color: #FCCA6B;
    }

    .topheader {
        display: block;
        text-align: center;
        border-bottom: 2px solid #936100;
    }

    .topheader .logoComic,  .topheader > div {
        display: inline-block;
    }

    .answer input[type=text], .answer input[type=email] {
        width: 60%!important;
    }

   .container {
    padding-left: 10px!important;
    padding-right: 10px!important;
   }

   footer, footer > div {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
   
   }

    .bannertop { 
        background-size: cover;
        min-height: 300px;
        background-position-x: right;
    }

 

    .quote img {
        position: absolute;
        width: auto;
        height: 250px;
        max-width: inherit;
        left: 0;
        top: -300px;
        z-index: 6;
    }

    .carouseltxt {
        padding-left: 1%;
    }

    .carousel-inner .prev {
        top: 115%;
        right: 18%;
    }

    .carousel-inner .next {
        top: 115%;
    }

    .logotop {
        width: 72%!important;
        float: left;
        display: block!important;
        padding: 15px!important;
    }

    .logotop img {
        width: 90%;
    }

    .topnavigation {
        float: right;
        width: 26%;
        display: block!important;
        padding: 15px 20px 15px 0!important;
    }

    .topnavigation button {
        float: right;
        padding: 0.5rem;
        background: #232323;
    }

    .topnavigation button svg {
        color: #ffffff;
    }

    .sicontop i { 
        padding: 15px;
    }

    .ushows li {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px;
        margin-top: 0!important;
        border-bottom: 1px solid #25160E;
    }

    .ushows li:first-child {
        margin-top: 20px!important;
    }

    .ushows li div {
        display: block!important;
    }

    .ushows li div span {
        width: 100%;
        display: block;
    }
    .ushows li div span.col-span-2 {
        margin: 10px 0;
    }

    .ushows li div span a {
        width: 100%;
    }

    .contact-sec .grid,
    .contact-sec .flex {
        display: block;
    }

    .contact-sec .flex .answer,
    .contact-sec .answer {
        margin-left: 0!important;
        margin-top: 0!important;
        margin-bottom: 10px!important;
    }

    .contact-sec .flex {
        width: 100%!important;
    }

    .contact-sec .flex a.bcolor-brown{
        width: 100%;
        display: inline-block;
    }

    div.logofooter {
        width: 90%!important;
        margin-top: 0!important;
    }

    .cnavbottom ul li {
        display: inline-block;
        margin-bottom: 10px;
    }

    .cnavbottom ul  {
        width: 100%;
        text-align: center;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .carousel-item .container.flex-wrap > div {
        width: 49%;
    }

    .bannertop { 
        background-size: contain;
    }

    .banner-text span { 
        font-size: 60px;
    }

    .banner-text { 
        font-size: 30px;
        line-height: 2em;
        
    }

    .carousel.container-out, 
    .section-list {
        width: 94%;
        max-height: 370px;
    }
    .carousel-inner .prev {
        position: absolute;
        top: 125%;
        left: auto;
        right: 9%;
    }

    .carouseltxt {
        padding-left: 2%;
    }

    .carousel-open:checked + .carousel-item {
        height: auto!important;
    }

    .topheader {
        display: flex;
    }

    .topheader > div {
        width: 50%;
        float: left;
    }
    .left-override h2 { 
        font-size: 2rem;
    }

    .price-inside {
        bottom: 58%;
    }
}

@media (min-width: 768px) {
    body .container {
        max-width: 100%;
        padding: 15px;
        
    }

    body .container.contact { 
        padding-top: 35px;
        padding-bottom: 35px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1024px) {
    body .container {
        max-width: 100%;
        padding: 15px;
    }
}



@media (min-width: 1280px){

    .container {
        max-width: 1180px;
    }

    .carousel.container-out,
    .section-list { 
        width: 75%;
    }

    .contactus a{
        top: -44px;
    }


}

@media(min-width: 1536px){
    body .container {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .carousel.container-out { 
        max-height: 175px;
    }
}


@media(min-width: 1024px){ 

    .carousel .carousel-inner.container {
      
        margin: 0 auto;
    }
}

.partnerContent .card-details {
  overflow-y: auto;
  max-height: 370px;
  scrollbar-width: thin;
  scrollbar-color: #00000042 #ffffff00;
}