.section {
    position: relative;
    width   : 100%;
    display : block;
}

.full-height {
    height: 100vh;
}

.absolute-center {
    position  : absolute;
    top       : 50%;
    left      : 0;
    width     : 100%;
    margin-top: 40px;
    transform : translateY(-50%);
    z-index   : 20;
}

.row {
    margin-right: 0px;
    margin-left : 0px;
}

footer {
    margin-top: 0 !important;
}

/* Full Evento */
.custom-section {
    /*background-image : url("../../img/eventos/SNJ_03.png");*/
    background-image : url("../../img/web/DSC04929.JPG");
    background-repeat: no-repeat;
    background-size  : cover;
    filter           : saturate(0.5);
}

.custom-section img {
    width     : 36%;
    margin-top: -10%;
    filter    : drop-shadow(2px 3px 3px rgb(158, 158, 158));
}

#txt-title-evento {
    color         : white;
    font-size     : 26px !important;
    line-height   : 2.5rem;
    text-transform: uppercase;
    font-family   : "Lato", sans-serif;
    margin-bottom : 8%;
}

#txt-title-evento>b {
    font-size     : 55px !important;
    letter-spacing: 5px;
}

.scroll-down i {
    color     : #FFF;
    font-size : 26px;
    transition: 0.6s;
}

.scroll-down i:hover {
    color: #dedf8eb3;
}

/* Full Evento */

/* Cotiza Evento */
#cotizar-evento {
    background-color: black !important;
    padding         : 9% 0%;
}

#custom-img-evento-01 {
    width        : 100%;
    border-radius: 6px;
}

.descripcion_evento {
    color          : white;
    width          : 400px;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

#txt_evento_01 {
    font-size     : 28px !important;
    font-family   : "Lato", sans-serif !important;
    text-transform: uppercase;
    margin-bottom : 6%;
}

#txt_evento_02 {
    font-size  : 16px !important;
    font-weight: 300;
    line-height: 34px;
    font-family: "Comfortaa", sans-serif;
}

#txt_evento_03 {
    font-size  : 16px !important;
    font-weight: 300;
    line-height: 34px;
    margin-top : 8%;
    font-family: "Comfortaa", sans-serif;
}

#btnCotizarEvento {
    margin-top    : 4%;
    width         : 45%;
    text-transform: uppercase;
    font-size     : 14px;
    font-weight   : 600;
    color         : #000;
    padding       : 2% 0;
    border        : 1px solid #FFF;
    font-family   : "Lato", sans-serif !important;
    transition    : 0.65s;
    border-radius: 14px;
}

#btnCotizarEvento:hover {
    background-color: rgb(141, 141, 141);
    color           : #000;
    border          : 1px solid #FFF;
}

/* Cotiza Evento */

/* Descripción Servicios */
#title_servicios_evento {
    font-weight   : 300;
    color         : #7e203299;
    font-family   : "Poppins", sans-serif;
    line-height   : 1.2em;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size     : 36px;
    padding       : 1% 0%;
    margin-top    : 5%;
}

#dividr_servicios {
    width        : 85%;
    border-bottom: 1px solid #86384f85;
    margin-top   : 0px;
    margin-bottom: 8%;
}

#container_services_grid {
    padding: 0 5% 0 5%;
}

.txt_item_service {
    margin-top    : 15%;
    margin-bottom : 10%;
    font-family   : "Lato", sans-serif;
    font-size     : 20px;
    font-weight   : 600;
    text-transform: uppercase;
}

.iconCard {
    margin-bottom: 10%;
}

.card {
    width             : 275px;
    height            : 260px;
    border            : 2px solid #af6c78;
    border-radius     : 10px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(134, 56, 79, 0.582);
    -moz-box-shadow   : 4px 4px 10px 0px rgba(134, 56, 79, 0.582);
    box-shadow        : 4px 4px 10px 0px rgba(134, 56, 79, 0.582);
    transform-style   : preserve-3d;
    transition        : transform 1s;
}

.card:hover {
    transform: rotateY(180deg);
}

.card-front {
    position           : absolute;
    width              : 100%;
    height             : 100%;
    backface-visibility: hidden;
}

.card-back {
    position           : absolute;
    width              : 100%;
    height             : 100%;
    backface-visibility: hidden;
    transform          : rotateY(180deg);
    background         : #af6c78;
    color              : #FFF;
    border-radius      : 5px;
}

#txt-card-text {
    font-size  : 12.75px;
    text-align : justify;
    line-height: 18px;
    margin     : 10px 9% 0;
    font-family: 'Comfortaa', sans-serif;
}

.card-text {
    margin     : 15px 35px 0px 35px;
    line-height: 20px;
    font-size  : 13.5px;
    font-family: 'Comfortaa', sans-serif;
    text-align : justify !important;
}

