/**
 * @file
 * GRanmat promocion bloque 1 class = "cid-rpSdryG9aP" styling.
 * GRanmat promocion bloque 2 class = "cid-rpSdryG9aP" styling.
 */


/* bloque 1 */

.cid-rpSdryG9aP {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #efeeee;
}

.cid-rpSdryG9aP .content-block {
    max-width: 700px;
    padding: 4rem 3rem;
}

.cid-rpSdryG9aP .img-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
    transition-delay: 0s;
    background-position: center;
    background-size: cover;
    z-index: 3;
}

.cid-rpSdryG9aP .overlay {
    position: absolute;
    transition: all 0.3s;
    transition-delay: 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    right: 0%;
    background: #002f7d;
    z-index: 2;
    opacity: 1;
}

.cid-rpSdryG9aP .overlay-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 50%;
    transition-delay: 0.3s;
    top: 0;
    z-index: 4;
}

.cid-rpSdryG9aP .col {
    padding: 0;
    display: flex;
    position: relative;
    min-height: 400px;
    justify-content: flex-end;
}

.cid-rpSdryG9aP .col:hover .overlay-wrapper {
    width: 100%;
    right: 0;
    transition-delay: 0s;
}

.cid-rpSdryG9aP .col:hover .overlay {
    width: 100%;
    transition-delay: 0s;
}

.cid-rpSdryG9aP .col:hover .img-content {
    opacity: 1;
    width: 100%;
    transition-delay: 0.3s;
}

.cid-rpSdryG9aP .col:hover .box-title2,
.cid-rpSdryG9aP .col:hover .box-text2 {
    color: #333333;
    transition-delay: 0.3s;
}

.cid-rpSdryG9aP .box-title2,
.cid-rpSdryG9aP .box-text2 {
    transition: all 0.3s;
    transition-delay: 0s;
}

.cid-rpSdryG9aP .box-content {
    width: 50%;
    height: 100%;
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #002f7d;
}

.cid-rpSdryG9aP .content1 {
    z-index: 5;
    max-width: 450px;
    position: relative;
    transition: all 0.3s;
    transition-delay: 0.3s;
    padding: 4rem 3rem;
}

@media (max-width: 767px) {
    .cid-rpSdryG9aP .img-content {
        opacity: 1;
    }
    .cid-rpSdryG9aP .overlay-wrapper {
        width: 100%;
        right: 0;
    }
    .cid-rpSdryG9aP .box-content {
        width: 100%;
    }
    .cid-rpSdryG9aP .box-title2,
    .cid-rpSdryG9aP .box-text2 {
        color: #333333 !important;
    }
    .cid-rpSdryG9aP .content-block,
    .cid-rpSdryG9aP .content1 {
        padding: 3rem 1rem;
    }
}

.cid-rpSdryG9aP .box-text1 {
    color: #333333;
}

.cid-rpSdryG9aP .box-title2 {
    color: #cccccc;
}


/* bloque 2 */

.cid-rpSdrHNrVV {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #efeeee;
}

.cid-rpSdrHNrVV .content-block {
    max-width: 350px;
    padding: 4rem 3rem;
    z-index: 5;
    position: relative;
}

.cid-rpSdrHNrVV .img-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
    transition-delay: 0s;
    background-position: center;
    background-size: cover;
    z-index: 3;
}

.cid-rpSdrHNrVV .block2:hover .block2-over {
    opacity: 0;
}

.cid-rpSdrHNrVV .block1:hover .block1-over {
    opacity: 0;
}

.cid-rpSdrHNrVV .block1-over {
    position: absolute;
    transition: all 0.6s;
    width: 100%;
    background-color: #002f7d;
    opacity: 1;
    height: 100%;
    top: 0;
    left: 0;
}

.cid-rpSdrHNrVV .block2-over {
    position: absolute;
    transition: all 0.6s;
    width: 100%;
    background-color: #333333;
    opacity: 1;
    height: 100%;
    top: 0;
    left: 0;
}

