/*header*/
                    
                    .navbar {
                        margin-bottom: 0px;
                    }
                    /* .row {
margin-right: 0px !important;
margin-left: 0px !important;
} */
                    
                    .cms-pages .row .col-sm-12:nth-child(3) .row {
                        max-width: 1140px;
                        margin: auto;
                        margin: 20px auto !important;
                        /*border: 1px solid #dadada;*/
                        border-radius: 5px;
                        padding: 10px 0px;
                    }
                    /* .cms-pages .row .col-sm-12:nth-child(1) {
padding: 0;
} */
                    
                    .container-green {
                        background-color: #8DC73F;
                    }
                    
                    .container-blue {
                        background-color: #0093dd;
                    }
                    
                    .container-grey {
                        background-color: #F7F7F7;
                    }
                    
                    .container-orange {
                        background-color: #E4771B;
                    }
                    
                    .container-white {
                        background-color: #FFFFFF;
                    }
                    
                    @media (max-width: 768px) {
                        .cms-pages .container-green .col-sm-4,
                        .cms-pages .container-green .col-sm-8,
                        .cms-pages .container-blue .col-sm-4,
                        .cms-pages .container-blue .col-sm-8 {
                            width: 100% !important;
                        }
                    }
                    
                    .Mhead {
                        font-size: 30px;
                        font-weight: 500;
                        color: #fff;
                        font-family: 'M PLUS Rounded 1c', sans-serif;
                    }
                    
                    .Msubhead {
                        color: #efefef;
                        font-family: 'Varela Round', sans-serif;
                    }
                    
                    .Mdesk {
                        font-size: 18px;
                        color: #fff;
                        font-family: 'Varela Round', sans-serif;
                    }
                    
                    .navbar-brand img {
                        padding: 0px 0 0 12px !important;
                        max-width: 244px;
                        transition: all 0.7s ease-in-out;
                    }
                    
                    .navbar-nav>li>.dropdown-menu {
                        z-index: 1009;
                    }
                    
                    h2,
                    details {
                        display: inline;
                    }
                    
                    details {
                        position: relative;
                        transition: .5s;
                    }
                    
                    details summary {
                        display: block;
                        cursor: pointer;
                        font-size: 18px;
                        color: #ffd7b3;
                        font-family: 'Varela Round', sans-serif;
                    }
                    
                    details summary:focus {
                        outline: none;
                    }
                    
                    details[open] {
                        display: block;
                        padding-bottom: 25px;
                        padding-top: 0px;
                        animation: open .2s linear;
                    }
                    
                    details[open] summary {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                    }
                    
                    details #open {
                        text-align: middle;
                        transition: .3s;
                    }
                    
                    details #open:hover {
                        color: #e57716;
                        transition: .3s;
                    }
                    /*details #open:after{
display: inline-block;
position:relative;
top: -3px;
padding-left: 8px;
content: "\00bb";
transform: rotate(90deg);
}*/
                    
                    details[open] #open {
                        display: none;
                    }
                    
                    details #close {
                        display: none;
                    }
                    
                    details[open] #close {
                        display: block;
                        transition: .3s;
                    }
                    
                    details[open] #close:hover {
                        color: #e57716;
                        transition: .3s;
                    }
                    
                     ::-webkit-details-marker {
                        display: none;
                    }
                    
                    @keyframes open {
                        0% {
                            opacity: 0;
                            transform: translateY(-10px);
                        }
                        100% {
                            opacity: 1;
                            transform: translateY(0);
                        }
                    }
                    /* .cms-pages .row .col-sm-12:nth-child(4) .row{
max-width: 1200px;
margin: auto;
} */
                    
                    @media (min-width: 768px) {
                        .navbar-nav>li>a {
                            padding-top: 15px;
                            padding-bottom: 26px;
                        }
                    }
                    
                    .blue-menu {
                        background-color: #2EA3F2 !important;
                        margin-top: -2px;
                    }
                    /*
closed*/
                    /*day of giving*/
                    
                    p.button-donate:hover {
                        color: #85c227;
                    }
                    
                    .letter-button:hover {
                        color: #f8f8f8;
                        text-decoration: none;
                    }
                    
                    .dtc-annual-p-matt {
                        text-align: justify;
                        color: #333333;
                        font-size: 18px;
                        /* padding-bottom: 12px; */
                        /* top: 8px; */
                        margin-top: 73px;
                        margin: 125px 0px 0px 110px;
                    }
                    /*
annual benefit*/
                    
                    .image-p_round {
                        width: 300px;
                        margin: 26px 38px;
                    }
                    
                    .image-matt_0 {
                        margin: 51px 0px 40px 86px;
                    }
                    
                    @media screen and (max-width: 786px) {
                        .image-matt_0 {
                            margin: 8px 0px 40px 41px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        .dtc-annual-p-matt {
                            text-align: justify;
                            margin: 4px 0px 0px 56px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        .annual-benfit-p_0 {
                            text-align: justify;
                            margin: -45px 9px 8px 35px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        .image-p_round {
                            width: 300px;
                            margin: 36px 52px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        .dtc-scaled {
                            margin: 56px 13px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        .dtc-scaled_0 {
                            margin: -8px 4px 18px 27px;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        p .button-donate {
                            border-radius: 10px;
                        }
                    }
                    
                    @media (max-width: 500px) {
                        .cms-pages .cntr {
                            text-align: center;
                        }
                    }
                    
                    @media (max-width: 786px) {
                        /* .cms-pages .row .col-sm-12:nth-child(1) {
padding: 0;
} */
                    }
                    
                    html {
                        overflow: hidden;
                        overflow-y: scroll;
                    }
                    
                    .cms-pages .cms-center-block {
                        padding: 30px 0 30px;
                        max-width: 1140px;
                        margin: auto;
                        display: flex;
                    }
                    
                    ul.page-list li {
                        list-style: outside;
                        margin-left: 15px;
                    }
                    /* .row {
            margin-top: 30px;
            margin-bottom: 30px;
        } */
                    
                    .profile-avatar img.img-thumbnail.img-circle {
                        height: 100px;
                        width: 100px;
                        object-fit: cover;
                    }
                    
                    .col-xs-12 .table.table-bordered.table-striped tr td img.img-thumbnail.img-circle {
                        width: 40px;
                        height: 40px;
                        object-fit: cover;
                    }
                    
                    a.btn.btn-info.btn-sm,
                    a.btn.btn-primary,
                    a.btn.btn-danger.deletePage,
                    a.btn.btn-success.btn-sm,
                    a.btn.btn-warning.btn-sm,
                    a.btn.btn-info.btn-xs,
                    a.btn.btn-danger.btn-xs,
                    a.btn.btn-xs.btn-default,
                    button.btn.btn-default,
                    a.btn.btn-info.pull-right,
                    button.btn.btn-primary,
                    button.btn.btn-info,
                    a.btn.btn-link,
                    a.btn.btn-default.btn-sm,
                    a.btn.btn-danger.btn-sm {
                        border-radius: 4px;
                        padding: 5px 10px;
                        margin-bottom: 5px;
                    }
                    
                    .col-xs-12 table.table.table-bordered.table-striped tr td img.img-responsive.img-thumbnail {
                        margin-top: 2px;
                        width: 100%;
                        object-fit: cover;
                        height: 40px;
                        object-fit: fill;
                        max-width: 40px;
                    }
                    
                    img.img-responsive.img-thumbnail {
                        margin-top: 2px;
                        width: 100% !important;
                    }
                    
                    .cms-pages .cms-center-block {
                        padding: 30px 8px 30px;
                    }
                    
                    @media (max-width: 600px) {
                        .cms-pages .cms-center-block {
                            display: block;
                        }
                    }
                    /* *****  GALLERIES ***** */
                    
                    .gallery-wrapper {
                        padding: 2rem 7rem;
                        display: grid;
                        justify-content: center;
                        grid-template-columns: repeat(5, 1fr);
                        grid-auto-rows: auto;
                        grid-gap: 1rem;
                        grid-auto-flow: dense;
                    }
                    /* Another way to do the same without declaring in the classes - remove h-x w-x from classes */
                    /* .gallery-wrapper {
    padding: 2rem 10rem;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(5, 300px);
    grid-auto-rows: 200px;
    grid-gap: 1rem;
    grid-auto-flow: dense;
  }
   */
                    
                    .gallery-item img {
                        filter: drop-shadow(2px 2px 3px #333);
                    }
                    
                    .gallery-item {
                        width: 100%;
                        height: 100%;
                        position: relative;
                    }
                    
                    .gallery-item .image {
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                    }
                    
                    .gallery-item .image img {
                        width: 100%;
                        height: 200px;
                        object-fit: cover;
                        object-position: center;
                        cursor: pointer;
                        transition: all 400ms ease-in;
                        transform: scale(1);
                    }
                    
                    .gallery-item .image img:hover {
                        transform: scale(1.1);
                    }
                    
                    .w-1 {
                        grid-column: span 1;
                    }
                    
                    .w-2 {
                        grid-column: span 1;
                    }
                    
                    .w-3 {
                        grid-column: span 3;
                    }
                    
                    .w-4 {
                        grid-column: span 4;
                    }
                    
                    .w-5 {
                        grid-column: span 5;
                    }
                    
                    .h-1 {
                        grid-row: span 1;
                    }
                    
                    .h-2 {
                        grid-row: span 2;
                    }
                    
                    .h-3 {
                        grid-row: span 3;
                    }
                    
                    .h-4 {
                        grid-row: span 4;
                    }
                    
                    .h-5 {
                        grid-row: span 5;
                    }
                    /* ***** LIGHTBOX EFFECT ***** */
                    
                    #lightbox {
                        position: fixed;
                        z-index: 1000;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        background-color: rgba(0, 0, 0, .92);
                        display: none;
                    }
                    
                    #lightbox.active {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    
                    #lightbox img {
                        max-width: 90%;
                        max-height: 80%;
                        padding: 4px;
                        margin-top: 3%;
                        /* border-radius: 1%; */
                        /* background-color: white; */
                        border: 0.2px solid silver;
                    }
                    /* Generic Styles */
                    
                     :root {
                        box-sizing: border-box;
                    }
                    
                    *,
                    *::before,
                    *::after {
                        box-sizing: inherit;
                    }
                    
                    html {
                        height: 100%;
                        font-family: sans-serif;
                        font-size: 1vw;
                        scroll-behavior: smooth;
                    }
                    /* body {
            height: 100vh;
            min-width: 100vw;
            margin: 0;
            padding: 0;
        } */
                    
                    h1 {
                        /*text-align: center;
            padding: 1rem;*/
                        /*background: -webkit-linear-gradient(130deg, #A155DA, #41B3A3);*/
                        -webkit-background-clip: text;
                        /*-webkit-text-fill-color: transparent;*/
                    }
                    
                    @media only screen and (max-width: 800px) {
                        .gallery-wrapper {
                            grid-template-columns: repeat(2, 2fr);
                            grid-template-rows: 1fr;
                            grid-gap: 2;
                            grid-auto-flow: dense;
                        }
                        .gallery-container:nth-child(3n+2) {
                            grid-column: 1 / span 2;
                            grid-row-end: span 2;
                        }
                        .gallery-container:nth-child(4n+3) {
                            grid-column: 2 / span 1;
                            grid-row-end: span 2;
                        }
                        /*  reseting the css for the class within the divs to show a different way to achieve grid control using the nth childs*/
                        .w-1,
                        .w-2,
                        .w-3,
                        .w-4,
                        .w-5 {
                            grid-column: span 1;
                        }
                        .h-1,
                        .h-2,
                        .h-3,
                        .h-4,
                        .h-5 {
                            grid-row: span 1;
                        }
                    }
                    
                    @media only screen and (max-width: 400px) {
                        /* An example to use combined with flex but could also be grids with different repetition of columns  */
                        .gallery-wrapper {
                            display: flex;
                            flex-direction: column;
                            flex: wrap;
                            gap: 2.5rem;
                            margin: 5rem;
                        }
                    }
                    
                    @import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");
                    .slick-wrapper {
                        width: 100%;
                    }
                    
                    .slide-item {
                        justify-content: center;
                        align-items: center;
                        text-align: center;
                        height: 100%;
                        border: 1px solid white;
                    }
                    
                    .slide-item h3 {
                        font-family: Lato, sans-serif;
                        font-size: 40px;
                    }
                    
                    div#bs-example-navbar-collapse-1,
                    div#bs-example-navbar-collapse-2,
                    .navbar-default {
                        background: #fff !important;
                        border: none !important;
                    }
                    
                    .circle-imggg img {
                        object-fit: cover;
                        object-position: center;
                        width: 100px;
                        height: 100px;
                        border-radius: 60px;
                        border: 3px solid #fff;
                    }
                    
                    .circle-imggg {
                        text-align: center;
                        margin-top: -40px;
                    }
                    
                    .img-text p,
                    .img-text h3 {
                        text-align: center;
                    }
                    
                    .gird-item {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background-color: #354F90;
                        border-radius: 4px;
                        transition: transform 0.3s ease-in-out;
                        color: white;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        height: 100%;
                        position: relative;
                        object-fit: cover;
                    }
                    
                    .ejercico a {
                        opacity: 0;
                        text-decoration: none;
                        cursor: none;
                    }
                    
                    .gird-item:hover .ejercico a {
                        color: white;
                        opacity: 1;
                    }
                    
                    .gird-item:hover {
                        filter: opacity(0.9);
                        transform: scale(1.04);
                    }
                    /*-------------Gird style----------*/
                    
                    .gird-container {
                        display: grid;
                        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
                        /*1fr Columnas que puedes colocar */
                        grid-auto-rows: minmax(250px, auto);
                        gap: 15px;
                        /*Separación automática*/
                        padding: 10px;
                        grid-auto-flow: dense;
                        /*Para que no hayan espacios en blanco glaeria*/
                    }
                    /* .text {
                        position: absolute;
                        color: white;
                        z-index: 3;
                        text-align: center;
                        margin-top: 20%;
                        margin-left: 35px;
                    } */
                    
                    @media(min-width: 600px) {
                        .tall {
                            grid-row: span 2;
                        }
                    }
                    
                    p.text-img {
                        font-weight: 700;
                        font-size: 17px;
                        margin-top: 10px;
                        line-height: 20px;
                        color: #000;
                        padding: 0px 0 0 10px;
                        text-align: left;
                        margin-bottom: 6px;
                    }
                    
                    .img-ontxt p.text-img {
                        font-weight: 700;
                        font-size: 17px;
                        margin-top: 10px;
                        line-height: 20px;
                        color: #ffffff;
                        padding: 0px 0 0 10px;
                        text-align: left;
                        margin-bottom: 6px;
                    }
                    
                    .slick-track {
                        margin-left: inherit !important;
                    }
                    
                    .carousel {
                        position: relative;
                    }
                    
                    .carousel-item img {
                        object-fit: cover;
                    }
                    
                    #carousel-thumbs {
                        background: #f0f0f0;
                        padding: 0 50px;
                    }
                    
                    #carousel-thumbs img:hover {
                        opacity: 100%;
                    }
                    
                    #carousel-thumbs img {
                        opacity: 80%;
                        border: 3px solid transparent;
                        cursor: pointer;
                    }
                    
                    #carousel-thumbs .selected img {
                        opacity: 100%;
                    }
                    
                    .carousel-control-prev,
                    .carousel-control-next {
                        width: 50px;
                    }
                    
                    .carousel-fullscreen-icon {
                        position: absolute;
                        top: 1rem;
                        left: 1rem;
                        width: 1.75rem;
                        height: 1.75rem;
                        z-index: 4;
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
                    }
                    
                    .carousel-fullscreen-icon:hover {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
                    }
                    
                    .pause .carousel-pause-icon {
                        position: absolute;
                        top: 3.75rem;
                        left: 1rem;
                        width: 1.75rem;
                        height: 1.75rem;
                        z-index: 4;
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
                    }
                    
                    .pause .carousel-pause-icon:hover {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
                    }
                    
                    .play .carousel-pause-icon {
                        position: absolute;
                        top: 3.75rem;
                        left: 1rem;
                        width: 1.75rem;
                        height: 1.75rem;
                        z-index: 4;
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
                    }
                    
                    .play .carousel-pause-icon:hover {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
                    }
                    
                    #carousel-thumbs .carousel-control-prev-icon {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
                    }
                    
                    #carousel-thumbs .carousel-control-next-icon {
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
                    }
                    
                    .modal-content {
                        border-radius: 0;
                        background-color: transparent;
                        border: none;
                    }
                    
                    #lightbox-container-image img {
                        width: auto;
                        max-height: 520px;
                    }
                    
                    h3.vid-cat {
                        font-weight: 800;
                        margin-bottom: 24px;
                    }
                    
                    .slick-next:before,
                    .slick-prev:before {
                        color: #0092dc !important;
                    }
                    
                    .dot {
                        cursor: pointer;
                        height: 15px;
                        width: 15px;
                        margin: 0 2px;
                        background-color: #ffffff78 !important;
                        border-radius: 50%;
                        border: 1px solid #fff !important;
                        display: inline-block;
                        transition: background-color 0.6s ease;
                    }
                    
                    .modal-content.myModalSlider.animated.fadeIn .active,
                    .modal-content.myModalSlider.animated.fadeIn .dot:hover {
                        background-color: #ffffff !important;
                    }
                    
                    hr {
                        margin-top: 20px;
                        margin-bottom: 20px;
                        border: 0;
                        border-top: 1px solid #eee;
                        width: -webkit-fill-available;
                        margin: 0 -150px;
                    }
                    
                    .mb-bb {
                        margin-bottom: 25px;
                        margin-top: 5px;
                    }
                    
                    .img-ontxt {
                        background: linear-gradient(to right, black, #00000059);
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        border-radius: 0 0 5px 5px;
                    }
                    
                    .animated {
                        -webkit-animation-duration: 0.4s;
                        animation-duration: 0.4s;
                        -webkit-animation-fill-mode: both;
                        animation-fill-mode: both;
                    }
                    
                    @-webkit-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    .fadeIn {
                        -webkit-animation-name: fadeIn;
                        animation-name: fadeIn;
                    }
                    
                    .close-btn {
                        position: absolute;
                        top: -5px;
                        right: -5px;
                        z-index: 9;
                        padding: 10px;
                        background: #fff;
                        font-weight: 900;
                        color: #000;
                        line-height: 15px;
                        font-size: 16px;
                        box-shadow: 0 0 7px #00000082;
                        cursor: pointer;
                    }
                    
                    .wrap .active {
                        background-color: #8DC73F;
                    }
                    
                    .modal-content {
                        box-shadow: none !important;
                    }