/* Minification failed. Returning unminified contents.
(7309,30): run-time error CSS1046: Expect comma, found '16'
(7309,36): run-time error CSS1046: Expect comma, found '/'
 */
body {

    overflow-x: hidden;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    padding: 0;

    margin: 0;

    width: 100%;

    height: 100%;

    font-family: "Open Sans", sans-serif;

}



/* Menu hamburger */



#nav-icon {

    right: auto;

    width: 33px;

    height: 33px;

    position: fixed;

    margin: 18px 0px 0 12px;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    cursor: pointer;

    -ms-transition: 0.5s ease-in-out;

    -ms-transform: rotate(0deg);

}



#nav-icon span {

    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    background: #eb1e51;

    border-radius: 0;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: 0.25s ease-in-out;

    -moz-transition: 0.25s ease-in-out;

    -o-transition: 0.25s ease-in-out;

    transition: 0.25s ease-in-out;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}



#nav-icon span:nth-child(1) {

    top: 0px;

}



#nav-icon span:nth-child(2),

#nav-icon span:nth-child(3) {

    top: 11px;

}



#nav-icon span:nth-child(4) {

    top: 22px;

}



#nav-icon.open span:nth-child(1) {

    top: 11px;

    width: 0%;

    left: 50%;

}



#nav-icon.open span:nth-child(2) {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



#nav-icon.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#nav-icon.open span:nth-child(4) {

    top: 11px;

    width: 0%;

    left: 50%;

}



/* Background page */



.fullscreen-bg video {

    position: fixed;

    right: 0;

    bottom: 0;

    overflow: hidden;

    z-index: 0;

    min-width: 100%;

    min-height: 100%;

}



#bg,

#bg1,

#bg-contact,

#bg-about,

#bg-media {

    background-image: url("/content/images/home/cemilan-bg-01.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: fixed;

    width: 100%;

    height: 100%;

}



#bg1 {

    background-image: url("/content/images/home/cemilan-bg-02.jpg");

}



#bg-eventos {

    background-image: url("/content/images/home/cemilan-auditorio.jpeg");

    /*    background-image: url("/content/images/home/bg-eventos.jpg");*/

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: fixed;

    width: 100%;

    height: 100%;

    filter: brightness(20%);

    animation: glowing 12s ease-in-out infinite;

}



@keyframes glowing {

    0% {

        filter: brightness(20%);

    }



    40% {

        filter: brightness(50%);

    }



    60% {

        filter: brightness(40%);

    }



    80% {

        filter: brightness(25%);

    }



    90% {

        filter: brightness(28%);

    }



    100% {

        filter: brightness(20%);

    }

}



.eventos-no-disponibles {

    font-size: 2em;

    color: white;

    text-align: center;

    margin: 100px;

}



.event-info {

    margin: 40px;

}



.main-label {

    padding: 10px 50px;

    max-width: 390px;

    margin: 0px 40px;

}



#temp-bg1 {

    background-image: url("../content/images/home/temporal-bg.png");

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: center;

}



#bg-contact {

    background-image: linear-gradient(to right bottom, #241d36, #432249, #692153, #901b51, #b31b43);

}



#bg-about {

    background-image: linear-gradient(to right bottom, #241d36, #432249, #692153, #901b51, #b31b43);

}



#bg-media {

    background-image: linear-gradient(to right bottom, #241d36, #432249, #692153, #901b51, #b31b43);

}



.shadow-custom {

    z-index: -1;

    -webkit-box-shadow: -6px 20px 20px 0px rgba(0, 0, 0, 0.52);

    -moz-box-shadow: -6px 20px 20px 0px rgba(0, 0, 0, 0.52);

    box-shadow: -6px 20px 20px 0px rgba(0, 0, 0, 0.52);

}



li {

    text-decoration: none;

    list-style: none;

}



/* Animations */



.translatex-.delighter {

    transition: all 0.9s ease-out;

    transform: translatex(20%);

    opacity: 0;

    -webkit-transform: translatex(20%);

    -moz-transform: translatex(20%);

    -ms-transform: translatex(20%);

    -o-transform: translatex(20%);

    -webkit-transition: all 0.9s ease-out;

    -moz-transition: all 0.9s ease-out;

    -ms-transition: all 0.9s ease-out;

    -o-transition: all 0.9s ease-out;

}



.translatex.delighter {

    transition: all 0.9s ease-out;

    transform: translatex(-20%);

    opacity: 0;

    -webkit-transform: translatex(-20%);

    -moz-transform: translatex(-20%);

    -ms-transform: translatex(-20%);

    -o-transform: translatex(-20%);

    -webkit-transition: all 0.9s ease-out;

    -moz-transition: all 0.9s ease-out;

    -ms-transition: all 0.9s ease-out;

    -o-transition: all 0.9s ease-out;

}



.translatey.delighter {

    transition: all 0.9s ease-out;

    transform: translatey(20%);

    opacity: 0;

    -webkit-transform: translatey(20%);

    -moz-transform: translatey(20%);

    -ms-transform: translatey(20%);

    -o-transform: translatey(20%);

    -webkit-transition: all 0.9s ease-out;

    -moz-transition: all 0.9s ease-out;

    -ms-transition: all 0.9s ease-out;

    -o-transition: all 0.9s ease-out;

}



.translatey.delighter.started {

    transform: none;

    opacity: 1;

}



.translatex.delighter.started {

    transform: none;

    opacity: 1;

}



.translatex-.delighter.started {

    transform: none;

    opacity: 1;

}



.nav-container,

.nav-container a,

.brand-menu,

.nav-menu a,

.nav-list,

.social-icons li,

.icon-nav-r,

.icon-nav-l,

.brand,

.title-home,

.list-play li,

.play-hover a,

.close-content-media,

.f-info-3 i,

.f-info-2 li a,

.f-info-4 a,

.play-hover,

.btn-login,

.social-icons-menu i,

#video-info-list li,

.option-list a {

    transition-property: all;

    transition: 160ms linear;

    -webkit-transition: 160ms linear;

    -moz-transition: 160ms linear;

    -ms-transition: 160ms linear;

    -o-transition: 160ms linear;

}



#menu-slider-position {

    overflow: hidden;

    transition-property: all;

    transition: 380ms linear;

    -webkit-transition: 380ms linear;

    -moz-transition: 380ms linear;

    -ms-transition: 380ms linear;

    -o-transition: 380ms linear;

}



/* Nav-menu */



.nav-menu {

    overflow: hidden;

    display: block;

    position: absolute;

    z-index: 1;

    background-color: #201a2c;

    width: 320px;

    height: auto;

    top: 0;

    right: 0px;

    bottom: 0;

    display: none;

    -webkit-box-shadow: -9px 7px 47px -10px rgba(0, 0, 0, 0.52);

    -moz-box-shadow: -9px 7px 47px -10px rgba(0, 0, 0, 0.52);

    box-shadow: -9px 7px 47px -10px rgba(0, 0, 0, 0.52);

}



.nav-menu ul {

    width: 200px;

    margin: 5px 0 10px 0px;

}



.nav-menu ul a:hover {

    color: #eb1e51;

}



.nav-menu li {

    width: auto;

    height: 30px;

}



.nav-menu a:hover {

    color: #eb1e51;

    color: white;

    padding-left: 3px;

}



.nav-menu a {

    display: block;

    width: 200px;

    height: 50px;

    list-style: none;

    text-decoration: none;

    font-size: 1em;

    color: white;

    /*padding-top: 20px;*/

}



.nav-info {

    color: white;

    /*width: 100%;*/

    width: 200px;

    height: 300px;

    display: block;

    margin: 20px 0 0 40px;

}



.nav-info h3 {

    color: #eb1e51;

    font-weight: 700;

    font-size: 1.2em;

}



.nav-info a {

    font-size: 0.9em;

    display: block;

}



.nav-info i {

    color: #eb1e51;

    margin: 0px 8px 0 0;

    font-size: 1.3em;

    width: 20px;

}



.nav-info li {

    margin: 30px 0 0 0;

}