.cid-rpSdrHNrVV .overlay {
    position: absolute;
    transition: all 0.3s;
    transition-delay: 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    right: 0%;
    background: #002157;
    z-index: 2;
    opacity: 1;
}

.cid-rpSdrHNrVV .overlay-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 50%;
    transition-delay: 0.3s;
    top: 0;
    z-index: 4;
}

.cid-rpSdrHNrVV .col {
    padding: 0;
    display: flex;
    position: relative;
    min-height: 400px;
    justify-content: flex-end;
}

.cid-rpSdrHNrVV .col:hover .overlay-wrapper {
    width: 100%;
    right: 0;
    transition-delay: 0s;
}

.cid-rpSdrHNrVV .col:hover .overlay {
    width: 100%;
    transition-delay: 0s;
}

.cid-rpSdrHNrVV .col:hover .img-content {
    opacity: 1;
    width: 100%;
    transition-delay: 0.3s;
}

.cid-rpSdrHNrVV .col:hover .box-title2,
.cid-rpSdrHNrVV .col:hover .box-text2 {
    color: #333333;
    transition-delay: 0.3s;
}

.cid-rpSdrHNrVV .box-title2,
.cid-rpSdrHNrVV .box-text2 {
    transition: all 0.3s;
    transition-delay: 0s;
}

.cid-rpSdrHNrVV .box-content {
    width: 50%;
    height: 100%;
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #002157;
}

.cid-rpSdrHNrVV .content1 {
    z-index: 5;
    max-width: 450px;
    position: relative;
    transition: all 0.3s;
    transition-delay: 0.3s;
    padding: 4rem 3rem;
}

.cid-rpSdrHNrVV .content2 {
    z-index: 2;
    max-width: 450px;
    margin-bottom: -1rem;
    position: relative;
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0s;
    padding: 0 2rem;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .cid-rpSdrHNrVV .content-block {
        padding: 4rem 0rem;
    }
    .cid-rpSdrHNrVV .content1,
    .cid-rpSdryG9aP .content1 {
        padding: 4rem 1rem;
    }
}

@media (max-width: 767px) {
    .cid-rpSdrHNrVV .img-content {
        opacity: 1;
    }
    .cid-rpSdrHNrVV .overlay-wrapper {
        width: 100%;
        right: 0;
    }
    .cid-rpSdrHNrVV .box-content {
        width: 100%;
    }
    .cid-rpSdrHNrVV .box-title2,
    .cid-rpSdrHNrVV .box-text2 {
        color: #333333 !important;
    }
    .cid-rpSdrHNrVV .content-block,
    .cid-rpSdrHNrVV .content1 {
        padding: 3rem 1rem;
    }
    .cid-rpSdrHNrVV .col,
    .cid-rpSdryG9aP .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.cid-rpSdrHNrVV .box-text1 {
    color: #333333;
}

.cid-rpSdrHNrVV .box-title2 {
    color: #cccccc;
}

.cid-rpSdrHNrVV .block1-text,
.cid-rpSdrHNrVV .mbr-section-btn {
    color: #ffffff;
}

.cid-rpSdrHNrVV .block2-text,
.cid-rpSdrHNrVV .mbr-section-btn {
    color: #ffffff;
}

.cid-rpSdrHNrVV .block2-title {
    color: #333333;
}

.cid-rpSdrHNrVV .block2-subtitle {
    color: #ffffff;
}

.cid-rpSdrHNrVV .block2:hover .block2-subtitle,
.cid-rpSdrHNrVV .block2:hover .block2-text,
.cid-rpSdrHNrVV .block1:hover .block1-subtitle,
.cid-rpSdrHNrVV .block1:hover .block1-text {
    color: #333333;
}

.cid-rpSdrHNrVV .block1-subtitle {
    color: #ffffff;
}