.museums-of-the-day:before {
    background-color: transparent !important;
}

.museums-of-the-day .motd-carousel .owl-stage-outer .owl-stage .owl-item.active .motd:hover {
    opacity: 1 !important;
    z-index: 3 !important;
    -webkit-transform: scale(1.04) !important;
    -moz-transform: scale(1.04) !important;
    -ms-transform: scale(1.04) !important;
    -o-transform: scale(1.04) !important;
    transform: scale(1.04) !important;
}

    .museums-of-the-day .motd-carousel .owl-stage-outer .owl-stage .owl-item.active .motd:hover .desc-section {
        bottom: 50% !important;
        left: 0px !important;
        transform: translateY(50%) !important;
    }

        .museums-of-the-day .motd-carousel .owl-stage-outer .owl-stage .owl-item.active .motd:hover .desc-section span:first-child:before {
            left: -3% !important;
            width: 106% !important;
        }

    .museums-of-the-day .motd-carousel .owl-stage-outer .owl-stage .owl-item.active .motd:hover .img-section .rating {
        top: -26px !important;
        opacity: 1 !important;
    }

.op0 {
    opacity: 1 !important;
}

.first-section:before {
    background-color: rgba(0, 0, 0, 0) !important;
}

.tm-nav .nav-menu a {
    font-size: 50px !important
}

.museums-of-the-day .cta {
    display: table;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: none;
}

.up-coming-events .cta {
    display: table;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: none;
}



.bg-red {
    background-color: #C1272D;
    text-align: center;
    color: white;
}

    .bg-red p {
        font-size: 48px;
    }

.tm-new2 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

    .tm-new2:after {
        content: "";
        background-color: #C1272D;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 45%;
        z-index: -1;
    }




    .tm-new2 .vertical-center h1 {
        font-weight: bold;
        font-size: 42px;
        line-height: 49px;
        color: #FFFFFF;
        margin-bottom: 5px;
    }

    .tm-new2 .vertical-center p {
        font-size: 20px;
        line-height: 25px;
        color: #fff;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .tm-new2 .cta::before {
        background-color: rgba(255, 150, 150, .8)
    }


    .tm-new2 .cta::after {
        background-color: rgba(255, 150, 150,1)
    }

    .tm-new2 .cta:hover:before {
        width: 100%;
        background-color: rgba(255, 150, 150,1)
    }



.cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all .2s ease;
    color: #111;
}

    .cta::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 28px;
        background: rgba(193, 39, 45,.8);
        width: 56px;
        height: 56px;
        transition: all .3s ease
    }

    .cta span {
        position: relative;
        font-size: 16px;
        line-height: 18px;
        font-weight: 900;
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        vertical-align: middle;
        color: #333333;
    }

    .cta svg {
        position: relative;
        top: 0;
        margin-left: 10px;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #111;
        stroke-width: 2;
        transform: translateX(-5px);
        transition: all .3s ease
    }

    .cta:hover svg {
        transform: translateX(0)
    }

    .cta:hover:before {
        width: 100%;
        background: rgba(193, 39, 45,1)
    }




    .cta:active {
        transform: scale(.96)
    }

.container-fixed {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}


.stacked-cards {
    padding-top: 40px;
    padding-bottom: 15px;
}



    .stacked-cards li img {
        max-height: 400px;
    }

    .stacked-cards li {
        height: 200px;
    }

.animatebutton .cta span {
    color: #fff;
}

.animatebutton .cta svg {
    stroke: #fff;
}

.museums-of-the-day {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
}

.blog-type1 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
}

    .blog-type1 .cta {
        margin-top: 64px
    }

.padding-160 {
    padding-top: 160px !important
}

.social-media {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.vertical-center {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
}

    .vertical-center .cta span {
        color: #fff;
    }

    .vertical-center .cta svg {
        stroke: #fff;
    }

.tm-new3 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    text-align: center;
}

    .tm-new3:after {
        content: "";
        background-color: #132853;
        position: absolute;
        left: 25%;
        top: 0;
        height: 100%;
        width: 50%;
        z-index: -1;
    }


    .tm-new3 .caption {
        color: #fff !important;
        font-size: 36px;
        line-height: 1.2;
        margin-bottom: 60px;
    }

.bg-red .cta::before {
    background-color: rgba(255, 150, 150, .8)
}


.bg-red .cta::after {
    background-color: rgba(255, 150, 150,1)
}

.bg-red .cta span {
    color: #fff;
}

.bg-red .cta svg {
    stroke: #fff;
}

footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

    footer ul {
        padding-left: 15px !important;
    }

.slide-div {
    margin-bottom: 60px;
}

@media(max-width:479px){
    .museums-of-the-day {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .blog-type1 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .padding-160 {
        padding-top: 90px !important
    }
}

@media(max-width: 769px) {
    .tm-nav .nav-menu a {
        font-size: 24px !important;
    }

    .tm-new2:after {
        width: 100%;
    }

    .tm-new3:after {
        width: 100%;
        left: 0;
    }

    .stacked-cards li {
        height: 55px;
    }

    .slide-div {
        margin-bottom: 40px;
    }

    .stacked-cards ul {
        max-width: 90% !important
    }
}

@media(max-width: 990px) {


    .tm-new2:after {
        width: 100%;
    }

    .tm-new3:after {
        width: 100%;
        left: 0;
    }

    .stacked-cards li {
        height: 55px;
    }

    .stacked-cards ul {
        max-width: 90% !important
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.tm-new3 .owl-nav > button {
    height: 50px !important;
    width: 50px !important;
    line-height: 20px !important;
    text-align: center !important;
    background-color: transparent !important;
    border: 1px solid #9BAACB !important;
    -webkit-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    transition: all 0.3s !important;
    -webkit-border-radius: 55% !important;
    -moz-border-radius: 55% !important;
    border-radius: 55% !important;
}

    .tm-new3 .owl-nav > button > span {
        font-size: 25px;
        color: #9BAACB;
    }

.cards .carousel-buttons {
    margin-top: 40px;
}

    .cards .carousel-buttons > button {
        height: 50px !important;
        width: 50px !important;
        line-height: 20px !important;
        text-align: center !important;
        background-color: transparent !important;
        border: 1px solid #FFFFFF !important;
        -webkit-transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        -ms-transition: all 0.3s !important;
        -o-transition: all 0.3s !important;
        transition: all 0.3s !important;
        -webkit-border-radius: 55% !important;
        -moz-border-radius: 55% !important;
        border-radius: 55% !important;
    }

        .cards .carousel-buttons > button > span {
            font-size: 20px;
            color: #FFFFFF;
        }