.nav-info a:hover {

    color: #eb1e51;

    padding-left: 0;

}



.brand-menu {

    height: 90px;

    width: 120px;

    margin: 10px 0 0 30px;

}



/* Navbar */



.nav-container {

    z-index: 1;

    height: 90px;

    display: block;

}



.nav {

    font-weight: 700;

    margin: 0 auto;

    width: 1300px;

    max-width: 1300px;

    overflow: hidden;

    height: 100%;

    border-bottom: #eb1e514b solid thin;

}



.social-icons-menu {

    margin-top: 20px;

    color: white;

    font-size: 1.2em;

    width: auto;

}



.social-icons-menu li {

    margin: 0 0 0 30px;

    text-align: center;

    height: 30px;

    width: 30px;

}



.social-icons-menu i:hover {

    cursor: pointer;

    color: #eb1e51;

}



/* Brand */



.brand {

    margin: -7px 20px 0 0;

    width: 153px;

    height: 100%;

}



.icon-menu {

    height: 20px;

}



.btn-menu-open {

    position: fixed;

    z-index: 999;

    cursor: pointer;

    text-align: center;

    right: 0;

    margin: 23px 20px 0 0;

    height: 60px;

    width: 60px;

    color: #ffffff;

}



.nav ul {

    margin-left: 20px;

    font-size: 0.9em;

}



.nav-list a {

    vertical-align: middle;

    text-align: left;

    display: table-cell;

    width: auto;

    height: 90px;

    color: #ffffff;

    text-decoration: none;

    margin: 0 20px 0 0;

    padding: 0 1em 0 1em;

}



.menu-item a:hover {

    color: #eb1e51;

    transform: translateX(4px);

    -webkit-transform: translateX(4px);

    -moz-transform: translateX(4px);

    -ms-transform: translateX(4px);

    -o-transform: translateX(4px);

}



.not-menu-item a:hover {

    color: #eb1e51;

}





.nav-list li {

    height: 90px;

}



/* home sliders */



.img-slide-home-0,

.img-slide-home-1,

.img-slide-home-2,

.img-slide-home-3,

.img-slide-home-4,

.img-slide-home-5,

.img-slide-alphas-1 {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #a5a5a5;

    padding: 0;

    width: 100%;

    height: 620px;

}



.img-slide-home-0 {

    background-image: url("/content/images/home/mi-sion.jpg");

}



.img-slide-home-1 {

    background-image: url("/content/images/home/cemilan-kids.jpg");

}



.img-slide-home-2 {

    background-image: url("/content/images/home/camp-night.jpg");

}



.img-slide-home-3 {

    background-image: url("/content/images/home/rugido-home.jpg");

}



.img-slide-home-4 {

    background-image: url("/content/images/home/plenitud-2025-home.jpg");

}

.img-slide-home-5 {

    background-image: url("/content/images/home/alphas-home-v2.JPG");

}



.img-slide-alphas-1 {

    background-image: url("/content/images/home/alphas-home.jpg");

}



.icon-nav-r,

.icon-nav-l {

    font-size: 2.4em;

}



.icon-nav-r:hover {

    color: #eb1e51;

}



.icon-nav-l:hover {

    color: #eb1e51;

}



/* Social Links */



.social-icons {

    height: 90px;

    width: 200px;

}



.social-icons li {

    margin: 0 auto;

    padding: 0 10px;

}



.social-icons a {

    text-decoration: none;

    color: #ffffff;

    width: 40px;

    height: 40px;

    padding: 0;

    margin: 33px 0 0 0;

    display: block;

    font-size: 1.5em;

}