ul#descripcion-servicios-a {
    margin-top : 9%;
    line-height: 1.4rem;
}

ul#descripcion-servicios-b {
    margin-top : 20%;
    line-height: 1.8rem;
}

/* Descripción Servicios */

/* Grid Images Evento0 */

#grid-eventos {
    padding: 7% 0% 0%;
}

.imageService {
    width : 100%;
    height: auto;
}

/* Grid Images Evento */

@media only screen and (min-width: 320px) and (max-width: 480px) {

    /* Responsive Full Evento */
    #custom-container {
        margin-top: 26%;
    }

    /* Responsive Full Evento */
}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media only screen and (min-width: 993px) and (max-width: 1024px) {}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {}

@media only screen and (min-width: 1201px) and (max-width: 1439px) {}

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
    .imageService {
        width : 103.3%;
        height: auto;
    }
}

@media only screen and (min-width: 1600px) {
    .imageService {
        width : 103%;
        height: auto;
    }
}

.modal-open {
    overflow     : hidden;
    overflow-y   : scroll;
    padding-right: 0 !important;
}

.modal-footer {
    display: block !important;
}

.modal-footer .btn {
    width: 100% !important;
}



@media (min-width: 576px) {
    .modal-custom {
        max-width: 420px;
    }
}

.datepicker-container {
    z-index: 1095 !important;
}

.btnTrigger-datepicker {
    padding: 0.1rem 0.9rem !important;
}

.container-formEvento{
    padding: 1% 5% 0% 3%;
}

.container-formEvento label {
    color        : #67273adb;
    margin-bottom: 2px;
    font-size    : 15px;
}

.container-formEvento input,
.container-formEvento select,
.container-formEvento textarea {
    font-size: 13px;
    color    : silver;
}

#headerPopup_evento {
    background-color: #a27b87;
    padding         : 3% 0;
    text-align      : center;
    color           : #FFF;
    text-transform  : uppercase;
    font-size       : 20px;
    margin-bottom   : -5px;
    font-family     : 'Poppins', sans-serif !important;
}

form#formEventos_modal label {
    font-family: 'Poppins', sans-serif !important;
}

form#formEventos_modal input,
form#formEventos_modal textarea,
form#formEventos_modal select {
    font-size  : 13px;
    color      : rgb(85, 85, 85) !important;
    font-family: 'Comfortaa', sans-serif;
    transition : 0.70s;
}

form#formEventos_modal input{
    padding: 0px 10px;
    border-radius: 12px;
}

form#formEventos_modal select {
    padding: 0px 6px;
    border-radius: 12px;
}

form#formEventos_modal textarea{
    resize: none;
}

form#formEventos_modal input:focus,
form#formEventos_modal textarea:focus,
form#formEventos_modal select:focus {
    border-color: #863856;
    box-shadow  : 0px 0px 10px 2px #e8bcc9;
}

input#evento_fechaInput {
    width: 85%;
    border-radius: 0 12px 12px 0 !important;
}

input#evento_personasInput_MP_cBdLN29i2{
    border-radius: 0 !important;
    height: 31px;
}

.btnEvento_submit,
.btn-secondary {
    width: 75%;
    font-family   : 'Poppins', sans-serif;
    text-transform: uppercase;
}

.btnEvento_submit {
    background    : #A27B87;
    color         : #FFF;
    transition    : 0.65s;
    cursor        : pointer;
    font-family   : 'Poppins', sans-serif;
    text-transform: uppercase;
}

.btnEvento_submit:hover,
.btnEvento_submit:focus {
    background: #7c344a;
    color     : #FFF;
}

.btnEvento_submit:focus {
    box-shadow: 0px 0px 10px 4px #c7879a;
}



.btnEvento_submit_wa {
    width: 75%;
    font-family   : 'Poppins', sans-serif;
    text-transform: uppercase;
}

.btnEvento_submit_wa {
    background    : #A27B87;
    color         : #FFF;
    transition    : 0.65s;
    cursor        : pointer;
    font-family   : 'Poppins', sans-serif;
    text-transform: uppercase;
}

.btnEvento_submit_wa:hover,
.btnEvento_submit_wa:focus {
    background: #7c344a;
    color     : #FFF;
}

.btnEvento_submit_wa:focus {
    box-shadow: 0px 0px 10px 4px #c7879a;
}



#evento_nombreInput-error,
#evento_emailInput-error,
#evento_movilInput-error,
#evento_tipoEventoInput-error,
#evento_personasInput-error,
#evento_fechaInput-error,
#evento_descripcionEventoInput-error {
    font-size: 11px;
    color    : #c20d00;
}

#evento_fechaInput-error {
    margin-top: 6px;
}

button.btnTrigger-datepicker {
    border-top-left-radius   : 5px !important;
    border-bottom-left-radius: 5px !important;
}