.darkness #loader{
    background: rgb(13,17,29);
    background: linear-gradient(90deg, rgba(13,17,29,1) 0%, rgba(1,34,53,1) 100%);
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
header.classic-menu nav li a{
    font-size: 30px;
}
#header-language{
    font-size: 12px;
    vertical-align: middle;
}
a#language-switcher{
    text-decoration: none!important;
}
.mobile-nav-display-1{
    display: table!important;
}
svg#es-icon{
    overflow: initial;
    height: 40px;
    fill: white;
}
.mobile-nav-display-2{
    display: table-cell!important;
}
a#tiffanymayp-email{
    color:white;
}
a#tiffanymayp-email:hover{
    color: #ffcdd2;
}
#corazon:hover #corazon:before {
    content: "\f004";
}
.slide-text, .slide-content p a{
    opacity: 1;
}
.bv-link, a{
    color: #ffe6e9;
    cursor:pointer;
    opacity: 1;
    text-decoration: underline!important;
}
a.mobile-button, .mobile-menu-item{
    color: #ffe6e9;
    text-decoration: none!important;
}
.bv-link, a, a.mobile-button svg, .close-menu svg{
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bv-link:hover, a:focus, a:hover, a.mobile-button:hover svg, .close-menu:hover svg{
    color: #ffcdd2;
    text-decoration-color: #ffcdd2!important;
    -webkit-text-decoration-color: #ffcdd2!important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.slide-text, .slide-content p{
    opacity: .9;
}
/*slide 01 - Arrow Point Down*/
#more{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
/*Warpspeed.js effect canvas*/
#warpspeed-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.white-logo{
    /*display: initial!important;*/
}
.mobile-button{
    display: none;
}
.mobile-menu-item{
    display: none
}
.desktop-menu-item{
    display: inline-block;
}
.thesis-subtitle{
    font-size: 27px;
}
@media only screen and (max-width: 1402px) {
    .podcast-badge {
        width: initial;
        margin-bottom: 10px;
        margin-right: 0;
    }
}
@media only screen and (max-width: 990px) {
    .desktop-menu-item{
        display: none!important;
    }
    .mobile-menu-item{
        display: inline-block;
    }
    .mobile-button{
        display: inline-block;
        background-color: #000000;
        color: #ffffff;
        padding: .75rem 1.5rem;
        border-radius: .3rem;
    }
    header.classic-menu nav, header.classic-menu nav ul li ul {
        display: none;
    }

}
@media only screen and (max-width: 1350px) {
    .showcase .bullets{
        width: 32%;
        left: 0!important;
    }
    .showcase .bullets ul li span {
        padding: 0;
    }


}
@media only screen and (max-width: 1024px) {
    .slide-arrow{
        display: none!important;
    }
    .mobile-button{
        display: inline-block;
    }
}

@media only screen and (max-width: 576px) {
    .slide-arrow, .episode-info-container, .podcast-player, .double-line{
        display: none!important;
    }
    .slide-content{
        /*margin-top: 15%;*/
    }
    .showcase .swiper-slide .slide-content {
        margin-left: 40%;
    }
    .podcast-badge{
        width: 100%;
    }
    .showcase .swiper-slide .slide-content .title {
        font-size: 29px;
    }

    header .header-container {
        padding-right: 30px;
        padding-left: 10px;
        padding-top: 25px;
    }

}
@media only screen
and (max-device-width : 768px){
    .showcase-bottom .sliding-social .follow-us {
        display: none;
    }
    /*header .header-container {*/
    /*    padding: 18px;*/
    /*}*/
    .double-line, .episode-info-container, .podcast-player{
        display: none!important;
    }
    .podcast-badge {
        width: 207px;
    }
    .showcase .swiper-slide .slide-content {
        width: 100%;
    }
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    z-index: 2000;
    position: fixed;
    margin: auto;

    height: 5px;
    width: 200px;
    background: #ffffff;

    overflow: hidden;
}

.pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    max-width: 200px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    /*background: #997b7e;*/
    background: rgba(0,0,0,.3);
    /*background: transparent;*/
}

.pace.pace-inactive {
    display: none;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    font-size: 42px;
    color: inherit;
    vertical-align: -0.35em;
    fill: currentColor;
}

.checkbox {
    display: none
}

.checkbox:checked+label svg #heart {
    transform: scale(0.2);
    fill: #E2264D;
    animation: animateHeart .3s linear forwards .25s
}

.checkbox:checked+label svg #main-circ {
    transition: all 2s;
    animation: animateCircle .3s linear forwards;
    opacity: 1
}