.social-icons a:hover {

    border: none;

    color: #eb1e51;

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.img-title {

    margin: 150px 0 0 0;

    display: block;

    height: 250px;

    width: 100%;

}



.img-title-worship {

    margin: 150px 0 0 70px;

    display: block;

    height: 250px;

    width: 100%;

}



.div-line-title {

    margin: 13px auto 0 auto;

    display: block;

    width: 100px;

    height: 3px;

    border-bottom: #eb1e51 solid 3px;

}



.title-home {

    margin: 0 auto;

    max-width: 1100px;

    text-align: center;

    color: white;

    display: block;

    height: 750px;

}



.title-home h1 {

    letter-spacing: 12px;

    font-size: 2.5em;

    margin: 60px 0 0 0;

    font-weight: 700;

}



.title-home h2 {

    text-align: center;

}



.title-home p {

    padding: 1em;

    text-align: center;

    margin: 20px auto 0 auto;

    max-width: 400px;

}



.box {

    /*display: inline-table;*/

    text-align: left;

    width: 100%;

    height: 100%;

}



.box-container {

    width: 100%;

    height: 100%;

}



.carousel {

    margin: auto;

    overflow: hidden;

    border-radius: 6px 6px 0 0;

    -webkit-border-radius: 6px 6px 0 0;

    -moz-border-radius: 6px 6px 0 0;

    -ms-border-radius: 6px 6px 0 0;

    -o-border-radius: 6px 6px 0 0;

}



/* Box contents */



.content {

    height: 100%;

}



/* .box-content {

    padding: 12px;

} */



.box h2 p {

    margin: 2em;

}



.img-box-0 {

    /*height: 100%;*/

    width: 50%;

    display: block;

    margin: auto;

}



.box-text {

    font-size: 0.8em;

    color: white;

    width: 50%;

    /*    height: 413px;*/

    background-color: #201a2c;

    /* background-image: linear-gradient(to left top, #0e0c12, #120c16, #170c19, #1c0b1b, #210a1c); */

    text-align: justify;

    margin: 0 auto;

}



.box-text p {

    text-align: left;

    color: white;

    list-style: none;

    text-decoration: none;

    width: 100%;

    margin: 10px 15px;

    padding: 0px 20px 0px 0px;

}



.box-text p a:hover {

    color: #eb1e51;

}



.box-text h3 {

    color: #eb1e51;

    font-weight: 700;

    font-size: 1.3em;

}



.title-content {

    background-image: url("/content/images/home/cemilan-series-title.jpg");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #0e0b11;

    padding: 0;

    width: 100%;

    height: 600px;

}



.title-content-band {

    background-image: url("/content/images/home/cemilan-series-band.jpg");

    background-position: center left;

    background-repeat: no-repeat;

    background-size: cover;

    background-color: #0e0b11;

    padding: 0;

    width: 100%;

    height: 600px;

}



.box-text-title-container {

    margin: 60px auto 0 auto;

    position: absolute;

    width: 100%;

    height: 400px;

}



.div-line-vertical {

    width: 1px;

    height: 200px;

    border: #eb1e5169 solid 0.1px;

}



.text-content {

    height: 200px;

    margin: 0 auto 0 auto;

    width: auto;

    color: white;

}



.text-content h2 {

    font-size: 3em;

    font-weight: 700;

    color: #eb1e51;

}



.text-content p {

    text-align: left;

    font-size: 0.9em;

    width: 300px;

    color: #d1d1d1;

}



.text-content-worship {

    height: 200px;

    margin: auto auto -20px auto;

    width: auto;

    color: white;

}



.text-content-worship p {

    text-align: left;

    font-size: 0.9em;

    width: 300px;

    color: #d1d1d1;

}



.img-title-2 {

    margin: 450px auto 0 auto;

    width: auto;

    height: 100px;

}



.play-hover {

    position: absolute;

    color: #cfd4d686;

    font-size: 5em;

    display: table;

    /*width: 100%;

    height: 435px;*/

    background-color: #06060e00;

}



.play-hover a {

    color: #cfd4d686;

    list-style: none;

    text-decoration: none;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



.play-hover a:hover {

    font-size: 1.1em;

    background-color: #1f1a2ead;

    cursor: pointer;

    color: #eb1e51;

}



/* Play media  */



video {

    outline: none !important;

}



.active-link {

    border-bottom: #eb1e51 solid 2px;

}



.option-list a {

    color: white;

    font-size: 1.2em;

    font-weight: 800;

}



.option-list li {

    max-width: 110px;

    margin: 0 13px 10px 0;

}



.option-list a:hover {

    cursor: pointer;

    color: #eb1e51;

}



.play-bg-content {

    position: relative;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

    z-index: 0;

    width: 100%;

    min-height: 70%;

    margin: 2% auto 2% auto;

    background: transparent;

    padding: 0;

}



.play-content-video {

    overflow: hidden;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}



/* .play-bg-content::-webkit-scrollbar {

    display: none;

} */



.play-content-1 {

    margin: 50px;

    background-color: #ececec;

    padding: 0;

    height: auto;

}



.play-bg-content .play-content-1 {

    overflow: hidden;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

}



/* Play thumb image */



.play-thumb-cover-1,

.play-thumb-cover-2,

.play-thumb-cover-3,

.play-thumb-cover-4 {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    height: 300px;

    width: auto;

}



.play-thumb-cover-1 {

    background-image: url("../content/images/home/escuchanos/cemilan-serie-0-main.jpg");

}



.play-thumb-cover-2 {

    background-image: url("../content/images/home/escuchanos/cemilan-serie-1-main.jpg");

}



.play-thumb-cover-3 {

    background-image: url("../content/images/home/escuchanos/cemilan-serie-2-main.jpg");

}



.play-thumb-cover-4 {

    background-image: url("../content/images/home/escuchanos/cemilan-serie-3-main.jpg");

}



.play-content-text {

    font-size: 0.9em;

    color: #0e0b11;

    width: 100%;

}



.play-content-text,

h2,

p {

    text-align: justify;

}



.play-content-text h2 {

    font-size: 1.8em;

    margin-top: 40px;

    text-align: center;

    color: #eb1e51;

    font-weight: 700;

}



.play-content-text p {

    padding: 0 23px 0 23px;

}



li a:hover {

    text-decoration: none;

}



.list-play {

    text-align: center;

    margin: 30px auto 0 auto;

    color: white;

    font-size: 0.9em;

}



.list-play h2 {

    margin-bottom: 30px;

    color: #eb1e51;

    font-weight: 700;

    font-size: 1.3em;

}



/* Section Login */



.section-login {

    color: #e7e6e7;

    background-color: transparent;

    margin: 0 auto;

    width: 1110px;

    height: auto;

}



.section-info-1,

.section-info-1 h4 {

    padding: 1em;

}



.section-info-1,

.section-info-1 h2 {

    margin: 0 auto;

    text-align: center;

    max-width: 900px;

}



.section-info-1 p {

    text-align: left;

}



.section-info-1 h2 {

    font-size: 2.2em;

    color: #eb1e51;

}



.section-text-1 p {

    margin: 20px 0;

    text-align: justify;

}



.section-img {

    margin: 13px auto 13px auto;

    width: 90px;

    height: 130px;

}



.section-box-content {

    display: block;

    width: 100%;

    height: auto;

}



/*.audio-box-content {

    height: 278px;

    max-height: 320px;

}*/



.section-box-1 h2,

.section-box-1 p {

    text-align: center;

}



.section-box-1 h2 {

    color: #eb1e51;

}



.section-box-1 {

    margin: 10px auto 10px auto;

    text-align: center;

    padding: 1em;

    width: 200px;

    height: auto;

}



.section-box-img {

    margin-top: 20px;

    text-align: center;

    width: 120px;

    height: auto;

}



.section-line-div {

    margin: auto 0;

    height: 80%;

    width: 1px;

    background-color: #eb1e51;

}



.btn-login {

    cursor: pointer;

    text-align: center;

    width: 93px;

    right: 0;

    font-size: 1em;

    margin: 13px auto;

}



.btn-login i {

    color: #eb1e51;

    font-size: 1.3em;

    margin: 2px 10px 0 0;

}



.btn-login a {

    margin: 3px 0 0 0;

}



.btn-login:hover {

    color: #eb1e51;

}



.section-form-login {

    background-color: transparent;

    width: 100%;

    height: 300px;

}



.section-form-login p {

    margin: 8px auto;

}



/* Custom buttom */



.btn {

    margin: 2px 0 0 0;

    font-size: 0.8em;

    height: 36px;

}



.input-login-1 {

    left: 0;

    right: 0;

    position: absolute;

    margin: 30px auto 0 auto;

}



.btn-login-content {

    margin-top: 10px;

}



.btn-custom {

    position: relative;

    text-align: center;

    margin: 0 auto;

}



.contact-box-bg {

    /* background-color: #201a2c; */

    border-radius: 4px;

    margin: 100px auto 100px auto;

    color: white;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    width: 100%;

}



/* .contact-box-bg h2,

.contact-box-bg p {

    text-align: center;

} */



.contact-box-bg p {

    margin-bottom: 50px;

}



.contact-box-bg h2 {

    color: #eb1e51;

}



.contact-info h2,

.contact-info p {

    text-align: left;

}



.img-contact {

    border-radius: 3px;

    width: 100%;

    height: auto;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.form-container,

.eventos-form-container {

    padding: 30px 40px 40px 40px;

}



.form-custom .form-group label {

    color: white;

    margin-left: 0;

}



.form-custom .box-btn-imput {

    background-color: transparent;

    border-bottom: #803b5b solid 1px;

}



.form-custom input,

.form-custom textarea {

    color: white;

}



.form-container input {

    font-size: 0.8em;

    height: 30px;

    color: white !important;

}



.eventos-form-container input {

    font-size: 0.9em;

    height: 30px;

    color: white;

    background: #3e2a45;

    border: 0px;

    width: 60%;

}



.form-container .btn {

    margin: 0 auto;

    font-size: 0.8em;

    height: 38px;

}



.inscripcion-control input {

    display: block;

    width: 100% !important;

    height: calc(2.25rem + 4px);

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #525457;

    background-color: #dfdfdf;

    background-clip: padding-box;

    border: 2px solid transparent;

    border-radius: 0;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.contact-info {

    margin: -40px 0 0 0;

}



/* Content About Us */



.title-about {

    padding: 2em;

    color: white;

    margin: 50px auto;

}



.div-line-about {

    margin: 13px auto 0 auto;

    display: block;

    width: 100px;

    height: 3px;

    border-bottom: #eb1e51 solid 3px;

}



.title-about h2 {

    letter-spacing: 10px;

    font-size: 3em;

    color: #ffffff;

    text-align: center;

}



.b-radius {

    overflow: hidden;

    border-radius: 6px 6px 0 0;

    -webkit-border-radius: 6px 6px 0 0;

    -moz-border-radius: 6px 6px 0 0;

    -ms-border-radius: 6px 6px 0 0;

    -o-border-radius: 6px 6px 0 0;

}



.b-radius-2 {

    overflow: hidden;

    border-radius: 0 0 6px 6px;

    -webkit-border-radius: 0 0 6px 6px;

    -moz-border-radius: 0 0 6px 6px;

    -ms-border-radius: 0 0 6px 6px;

    -o-border-radius: 0 0 6px 6px;

}



.content-about {

    color: #e2e0e4;

    background-color: #201a2c;

    width: 100%;

}



.content-about h3 {

    margin: 30px auto;

    font-size: 1.8em;

    text-align: center;

    color: #eb1e51;

}



.about-text {

    padding: 40px;

}



.about-text h2 {

    text-align: center;

}



.about-text-2 {

    margin: 0 auto;

    font-size: 0.8em;

    padding: 30px;

    max-width: 90%;

}



.div-line {

    margin: auto 0;

    height: 400px;

    border-right: #2c243f solid 1px;

}



.about-text-2 h2 {

    text-align: center;

}



.about-img-1 {

    margin: 0 auto 0 auto;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.about-img-bg,

.about-img-bg-2,

.about-img-bg-3 {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: auto;

    height: 500px;

}



.about-img-bg {

    background-image: url("../content/images/about/cemilan-nosotros-03.jpg");

    height: 300px;

}



.about-img-bg-2 {

    background-image: url("../content/images/about/cemilan-nosotros-01.jpg");

    height: 700px;

}



.about-img-bg-3 {

    background-image: url("../content/images/about/cemilan-nosotros-05.jpg");

    height: 500px;

}



.about-img-bg-4 {

    position: relative;

    margin: 60px auto 0 auto;

    border-radius: 50%;

    width: 150px;

    height: 150px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}



.donaciones-img-bg {

    background-image: url("../content/images/donaciones/cemilan-donaciones.png");

    height: 300px;

}



.donaciones-casa-img-bg {

    background-image: url("../content/images/donaciones/cemilan-donaciones-casa.png");

    height: 500px;

}





.online-donation {

    /*background-image: url("../content/images/donaciones/cemilan-proximamente.png");*/



    background-size: contain;

    /*margin-left: 30px;*/

}



.donate-box h2 {

    font-size: 1.4rem;

}



.t-left {

    text-align: left !important;

}



.w-30 {

    width: 30%

}



.w-40 {

    width: 40%

}



.w-100 {

    width: 100%;

}



.live-box {

    margin: 0 0;

    text-align: center;

}



.space-b {

    width: 100%;

    height: 50px;

}



/* Vide media section */



.play-content-video {

    background-color: #ececec;

    padding: 0;

    /*height: 100%;*/

}



.transparent {

    background-color: #a61b4900;

}



.img-logo-media-1,

.img-logo-media-2,

.img-logo-media-3,

.img-logo-media-4 {

    /* background-image: linear-gradient(to left top, #0e0c12, #120c16, #170c19, #1c0b1b, #210a1c); */

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    display: block;

    width: 100%;

    height: auto;

}



.img-logo-new-life {

    background-image: url("../content/images/newlife/cemilan-newlife-banner.png");

    background-color: #a61b4900;

    height: 7rem;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 10px;

}



.img-logo-new-life-no-bg {

    height: 7rem;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 10px;

}



.menu-img-logo-media-1 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-1.jpg");

}



.menu-img-logo-media-2 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-2.jpg");

}



.menu-img-logo-media-3 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-3.jpg");

}



.menu-img-logo-media-4 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-4.jpg");

}





.img-logo-media-1 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-1.jpg");

}



.img-logo-media-2 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-2.jpg");

}



.img-logo-media-3 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-3.jpg");

}



.img-logo-media-4 {

    background-image: url("../content/images/newlife/cemilan-newlife-bg-4.jpg");

}



.menu-img-admin-option {

    background-image: url("../content/images/newlife/cemilan-newlife-admin-options.png");

}



.video-logo {

    position: relative;

    margin: 0 auto;

    width: 160px;

    height: 200px;

}



.video-content-text {

    padding: 2em;

    font-size: 0.9em;

    color: white;

    width: 100%;

    height: 100%;

}



.video-content-text h3 {

    font-size: 2em;

    color: #eb1e51;

}



#video-info-list {

    margin: 30px 0 0 0;

    height: auto;

    font-size: 1.3em;

}



#video-info-list li {

    border-bottom: #0e0b1127 solid 1px;

    /*margin: 13px 30px 0 0;*/

    margin: 0px 0px 0px 0px;

    display: block;

    position: relative;

}



#video-info-list i {

    margin: 4px 10px 0 0;

    font-size: 1.5em;

}



#video-info-list a {

    font-size: 0.8em;

    color: white;

}



#video-info-list li:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.6);

    -webkit-transition: none;

    -moz-transition: none;

    transition: none;

    color: #eb1e51;

}



#video-info-list li:hover:after {

    cursor: pointer;

    color: #eb1e51;

    /*margin-left: 10px;*/

    width: 110%;

    background-color: rgba(255, 255, 255, 0);

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



#video-info-list a:hover {

    color: #eb1e51;

    /*margin-left: 10px;*/

}



.video-actions ul {

    padding-left: 0px;

}



.video-actions li {

    line-height: 33px;

    margin: 4px 10px 0 0;

}



.video-actions li:hover {

    cursor: pointer;

    color: #eb1e51;

}



.video-actions li i {

    margin: 4px 3px 0 0;

    cursor: pointer;

}



#video-info-top-title li {

    margin-right: 30px;

}



#video-info-top-title .title {

    line-height: 33px;

    color: #eb1e51;

    font-size: 1.8rem;

    margin-top: 22px;

}



#video-info-top-title .summary {

    line-height: 33px;

    color: white;

    font-size: 1rem;

}



#video-info-top-title ul {

    padding-left: 0px;

}



.video-logo {

    margin: 70% 0;

}



.btn-primary {

    z-index: 0 !important;

}



.about-text-over-img {

    color: #ffffff;

    right: 0;

    left: 0;

    margin: 300px auto 0 auto;

    padding: 2em;

    text-align: center;

    position: absolute;

    width: 70%;

    height: 200px;

    font-size: 0.9em;

}



.about-text-over-img-2 {

    right: 0;

    left: 0;

    margin: 100px auto 0 auto;

    padding: 2em;

    text-align: center;

    position: absolute;

    width: 70%;

    height: 200px;

    font-size: 0.9em;

}



.about-text-over-img-2 h2 {

    color: #ffffff;

    font-size: 4em;

    text-align: center;

}



.about-text-over-img h2 {

    color: #ffffff;

    text-align: center;

}



.about-text-over-img p {

    text-align: center;

}



.footer-custom {

    text-decoration: none;

    background-color: #201a2c;

    width: 100%;

    height: 100%;

    color: white;

    margin: 0;

    padding-bottom: 100px;

}



.input-group {

    max-width: 350px;

}



.f-info-1 {

    display: block;

    margin: 0 0 30px 0;

}



.f-info-0 {

    padding-top: 70px;

}



.f-info-1 h3 {

    color: #eb1e51;

    font-weight: 700;

    font-size: 1.2em;

}



.f-info-1 p span {

    font-size: 0.9em;

    display: block;

}



.f-info-2 {

    display: block;

    margin: 52px 0 30px 0;

}



.f-info-2 h3 {

    color: #eb1e51;

    font-weight: 700;

    font-size: 1.2em;

}



.f-info-2 .link a {

    text-decoration: none;

    list-style: none;

    color: #ffffff;

}



.f-info-2 a {

    font-size: 0.9em;

    display: block;

}



.f-info-2 i {

    color: #eb1e51;

    margin: -2px 3px 0 0;

    font-size: 1.3em;

}



.f-info-2 li {

    margin: 3px 0 0 0;

}



.f-info-2 li a {

    color: white;

}



.f-info-2 li a:hover {

    color: #eb1e51;

}



.f-info-3 {

    margin: 30px 0 0 0;

    height: 50px;

    font-size: 1.3em;

}



.f-info-3 li {

    margin: 13px 30px 0 0;

}



.f-info-3 i:hover {

    transform: scale(1.1);

    cursor: pointer;

    color: #eb1e51;

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.f-info-4 {

    margin-top: 70px;

}



.f-info-4 li a {

    color: white;

    font-size: 0.9em;

}



.f-info-4 h3 {

    color: #eb1e51;

}



.f-info-4 a:hover {

    color: #eb1e51;

}



.footer-content {

    padding: 0 3em 0 3em;

}



.f-info-5 {

    margin: 30px 0 0 0;

}



.line-div {

    height: 300px;

    border-right: solid 1px #eb1e5177;

    margin: 100px 0 0 0;

}



#video-info-list li {

    width: 400px;

}



#video-play video {

    padding: 0px 30px 0px 0px;

}



#video-play-container {

    width: 90%;

    margin-left: 5%;

}



.eventos-dropdownform {

    outline: 0;

    background: #3e2a45;

    background-image: none;

    width: 60%;

    height: 30px;

    color: white;

    font-size: 0.9rem;

}