.checkbox:checked+label svg #heartgroup1 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup1 #heart1 {
    transform: scale(0) translate(0, -30px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup1 #heart2 {
    transform: scale(0) translate(10px, -50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup2 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup2 #heart1 {
    transform: scale(0) translate(30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup2 #heart2 {
    transform: scale(0) translate(60px, -15px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup3 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup3 #heart1 {
    transform: scale(0) translate(30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup3 #heart2 {
    transform: scale(0) translate(60px, 10px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup4 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup4 #heart1 {
    transform: scale(0) translate(30px, 15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup4 #heart2 {
    transform: scale(0) translate(40px, 50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup5 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup5 #heart1 {
    transform: scale(0) translate(-10px, 20px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup5 #heart2 {
    transform: scale(0) translate(-60px, 30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup6 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup6 #heart1 {
    transform: scale(0) translate(-30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup6 #heart2 {
    transform: scale(0) translate(-60px, -5px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup7 {
    opacity: 1;
    transition: .1s all .3s
}

.checkbox:checked+label svg #heartgroup7 #heart1 {
    transform: scale(0) translate(-30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s
}

.checkbox:checked+label svg #heartgroup7 #heart2 {
    transform: scale(0) translate(-55px, -30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s
}

.checkbox:checked+label svg #heartgroup2 {
    opacity: 1;
    transition: .1s opacity .3s
}

.checkbox:checked+label svg #heartgroup3 {
    opacity: 1;
    transition: .1s opacity .3s
}

.checkbox:checked+label svg #heartgroup4 {
    opacity: 1;
    transition: .1s opacity .3s
}

.checkbox:checked+label svg #heartgroup5 {
    opacity: 1;
    transition: .1s opacity .3s
}

.checkbox:checked+label svg #heartgroup6 {
    opacity: 1;
    transition: .1s opacity .3s
}

.checkbox:checked+label svg #heartgroup7 {
    opacity: 1;
    transition: .1s opacity .3s
}

@keyframes animateCircle {
    40% {
        transform: scale(10);
        opacity: 1;
        fill: #DD4688
    }

    55% {
        transform: scale(11);
        opacity: 1;
        fill: #D46ABF
    }

    65% {
        transform: scale(12);
        opacity: 1;
        fill: #CC8EF5
    }

    75% {
        transform: scale(13);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .5
    }

    85% {
        transform: scale(17);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .2
    }

    95% {
        transform: scale(18);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: .1
    }

    100% {
        transform: scale(19);
        opacity: 1;
        fill: transparent;
        stroke: #CC8EF5;
        stroke-width: 0
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(0.2)
    }

    40% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes animateHeartOut {
    0% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

.loading .txt, .progress{
    /*z-index: 5000;*/
}
.txt{
    margin-bottom: 14%;
}
canvas{
    z-index: 100;
}
.fade-in, .pace{
    z-index: 5000;
    animation: fadeIn ease .5s;
    -webkit-animation: fadeIn ease .5s;
    -moz-animation: fadeIn ease .5s;
    -o-animation: fadeIn ease .5s;
    -ms-animation: fadeIn ease .5s;
}

#progress-shadow{
    transition: all 3s ease;
    border-radius: 0;
}

@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.fade-out {
    animation: fadeOut ease .5s;
    -webkit-animation: fadeOut ease .5s;
    -moz-animation: fadeOut ease .5s;
    -o-animation: fadeOut ease .5s;
    -ms-animation: fadeOut ease .5s;
}
@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.green-audio-player {
    width: 100%;
    height: 50px;
}
.green-audio-player .slider .gap-progress .pin,.green-audio-player .slider .gap-progress {
    background-color: #ffcdd2;
}

.green-audio-player .volume .volume__button.open path {
    fill: #ffcdd2;

}
.latest-episode{
    font-size: 15px;
}
.episode-date {
    font-size: 13px;
}
.episode-title{
    font-size: 16px;
    /*text-transform: capitalize;*/
}
hr.double-line {
    border-top: 3px double #8c8b8b;
    margin-top: 1rem;
    margin-bottom: 1rem;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.podcast-badge-container{
    margin-top: 20px;
}
.podcast-badge {
    margin-bottom: 10px;
    margin-right: 10px;
}
#mobile-email-li{
    display: none;
}
header .logo img {
    max-height: initial!important;
    height: 60px;
}
#mobile-logo{
    width: 95%;
}
html.showcase, .showcase body{
    background: #000000;
}
.slide-arrow svg {
    float: right;
    height: 1.3em;
}
#tiffany-may-pena-title{
    display: none;
}
@media only screen and (max-width: 991px) {
    .close-menu {
        overflow: initial;
    }
    #mobile-logo{
        display:none;
    }
    .fa, .fas, .svg-inline--fa {
        color: white;
        font-size: 33px;
    }
    .mobile-arrow{
        font-size: initial;
        color: #ffe6e9;
    }
    .hamburger-open, #mobile-email {
        color: #ffcdd2;
    }
    #mobile-email {
        font-size: 35px;
    }
    #mobile-email-li {
        display: inline-block;
    }
}
@media only screen and (max-width: 576px) {
    .showcase .swiper-slide .slide-content {
        margin-left: 35%;
        margin-right: 3%;
    }
    header .logo img {
        display:none!important;
    }
    #mobile-logo{
        display:initial;
    }
     #tiffany-may-pena-title{
        display: initial!important;
    }
}
@media only screen and (max-width: 375px) {
    header .logo img {
        display:none!important;
    }
    .showcase .swiper-slide .slide-content p {
        font-size: 14px;
        line-height: 26px!important;
    }
    .showcase .bullets ul li.focus {
        font-size: 115px;
        margin: 20px 0 40px;
    }
}