@media screen and (max-width: 1199px) {

    .eventos-dropdownform {

        outline: 0;

        background: #3e2a45;

        background-image: none;

        width: 80%;

        height: 30px;

        color: white;

        font-size: 0.9rem;

    }



    .eventos-form-container input {

        font-size: 0.9em;

        height: 30px;

        color: white;

        background: #3e2a45;

        border: 0px;

        width: 80%;

    }







    .nav {

        width: 930px;

    }



    .section-login {

        width: 930px;

    }



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 530px;

    }



    #video-info-list li {

        width: 323px;

    }

}



.tickets-slider {

    width: 95%;

    margin: auto;

}



.ticket-image {

    margin: auto;

    /*    width: 100%;*/

    height: -webkit-fill-available;

    height: 357px;

}





.slick-slide:not(.slick-current) {

    position: relative;

}



.slick-slide:not(.slick-current) .after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    color: #FFF;

    display: block;

    background: rgba(0, 0, 0, .6);

    box-shadow: 1px -1px 20px 9px rgba(0, 0, 0, .2);

}



.hidden-ticket-info {

    display: none;

}







.eventos-box-bg {

    margin: 50px auto 100px auto;

    /* background-color: #201a2c; */

    border-radius: 4px;

    margin: 100px auto 100px auto;

    color: white;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    width: 100%;

}



.eventos-box-bg p {

    margin-bottom: 50px;

}



.eventos-box-bg h2 {

    color: #eb1e51;

}





.id-confirmacion {

    margin: 15px 0px;

}





.slick-slide:focus {

    outline: none;

}



.eventos-form-container input[type=checkbox] {

    width: 20px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

}



.terms-check-box-container {

    margin: 10px 0;

    max-width: 100%;

}



.lh-30 {

    line-height: 30px;

}



.ml-15 {

    margin-left: 10px !important;

}



/*MEDIA QUERYS START*/

@media screen and (max-width: 991px) {

    .nav {

        width: 690px;

    }



    .container {

        max-width: 852px;

    }



    .play-bg-content {

        width: 100%;

    }



    .section-login {

        width: auto;

        margin: 0 13px;

    }



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 470px;

    }



    .about-img-bg {

        height: 500px;

    }



    #video-info-list li {

        width: 250px;

    }

}



@media screen and (max-width: 767px) {

    .contact-info {

        /*        padding: 0px 3rem !important;*/

        padding: 0 25px 0px 20px !important;

    }



    .event-info {

        /*        padding: 0px 3rem !important;*/

        padding: 0 55px 0px 49px !important;

    }



    .eventos-dropdownform {

        outline: 0;

        background: #3e2a45;

        background-image: none;

        width: 75%;

        height: 30px;

        color: white;

        font-size: 0.9rem;

    }



    .eventos-form-container input {

        font-size: 0.9em;

        height: 30px;

        color: white;

        background: #3e2a45;

        border: 0px;

        width: 75%;

    }





    /* .container {

        max-width: 750px;

    } */

    .nav {

        background-color: transparent;

        width: auto;

        border: none;

    }



    .nav li {

        display: none;

    }



    .brand {

        display: none;

    }



    .text-content {

        height: 270px;

        margin: 0 auto;

        text-align: center;

        width: 100%;

    }



    .text-content-worship {

        height: 270px;

        margin: 0 auto;

        text-align: center;

        width: 100%;

    }



    .title-content {

        height: 900px;

    }



    .title-content-band {

        height: 900px;

    }



    .text-content p {

        text-align: center;

        margin: 0 auto;

        padding: 2em;

        width: 400px;

    }



    .text-content-worship p {

        text-align: center;

        margin: 0 auto;

        padding: 2em;

        width: 400px;

    }



    .text-content h2 {

        text-align: center;

        width: auto;

        margin: 0 auto;

    }



    .img-title-2 {

        margin: 720px auto 0 auto;

        width: auto;

        height: 100px;

    }



    .play-bg-content {

        width: 100%;

        height: 100%;

    }



    .close-content-media {

        color: #ffffff;

    }



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 400px;

    }



    .form-container,

    .eventos-form-container {

        padding: 0 25px 70px 20px;

    }



    .contact-box-bg {

        width: 75%;

    }



    .about-img-bg {

        height: 500px;

    }



    .about-text-over-img {

        margin-top: 100px;

        width: 100%;

    }



    .about-img-bg-2 {

        height: 400px;

    }



    .menu-img-logo-media-1,

    .menu-img-logo-media-2,

    .menu-img-logo-media-3,

    .menu-img-logo-media-4 {

        height: 250px;

    }



    .img-logo-media-1,

    .img-logo-media-2,

    .img-logo-media-3,

    .img-logo-media-4 {

        height: auto;

    }



    .video-logo {

        margin: auto 0;

        height: auto;

        width: 170px;

    }



    .div-line {

        display: none;

        height: 0px;

    }



    #video-info-list li {

        width: 90%;

    }



    #video-play video {

        padding: 30px 30px 0px 30px;

    }



    #video-info-top-title ul {

        padding-left: 30px;

    }

}



@media screen and (max-width: 710px) {



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 360px;

    }

}



@media screen and (max-width: 573px) {

    .eventos-dropdownform {

        outline: 0;

        background: #3e2a45;

        background-image: none;

        width: 100%;

        height: 30px;

        color: white;

        font-size: 0.9rem;

    }



    .eventos-form-container input {

        font-size: 0.9em;

        height: 30px;

        color: white;

        background: #3e2a45;

        border: 0px;

        width: 100%;

    }



    .tickets-slider {

        width: 80%;

        margin: auto;

    }



    .carousel {

        width: 95%;

    }



    .container {

        margin: 0;

        padding: 0;

        width: 100%;

    }



    .box {

        margin: 30px 0 0 0;

        text-align: left;

        width: 100%;

        height: 100%;

    }



    .box-text {

        text-align: center;

        margin: 0 auto 10px auto;

        display: block;

        width: 280px;

        height: 200px;

    }



    .img-box-0 {

        height: 100%;

        width: 280px;

        display: block;

        margin: 0 auto 0 auto;

    }



    .img-title-worship {

        margin: 150px 0 0 auto;

        display: block;

        height: 250px;

        width: 100%;

    }



    .text-content {

        height: 270px;

        margin: 0 auto;

        text-align: center;

        width: auto;

    }



    .text-content p {

        margin: 0 auto;

        padding: 1em;

        width: auto;

    }



    .text-content-worship {

        height: 270px;

        margin: 0 auto;

        text-align: center;

        width: auto;

    }



    .text-content-worship p {

        margin: 0 auto;

        padding: 1em;

        width: auto;

    }



    .img-title-2 {

        margin: 680px auto 0 auto;

        width: auto;

        height: 100px;

    }



    .list-play {

        font-size: 0.9em;

    }



    .play-content-1 {

        margin: 0px;

    }



    .play-hover {

        width: 280px;

        height: 280px;

        margin: 0 auto 0 auto;

        right: 0;

        left: 0;

    }



    .close-content-media {

        margin: 13px 13px 0 0;

    }



    .section-login {

        width: auto;

        margin: 0 0;

    }



    .social-icons-menu li {

        margin: 0 0 0 40px;

    }



    .nav-info {

        margin: 20px 0 0 40px;

    }



    .img-title {

        width: 90%;

        margin: 0 auto;

    }



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 240px;

    }



    .contact-box-bg {

        width: 100%;

    }



    .about-img-bg-1,

    .about-img-bg {

        height: 400px;

    }



    .about-text-over-img {

        margin-top: 100px;

    }



    .input-radius {

        border-radius: 13px;

        -webkit-border-radius: 13px;

        -moz-border-radius: 13px;

        -ms-border-radius: 13px;

        -o-border-radius: 13px;

    }



    .input-radius-2 {

        width: 100px;

        border-radius: 20px;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        -ms-border-radius: 20px;

        -o-border-radius: 20px;

    }



    .form-custom .box-btn-imput {

        background-color: white;

        border-bottom: #413c4e solid 1px;

    }



    .form-custom input,

    .form-custom textarea {

        color: #ffffff !important;

    }



    #video-info-list li {

        width: 90%;

    }



    #video-play video {

        padding: 30px 30px 0px 30px;

    }



    #video-info-top-title ul {

        padding-left: 30px;

    }

}



@media screen and (max-width: 375px) {

    .eventos-dropdownform {

        outline: 0;

        background: #3e2a45;

        background-image: none;

        width: 100%;

        height: 30px;

        color: white;

        font-size: 0.9rem;

    }



    .eventos-form-container input {

        font-size: 0.9em;

        height: 30px;

        color: white;

        background: #3e2a45;

        border: 0px;

        width: 100%;

    }



    .carousel {

        width: 95%;

    }



    .img-slide-home-0,

    .img-slide-home-1,

    .img-slide-home-1-metamorfosis,

    .img-slide-home-2,

    .img-slide-home-3,

    .img-slide-home-4,

    .img-slide-home-5,

    .img-slide-alphas-1 {

        height: 200px;

    }

}







/*Extras*/

/*.validation-message {

    margin: 12px auto 0 auto;

}*/

.hidden-col {

    visibility: hidden;

}



#FormContainer {

    margin: auto;

}



.form-input {

    margin-right: 10px;

}



.form-select {

    margin-right: 10px;

}



.form-label {

    margin-right: 10px;

}



.form-label-fixed-width {

    margin-right: 10px;

    width: 90px;

}



.divlink {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-decoration: none;

    /* Makes sure the link doesn't get underlined */

    z-index: 10;

    /* raises anchor tag above everything else in div */

    background-color: white;

    /*workaround to make clickable in IE */

    opacity: 0;

    /*workaround to make clickable in IE */

    filter: alpha(opacity=0);

    /*workaround to make clickable in IE */

}



.blog-divlink {

    position: absolute;

    width: 100%;

    height: 45%;

    top: 45%;

    left: 0;

    text-decoration: none;

    /* Makes sure the link doesn't get underlined */

    z-index: 10;

    /* raises anchor tag above everything else in div */

    background-color: white;

    /*workaround to make clickable in IE */

    opacity: 0;

    /*workaround to make clickable in IE */

    filter: alpha(opacity=0);

    /*workaround to make clickable in IE */

}



.divlink-video-option {

    position: inherit;

    width: 100%;

    height: 100%;

    text-decoration: none;

    /* Makes sure the link doesn't get underlined */

    z-index: 10;

}



.admin-new-life {

    margin-top: 20px;

    /*height: 150px;*/

}



.admin-menu {

    margin: 13px;

}



.new-life-disabled-options {

    pointer-events: none;

    opacity: 0.4;

}



.admin-options-font {

    /*height: 200px;*/

}



.admin-options-font p {

    color: white;

    margin: auto;

    font-size: 1.5rem;

}



.newlife-top-title {

    padding: 13px;

}



.newlife-top-title h3 {

    color: white;

}



.overlay-box-l1 {

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.4);

    padding: 0px !important;

}



.overlay-box-l2 {

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.5);

    padding: 0px !important;

}



.stylish-options li {

    background: rgba(181, 179, 177, 0.2);

    line-height: 33px;

}



.stylish-options li:nth-child(odd) {

    background: rgba(181, 179, 177, 0.1);

}



.stylish-options li:hover {}



.title-border {

    margin: 10px;

}



.menu-video-logo {

    padding: 20px;

    object-fit: none;

}



.icon-profesor {

    list-style-image: url("../content/images/icon/profesor.png");

    margin: auto;

}



.icon-modulos {

    list-style-image: url("../content/images/icon/video.png");

    margin: auto;

}



.icon-code {

    list-style-image: url("../content/images/icon/code.png");

    margin: auto;

}



.icon-assign {

    list-style-image: url("../content/images/icon/assign.png");

    margin: auto;

}



.icon-guardar {

    list-style-image: url("../content/images/icon/guardar.png");

    margin: auto;

}



.radios-to-left {

    padding-inline-start: 0;

}



.li-title-fixed-width {

    width: 100px;

}





#SaveBimestreForm div {

    margin-top: 10px;

}



/*Asigna Modulos*/

.modules-container {

    height: auto;

}



#tabs ul {

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px;

    margin: 0;

    padding: 0px 0px 0;

    border: 0px solid #dddddd;

    /*background: rgba(99, 8, 8, 0.06);*/

    margin-top: 30px;

}



.tab-options li {

    list-style: none;

    float: left;

    position: relative;

    top: 0;

    margin: 0px 0px 0 0;

    border-bottom-width: 0;

    padding: 0;

    white-space: nowrap;

    border: 0px solid white;

    border-bottom: 0px;

    border-top-right-radius: 12px;

}



.tab-options li a {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}





.tab-options .ui-state-active {

    /*background: rgba(25, 22, 22, 0.8);*/

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.5);

}



.tab-content {

    color: white;

    padding: 20px;

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.5);

    min-height: 400px;

    height: auto;

}



.accordion {

    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 500px inset;

    margin-top: -2px;

    color: white;

    margin-top: -2px;

}



#SaveBimestresDataForm .accordion {

    margin-top: -2px;

}







/*profesor-tab-options*/



.profesor-tab-options li {

    line-height: 23px;

    list-style: none;

    float: left;

    position: relative;

    top: 0;

    margin: 0px 0px 0 0;

    border-bottom-width: 0;

    padding: 0;

    white-space: nowrap;

    border: 0px solid white;

    border-bottom: 0px;

    border-top-left-radius: 12px;

    border-bottom-left-radius: 12px;

}



.profesor-tablist li {

    line-height: 23px;

}



.profesor-tab-options li a {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}





.profesor-tab-options .ui-state-active {

    /*background: rgba(25, 22, 22, 0.8);*/

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.5);

}



.profesor-tab-panel {

    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 500px inset;

    margin-left: 0px;

    height: 400px;

}



.classes-tab-options li a {

    float: left;

    padding: .5em 1em;

    text-decoration: none;

}





.classes-tab-options .ui-state-active {

    /*background: rgba(25, 22, 22, 0.8);*/

    box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.5);

}



.classes-tab-panel {

    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 500px inset;

    margin-left: 0px;

    height: 350px;

}





/*Vertical tabs*/



#profesor-tabs ul {

    padding: .2em 0em .2em .2em;

    float: left;

    width: 15em;

}



.classes-tab-panel {

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

    border-bottom-left-radius: 12px;

    border-bottom-right-radius: 12px;

}



.classes-tab-options li {

    line-height: 30px;

}



.classes-tab-panel ul {

    padding: 0px 0px 0px 20px !important;

    margin-top: 22px !important;

}



.ui-tabs-vertical {

    width: 55em;

}



.ui-tabs-tab li {

    cursor: pointer;

}



.ui-tabs-anchor>label {

    cursor: pointer;

}



.ui-tabs-vertical .ui-tabs-nav {

    padding: .2em .1em .2em .2em;

    float: left;

    width: 12em;

    cursor: pointer;

}



.ui-tabs-vertical .ui-tabs-nav li {

    clear: left;

    width: 100%;

    border-bottom-width: 1px !important;

    border-right-width: 0 !important;

    margin: 0 -1px .2em 0;

}



.ui-tabs-vertical .ui-tabs-nav li a {

    display: block;

}



.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {

    padding-bottom: 0;

    padding-right: .1em;

    border-right-width: 1px;

}



.ui-tabs-vertical .ui-tabs-panel {

    padding: 1em;

    float: right;

    width: 40em;

}



.ui-draggable,

.ui-droppable {

    background-position: top;

}



/*.ui-accordion-header .active {

    color: #eb1e51;

}*/



#accordion>h3.ui-accordion-header-active {

    color: #eb1e51;

}



.in-line {

    display: inline;

}



.on-top {

    z-index: 1000;

}



.check-status {

    width: 150px;

}



.pull-right {

    float: right;

}



.save-button {

    height: 120px;

}



.save-button p {

    color: white;

    margin: auto;

    font-size: 1.5rem;

}



.top-banner {

    margin: 2% auto 0px auto;

}



.slim-text {

    font-weight: 100;

    vertical-align: middle;

    margin-left: 10px;

}



/*extra form styles*/

.dropdownform {

    outline: 0;

    background: #3e2a45;

    background-image: none;

    width: 50%;

    height: 100%;

    color: white;

}









.dropdownform-shareline {

    outline: 0;

    background: #3e2a45;

    background-image: none;

    width: 35%;

    height: 100%;

    color: white;

}



.radio-button-list ul {

    padding: 10px;

}



.radio-button-list li {

    float: left;

    padding: 10px;

}



.radio-input-form {

    float: left;

    padding: 10px;

}



.question-form {

    margin-right: 20px;

    margin-top: 12px;

    min-width: 152px;

    text-align: right;

}



.align-right {

    text-align: right;

}



.mensaje {

    text-align: center;

    width: 100%;

    color: white;

}



/*asigna profesores*/

.select-red {

    padding: 20px;

    text-align: center;

}



.section-form-screen {

    color: #e7e6e7;

    background-color: transparent;

    margin: 0 auto;

    width: 710px;

    height: auto;

    padding: 20px;

}



.form-admin-screen {

    color: #e7e6e7;

    background-color: transparent;

    margin: 0 auto;

    width: 400px;

    height: auto;

    padding: 10px;

}



.form-quiz-screen {

    color: #e7e6e7;

    background-color: transparent;

    margin: 0 auto;

    width: 85%;

    height: auto;

    padding: 10px;

}



.form-quiz-login-screen {

    color: #e7e6e7;

    background-color: transparent;

    margin: 0 auto;

    width: 60%;

    height: auto;

    padding: 10px;

}



.name-input {

    margin-top: 2px;

    width: 100%;

}



.question-input {

    margin-top: 2px;

    width: 100%;

}



.btn-forms {

    margin-top: 10px;

    /*float: right;*/

    /*width: 780px;*/

    padding: 20px;

    margin: auto;

}



.ul-style {

    padding: 20px 0px 0px 10px;

}



/*Table style*/



.main-table {

    max-height: 500px;

    width: 100%;

    padding: 20px;

    margin: auto;

    color: #fff;

    overflow-x: auto;

}



.table-results {

    margin: auto;

    /*width: 730px;*/

    border-collapse: collapse;

    border: 1px solid #fff;

    /*for older IE*/

    border-style: hidden;

}



.table-results caption {

    background-color: #eb1e51;

    color: #fff;

    font-size: x-large;

    font-weight: bold;

    letter-spacing: .3em;

}



.table-results thead th {

    padding: 8px;

    background-color: #3e2a45;

    font-size: 1rem;

    color: #fff;

}



.table-results thead th#thDay {

    width: 40%;

}



.table-results thead th#thRegular,

table-results thead th#thOvertime,

table.table-results thead th#thTotal {

    width: 20%;

}



.table.table-results th,

table.table-results td {

    padding: 3px;

    border-width: 1px;

    border-style: solid;

    border-color: #eb1e51 #ccc;

}



table-results td {

    text-align: right;

}



.table-results tbody th {

    text-align: left;

    font-weight: normal;

}



.table-results tfoot {

    font-weight: bold;

    font-size: large;

    background-color: #687886;

    color: #fff;

}



.table-results tr.even {

    background-color: #3e2a45ad;

}



.table-button {

    width: 10px;

    height: 10px;

    border: 0;

}



.edit-button-table {

    display: inline list-item;

    cursor: pointer;

    list-style-image: url(../content/images/icon/edit-table.png);

    margin: auto;

    padding: 3px 0px 0px 6px;

}



.delete-button-table {

    display: inline list-item;

    list-style-image: url(../content/images/icon/delete-table.png);

    margin: auto;

    cursor: pointer;

    padding: 3px 0px 0px 6px;

}



/*End- Table style*/





/* ---------------------------------

        ADMIN SECTION 

--------------------------------- */





.title-admin {

    color: white;

    margin: 10px auto;

}



.div-line-admin {

    margin: 13px auto 0 auto;

    display: block;

    width: 100px;

    height: 3px;

    border-bottom: #eb1e51 solid 3px;

}



.title-admin h3 {

    letter-spacing: 10px;

    font-size: 2em;

    color: #ffffff;

    text-align: center;

}



.title-image {

    padding: 2em;

    color: white;

    margin: 10px auto;

    text-align: center;

}



.subtitle-admin {

    padding: 1em;

    color: white;

    margin: auto;

}



.subtitle-admin h4 {

    letter-spacing: 3px;

    font-size: 1em;

    color: #ffffff;

    text-align: center;

}



.quiz-title {

    text-align: justify;

    margin: auto;

    font-size: 2rem;

}



.quiz-error-message {

    font-size: 1.6rem;

    text-align: justify;

    margin: auto;

    color: #ff0000;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





/*Modal styles*/

.modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem;

    border-bottom: 2px solid #000000;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background-color: #8e1a51;

    color: white;

}



.modal-header .close {

    color: #000001;

    font-size: 2em;

}



.modal-footer .btn-default {

    background: #848276;

    border: 0;

    border-radius: 3px;

    color: #ffffff;

    font-size: 16px;

    margin: 3px 10px;

    margin-bottom: 0px;

    padding: 7px 13px;

}



.modal-content {

    color: #000000;

    font-size: 1rem;

    line-height: 22px;

}



.modal-content h2 {

    color: #a9206a;

    font-size: 23px;

    font-weight: 300;

}



.modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 1rem 1rem 0rem 1rem;

}



.modal-body label {

    color: #708e7c;

    font-size: 22px;

    font-weight: 300;

}



.modal-body input,

.modal-body textarea {

    border-top: 0;

    border-left: 0;

    border-right: 0;

    border-bottom: 1px solid #708e7c;

    color: #708e7c;

    font-size: 18px;

    padding: 3px 10px;

    border-radius: 0;

    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

}







/*Eventos Modal styles*/



.eventos-modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem;

    border-bottom: 2px solid #000000;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background-color: #8e1a51;

    color: white;

}



.eventos-modal-header .close {

    color: #000001;

    font-size: 2em;

}



.alert-header {

    background-color: #af0101;

    color: white;

}



.eventos-modal-footer {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 1rem;

    border-top: 2px solid #e9ecef;

}



.eventos-modal-footer .btn-default {

    background: #848276;

    border: 0;

    border-radius: 3px;

    color: #ffffff;

    font-size: 16px;

    margin: 3px 10px;

    margin-bottom: 0px;

    padding: 7px 13px;

}



.eventos-modal-content {

    color: #000000;

    font-size: 1rem;

    line-height: 22px;

    background-color: white;

}



.eventos-modal-content h2 {

    color: #a9206a;

    font-size: 23px;

    font-weight: 300;

}



.eventos-modal-body {

    position: relative;

    flex: 1 1 auto;

    padding: 1rem 1rem 0rem 1rem;

}



.eventos-modal-body label {

    color: #708e7c;

    font-size: 22px;

    font-weight: 300;

}



.eventos-modal-body input,

.eventos-modal-body textarea {

    border-top: 0;

    border-left: 0;

    border-right: 0;

    border-bottom: 1px solid #708e7c;

    color: #708e7c;

    font-size: 18px;

    padding: 3px 10px;

    border-radius: 0;

    webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

}











.img-size-admin {

    width: 300px;

    height: 300px;

    margin: 0 0;

    text-align: center;

}



.user-name-admin {

    color: white;

}





.img-size-quiz {

    width: 150px;

    height: 150px;

    margin: 0 0;

    text-align: center;

}



/*NEW LIFE EXTRAS*/

.avoid-clicks {

    pointer-events: none;

    -webkit-box-shadow: inset 0 0 0 500px rgba(1, 0, 0, 0.6);

    -moz-box-shadow: inset 0 0 0 500px rgba(1, 0, 0, 0.6);

    box-shadow: inset 0 0 0 500px rgba(1, 0, 0, 0.6);

    -webkit-filter: blur(3px);

    -moz-filter: blur(3px);

    -o-filter: blur(3px);

    -ms-filter: blur(3px);

    filter: blur(3px);

    background-color: #ccc;

}



.no-hover-style a:hover {

    text-decoration: none;

}



.admin-newlife-section {

    width: 350px;

}



.newlife-section {

    width: 200px;

}



.form-full-width {

    width: 100%;

}



.form-side-padding {

    padding: 20px 0px !important;

}



.blog-break-line {

    white-space: pre-line;

}



.icon-whatsapp {

    background-image: url("../content/images/icon/whatsapp.png");

    background-repeat: no-repeat;

    display: inline-table;

    height: 23px;

    width: 84px;

    padding-left: 28px;

    line-height: 25px;

    background-size: 84px 23px;

    margin-right: 10px;

}



.half-screen-35-side {

    width: 35%;

    text-align: left;

}



.half-screen-65-side {

    width: 65%;

    text-align: right;

}



.no-wrap {

    white-space: nowrap;

}



.f-info-1 p {

    color: white;

}



.f-info-5 p {

    color: white;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}





/* Error Styles*/

.input-validation-error {

    border: 2px solid #ff000a;

    transition: border-color .5s ease-out;

}



.input-validation-error input[type=text]:focus,

textarea:focus {

    /*box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/

    /*padding: 3px 0px 3px 3px;*/

    /*margin: 5px 1px 3px 0px;*/

    border: 2px solid rgba(81, 203, 238, 1);

}







.img-error-container {

    background-color: rgba(43, 43, 43, 0.5);

    text-align: center;

    margin: 30px;

}



.img-error {

    width: 40%;

}



.error-message {

    text-align: center;

    margin: auto;

    color: white;

}



.error-message {

    text-align: center;

    margin: auto;

    color: white;

}



.h1-error {

    color: white;

    font-size: 1.5rem;

}





.text-indications {

    width: 200%;

    text-align: justify;

}







/*Donate section*/



.content-donate {

    overflow: hidden;

    color: #e2e0e4;

    background-color: #201a2c;

    width: 100%;

    /*margin: 80px 0;*/

    border-radius: 5px;

}



.content-donate h3 {

    margin: 0 auto;

    font-size: 1.5em;

    text-align: left;

    color: #eb1e51;

}



.donate-img-bg,

.donate-img-bg-2,

.donate-img-bg-3,

.donate-img-bg-6 {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    width: auto;

    height: 500px;

}



.donate-img-bg-6 {

    background-image: url("../content/images/donaciones/cemilan-donations.jpg");

    height: 500px;

}



.donate-img-bg-7 {

    background-image: url("../content/images/donaciones/cemilan-proximamente.png");

    height: 300px;

    background-repeat: no-repeat;

}





.accion-img-bg-1 {

    background-image: url("../content/images/enaccion/cemilan-accion.jpg");

    height: 400px;

}





.donate-text-over-img-3 {

    right: 0;

    left: 0;

    margin: 100px auto 0 auto;

    padding: 2em;

    text-align: center;

    position: absolute;

    width: 70%;

    height: 200px;

    font-size: 0.9em;

}



.donate-text-over-img-3 h2 {

    color: #ffffff;

    font-size: 2em;

    text-align: center;

}



.donate-text .col span {

    display: block;

    padding-bottom: 20px;

}









.accion-text-over-img-1 {

    right: 0;

    left: 0;

    margin: 100px auto 0 auto;

    padding: 2em;

    text-align: center;

    position: absolute;

    width: 70%;

    height: 200px;

    font-size: 0.9em;

}



.accion-text-over-img-1 h2 {

    color: #a51c48;

    font-size: 2em;

    text-align: center;

}



.accion-text .col span {

    display: block;

    padding-bottom: 20px;

}









.narrow p {

    padding: 0px 90px 0px 90px !important;

}







.myButton {

    box-shadow: 0px 10px 14px -7px #9c9c9c;

    background: linear-gradient(to bottom, #a21b49 5%, #271d38 100%);

    background-color: #9c1b4c;

    border-radius: 8px;

    display: inline-block;

    cursor: pointer;

    color: #ffffff;

    font-family: Arial;

    font-size: 20px;

    font-weight: bold;

    padding: 13px 32px;

    text-decoration: none;

    text-shadow: 0px 1px 0px #080a0a;

}



.myButton:hover {

    background: linear-gradient(to bottom, #a21b45 5%, #a21b49 100%);

    background-color: #408c99;

    text-decoration: none;

    color: #fff;

}



.myButton:active {

    position: relative;

    top: 1px;

}





.project-min-height {

    width: 400px;

    height: 250px;

}



.project-area .single-post {

    height: 100%;

    position: relative;

    /*padding-bottom: 10px;*/

    overflow: hidden;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);

    border: 0px solid #ddd;

    background-color: #2f233a;

    margin-top: 10px;

}



.center-post {

    margin: auto;

}





.project-content {

    padding: 10px;

    max-width: 400px;

}



.project-desc {

    text-align: center;

    padding: 0px 20px;

}



.join {

    padding: 0px 20px;

    text-align: center;

}





.btn-join {

    color: #fff;

    background-color: #eb1e51;

    border-color: #eb1e51;

    color: #fff;

}



button:hover {

    color: #fff !important;

    background-color: #5f0066;

    border-color: #5f0066;

    color: #fff;

}





.content-project {

    overflow: hidden;

    color: #e2e0e4;

    background-color: #201a2c;

    width: 100%;

    /*margin: 80px 0;*/

    /*border-radius: 5px;*/

}



.content-project h3 {

    margin: 0 auto;

    font-size: 1.5em;

    text-align: left;

    color: #eb1e51;

}







.project-instruction {

    font-size: 1.2em;

    margin-left: 20px;

}



.project-title {

    font-size: 1.2em;

}





#result-message {

    max-width: 304px;

}



/*Spinner form contact*/



@keyframes spinner {

    to {

        transform: rotate(360deg);

    }

}



.spinner:before {

    content: '';

    box-sizing: border-box;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 50px;

    height: 50px;

    margin-top: -15px;

    margin-left: -15px;

    border-radius: 50%;

    border: 1px solid #ccc;

    border-top-color: #07d;

    animation: spinner .7s linear infinite;

}



.spinner-in-section:before {

    content: '';

    box-sizing: border-box;

    position: absolute;

    width: 50px;

    height: 50px;

    margin-top: -15px;

    border-radius: 50%;

    border: 1px solid #ccc;

    border-top-color: #07d;

    animation: spinner .7s linear infinite;

}





.field-validation-error {

    color: #fff;

    padding-left: 13px;

    font-size: 0.9rem;

}



#collapseExample {

    padding-top: 100px;

}



.donaciones-label {

    font-size: 0.8em;

    text-align: right;

    padding: 0px 35px;

}



.music-player {

    display: block;

    margin: auto;

    text-align: center;

}





.age-style {

    display: flex;

}



.age-input {

    width: 50px !important;

    margin: 0px 15px;

    padding-left: 5px;

    height: fit-content !important;

}







/*Spinner input payment screen*/

#cover-spin {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: rgb(49 16 48 / 33%);

    z-index: 9999;

    display: none;

}



@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0deg);

    }



    to {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    from {

        transform: rotate(0deg);

    }



    to {

        transform: rotate(360deg);

    }

}



#cover-spin::after {

    content: '';

    display: block;

    position: absolute;

    left: 48%;

    top: 40%;

    width: 40px;

    height: 40px;

    border-style: solid;

    border-color: white;

    border-top-color: transparent;

    border-width: 4px;

    border-radius: 50%;

    -webkit-animation: spin .8s linear infinite;

    animation: spin .8s linear infinite;

}



.icon-info {

    margin: 0px 5px;

}



.event-description {

    max-width: 550px;

}



.redil-logo {

    width: 35px;

    top: -4px;

    display: block;

    position: relative;

    right: 12px;

}



#contactForm .form-control:focus {

    color: #fff !important;

}



#formLiveLogin input {

    display: none;

}



#placeToPay {

    max-width: 225px;

    margin: 15px 0px;

}