/* Error de minimización. Devolviendo el contenido no minimizado.
(1315,1): run-time error CSS1019: Unexpected token, found '@import'
(1315,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,800&display=swap')'
(1316,1): run-time error CSS1019: Unexpected token, found '@import'
(1316,9): run-time error CSS1019: Unexpected token, found 'url(' https://fonts.cdnfonts.com/css/slick')'
(1319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1433,37): run-time error CSS1046: Expect comma, found '150'
(1433,45): run-time error CSS1046: Expect comma, found '/'
(1742,47): run-time error CSS1046: Expect comma, found '0'
(1742,51): run-time error CSS1046: Expect comma, found '/'
(1763,36): run-time error CSS1046: Expect comma, found '0'
(1763,40): run-time error CSS1046: Expect comma, found '/'
(1837,38): run-time error CSS1046: Expect comma, found '0'
(1837,42): run-time error CSS1046: Expect comma, found '/'
(2503,54): run-time error CSS1046: Expect comma, found '0'
(2503,58): run-time error CSS1046: Expect comma, found '/'
(2537,62): run-time error CSS1046: Expect comma, found '0'
(2537,66): run-time error CSS1046: Expect comma, found '/'
(2861,36): run-time error CSS1046: Expect comma, found '0'
(2861,40): run-time error CSS1046: Expect comma, found '/'
(2957,22): run-time error CSS1039: Token not allowed after unary operator: '-fondo-naranja'
(2958,42): run-time error CSS1039: Token not allowed after unary operator: '-borde-naranja'
(3003,46): run-time error CSS1039: Token not allowed after unary operator: '-hoverbutn--background'
(3075,46): run-time error CSS1046: Expect comma, found '0'
(3075,50): run-time error CSS1046: Expect comma, found '/'
(3095,36): run-time error CSS1046: Expect comma, found '0'
(3095,40): run-time error CSS1046: Expect comma, found '/'
(3176,50): run-time error CSS1039: Token not allowed after unary operator: '-hoverbutn--background'
(3204,36): run-time error CSS1046: Expect comma, found '0'
(3204,40): run-time error CSS1046: Expect comma, found '/'
(3526,38): run-time error CSS1046: Expect comma, found '0'
(3526,42): run-time error CSS1046: Expect comma, found '/'
(3639,36): run-time error CSS1046: Expect comma, found '0'
(3639,40): run-time error CSS1046: Expect comma, found '/'
(3685,38): run-time error CSS1046: Expect comma, found '150'
(3685,46): run-time error CSS1046: Expect comma, found '/'
(4105,48): run-time error CSS1046: Expect comma, found '0'
(4105,52): run-time error CSS1046: Expect comma, found '/'
(4684,21): run-time error CSS1039: Token not allowed after unary operator: '-boton--color'
(4690,30): run-time error CSS1039: Token not allowed after unary operator: '-hoverbutn--background'
(6465,44): run-time error CSS1046: Expect comma, found '0'
(6465,48): run-time error CSS1046: Expect comma, found '/'
(6492,44): run-time error CSS1046: Expect comma, found '0'
(6492,48): run-time error CSS1046: Expect comma, found '/'
(7282,22): run-time error CSS1039: Token not allowed after unary operator: '-fondo-naranja'
(7604,52): run-time error CSS1046: Expect comma, found '0'
(7604,56): run-time error CSS1046: Expect comma, found '/'
(7697,51): run-time error CSS1046: Expect comma, found '0'
(7697,55): run-time error CSS1046: Expect comma, found '/'
(8160,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden
}

    .jconfirm .jconfirm-bg {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

        .jconfirm .jconfirm-bg.jconfirm-bg-h {
            opacity: 0 !important
        }

    .jconfirm .jconfirm-scrollpane {
        -webkit-perspective: 500px;
        perspective: 500px;
        -webkit-perspective-origin: center;
        perspective-origin: center;
        display: table;
        width: 100%;
        height: 100%
    }

    .jconfirm .jconfirm-row {
        display: table-row;
        width: 100%
    }

    .jconfirm .jconfirm-cell {
        display: table-cell;
        vertical-align: middle
    }

    .jconfirm .jconfirm-holder {
        max-height: 100%;
        padding: 50px 0
    }

    .jconfirm .jconfirm-box-container {
        -webkit-transition: -webkit-transform;
        transition: -webkit-transform;
        transition: transform;
        transition: transform,-webkit-transform
    }

        .jconfirm .jconfirm-box-container.jconfirm-no-transition {
            -webkit-transition: none !important;
            transition: none !important
        }

    .jconfirm .jconfirm-box {
        background: #fff;
        border-radius: 4px;
        position: relative;
        outline: 0;
        padding: 15px 15px 0;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto
    }

@-webkit-keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@keyframes type-blue {
    1%,100% {
        border-color: #3498db
    }

    50% {
        border-color: #5faee3
    }
}

@-webkit-keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@keyframes type-green {
    1%,100% {
        border-color: #2ecc71
    }

    50% {
        border-color: #54d98c
    }
}

@-webkit-keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@keyframes type-red {
    1%,100% {
        border-color: #e74c3c
    }

    50% {
        border-color: #ed7669
    }
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #f1c40f
    }

    50% {
        border-color: #f4d03f
    }
}

@-webkit-keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@keyframes type-purple {
    1%,100% {
        border-color: #9b59b6
    }

    50% {
        border-color: #b07cc6
    }
}

@-webkit-keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

@keyframes type-dark {
    1%,100% {
        border-color: #34495e
    }

    50% {
        border-color: #46627f
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark
}

.jconfirm .jconfirm-box.loading {
    height: 120px
}

    .jconfirm .jconfirm-box.loading:before {
        content: '';
        position: absolute;
        left: 0;
        background: #fff;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 10px;
        z-index: 1
    }

    .jconfirm .jconfirm-box.loading:after {
        opacity: .6;
        content: '';
        height: 30px;
        width: 30px;
        border: solid 3px transparent;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        border-radius: 50%;
        -webkit-animation: jconfirm-spin 1s infinite linear;
        animation: jconfirm-spin 1s infinite linear;
        border-bottom-color: #1e90ff;
        top: 50%;
        margin-top: -15px;
        z-index: 2
    }

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1
}

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
        display: none
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
        font-size: 16px
    }

    .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
        opacity: 1
    }

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px
}

    .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
        cursor: move
    }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        font-size: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
            vertical-align: middle
        }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
            display: none
        }

    .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: inherit;
        font-family: inherit;
        display: inline-block;
        vertical-align: middle
    }

        .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
            display: none
        }

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height .4s ease-in;
    transition: height .4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

    .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
        overflow-y: hidden
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
        width: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
        background: rgba(0,0,0,.1)
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 3px
    }

    .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
        overflow: auto
    }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
            max-width: 100%;
            height: auto
        }

        .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
            display: none
        }

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px
}

    .jconfirm .jconfirm-box .jconfirm-buttons > button {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        display: inline-block;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 4px;
        min-height: 1em;
        -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
        transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;
        -webkit-tap-highlight-color: transparent;
        border: none;
        background-image: none
    }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
            background-color: #3498db;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
                background-color: #2980b9;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
            background-color: #2ecc71;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
                background-color: #27ae60;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
            background-color: #e74c3c;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
                background-color: #c0392b;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
            background-color: #f1c40f;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
                background-color: #f39c12;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
            background-color: #ecf0f1;
            color: #000;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background-color: #bdc3c7;
                color: #000
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
            background-color: #9b59b6;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
                background-color: #8e44ad;
                color: #fff
            }

        .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
            background-color: #34495e;
            color: #fff;
            text-shadow: none;
            -webkit-transition: background .2s;
            transition: background .2s
        }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
                background-color: #2c3e50;
                color: #fff
            }

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important
}

.jconfirm .jconfirm-clear {
    clear: both
}

.jconfirm.jconfirm-rtl {
    direction: rtl
}

    .jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
        left: 5px;
        right: auto
    }

.jconfirm.jconfirm-light .jconfirm-bg, .jconfirm.jconfirm-white .jconfirm-bg {
    background-color: #444;
    opacity: .2
}

.jconfirm.jconfirm-light .jconfirm-box, .jconfirm.jconfirm-white .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    border-radius: 5px;
    text-align: center;
}

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        text-shadow: none
    }

        .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default {
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #333
        }

            .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                background: #ddd
            }

.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: #2f4f4f;
    opacity: .4
}

.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    background: #444;
    border-radius: 5px;
    color: #fff
}

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        margin-right: 8px;
        margin-left: 0
    }

    .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
        float: right
    }

        .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
            border: none;
            background-image: none;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 700;
            text-shadow: none;
            -webkit-transition: background .1s;
            transition: background .1s;
            color: #fff
        }

            .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #fff;
                background: 0 0
            }

                .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
                    background: #666
                }

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    animation: glow .82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px,0,0);
        transform: translate3d(-2px,0,0)
    }

    20%,80% {
        -webkit-transform: translate3d(4px,0,0);
        transform: translate3d(4px,0,0)
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px,0,0);
        transform: translate3d(-8px,0,0)
    }

    40%,60% {
        -webkit-transform: translate3d(8px,0,0);
        transform: translate3d(8px,0,0)
    }
}

@-webkit-keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

@keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0 red;
        box-shadow: 0 0 0 red
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px
}

    .jconfirm .jconfirm-box {
        opacity: 1;
        -webkit-transition-property: all;
        transition-property: all
    }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-scalex, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            opacity: 0
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotate {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatex {
            -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
            -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotatey {
            -webkit-transform: rotatey(90deg);
            transform: rotatey(90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
            -webkit-transform: rotatey(-90deg);
            transform: rotatey(-90deg);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scaley {
            -webkit-transform: scaley(1.5);
            transform: scaley(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scalex {
            -webkit-transform: scalex(1.5);
            transform: scalex(1.5);
            -webkit-transform-origin: center;
            transform-origin: center
        }

        .jconfirm .jconfirm-box.jconfirm-animation-top {
            -webkit-transform: translate(0,-100px);
            transform: translate(0,-100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-left {
            -webkit-transform: translate(-100px,0);
            transform: translate(-100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-right {
            -webkit-transform: translate(100px,0);
            transform: translate(100px,0)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-bottom {
            -webkit-transform: translate(0,100px);
            transform: translate(0,100px)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-zoom {
            -webkit-transform: scale(1.2);
            transform: scale(1.2)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-scale {
            -webkit-transform: scale(.5);
            transform: scale(.5)
        }

        .jconfirm .jconfirm-box.jconfirm-animation-none {
            visibility: hidden
        }

    .jconfirm.jconfirm-supervan .jconfirm-bg {
        background-color: rgba(54,70,93,.95)
    }

    .jconfirm.jconfirm-supervan .jconfirm-box {
        background-color: transparent
    }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
            border: none
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
            text-align: center;
            color: #fff;
            font-size: 28px;
            font-weight: 400
        }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
                padding-bottom: 25px
            }

            .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                margin-right: 8px;
                margin-left: 0
            }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
            text-align: center;
            color: #fff
        }

        .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
                font-size: 16px;
                border-radius: 2px;
                background: #303f53;
                text-shadow: none;
                border: none;
                color: #fff;
                padding: 10px;
                min-width: 100px
            }

    .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-material .jconfirm-bg {
        background-color: rgba(0,0,0,.67)
    }

    .jconfirm.jconfirm-material .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 25px 10px 25px
    }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700
        }

        .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
            text-align: right
        }

            .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
                text-transform: uppercase;
                font-weight: 500
            }

    .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-bg {
        background-color: rgba(0,0,0,.21)
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
        border: solid 1px rgba(0,0,0,.4);
        padding: 15px 0 0
    }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
            margin-right: 8px;
            margin-left: 0
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87)
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 22px;
            font-weight: 700;
            padding-left: 15px;
            padding-right: 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
            color: rgba(0,0,0,.87);
            padding: 0 15px
        }

        .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
            text-align: right;
            padding: 10px;
            margin: -5px 0 0;
            border-top: solid 1px #ddd;
            overflow: hidden;
            border-radius: 0 0 4px 4px
        }

            .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
                font-weight: 500
            }

    .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
        margin-left: 8px;
        margin-right: 0
    }

    .jconfirm.jconfirm-modern .jconfirm-bg {
        background-color: #708090;
        opacity: .6
    }

    .jconfirm.jconfirm-modern .jconfirm-box {
        background-color: #fff;
        -webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);
        padding: 30px 30px 15px
    }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
            color: rgba(0,0,0,.87);
            top: 15px;
            right: 15px
        }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
            color: rgba(0,0,0,.87);
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px
        }

            .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
                -webkit-transition: -webkit-transform .5s;
                transition: -webkit-transform .5s;
                transition: transform .5s;
                transition: transform .5s,-webkit-transform .5s;
                -webkit-transform: scale(0);
                transform: scale(0);
                display: block;
                margin-right: 0;
                margin-left: 0;
                margin-bottom: 10px;
                font-size: 69px;
                color: #aaa
            }

        .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
            text-align: center;
            font-size: 15px;
            color: #777;
            margin-bottom: 25px
        }

        .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
            text-align: center
        }

            .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
                font-weight: 700;
                text-transform: uppercase;
                -webkit-transition: background .1s;
                transition: background .1s;
                padding: 10px 20px
            }

                .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
                    margin-left: 4px
                }

    .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

/*!
 * Datepicker v1.0.7
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 * 
 * Date: 2019-02-19T12:18:01.828Z
 */

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1
}

    .datepicker-container::after, .datepicker-container::before {
        border: 5px solid transparent;
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #39f
}

    .datepicker-top-left::after, .datepicker-top-left::before, .datepicker-top-right::after, .datepicker-top-right::before {
        border-top: 0;
        left: 10px;
        top: -5px
    }

    .datepicker-top-left::before, .datepicker-top-right::before {
        border-bottom-color: #39f
    }

    .datepicker-top-left::after, .datepicker-top-right::after {
        border-bottom-color: #fff;
        top: -4px
    }

.datepicker-bottom-left, .datepicker-bottom-right {
    border-bottom-color: #39f
}

    .datepicker-bottom-left::after, .datepicker-bottom-left::before, .datepicker-bottom-right::after, .datepicker-bottom-right::before {
        border-bottom: 0;
        bottom: -5px;
        left: 10px
    }

    .datepicker-bottom-left::before, .datepicker-bottom-right::before {
        border-top-color: #39f
    }

    .datepicker-bottom-left::after, .datepicker-bottom-right::after {
        border-top-color: #fff;
        bottom: -4px
    }

    .datepicker-bottom-right::after, .datepicker-bottom-right::before, .datepicker-top-right::after, .datepicker-top-right::before {
        left: auto;
        right: 10px
    }

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

    .datepicker-panel > ul::after, .datepicker-panel > ul::before {
        content: " ";
        display: table
    }

    .datepicker-panel > ul::after {
        clear: both
    }

    .datepicker-panel > ul > li {
        background-color: #fff;
        cursor: pointer;
        float: left;
        height: 30px;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 30px
    }

        .datepicker-panel > ul > li:hover {
            background-color: #e5f2ff
        }

        .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            background-color: #e5f2ff
        }

            .datepicker-panel > ul > li.highlighted:hover {
                background-color: #cce5ff
            }

        .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
            color: #39f
        }

        .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
            background-color: #fff;
            color: #ccc;
            cursor: default
        }

            .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #e5f2ff
            }

        .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
        height: 52.5px;
        line-height: 52.5px;
        width: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
        background-color: #fff;
        cursor: default
    }

.datepicker-hide {
    display: none
}

/* This CSS file just define some default styles and loaders */
/* You don't need to include it if you're working with your custom overlay loader element */

.loading-overlay {
    display: table;
    opacity: 0.7;
    z-index: 99999999 !important;
}

.loading-overlay-content {
    text-transform: uppercase;
    letter-spacing: 0.4em;
    font-size: 1.15em;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    z-index: 99999999 !important;
}

.loading-overlay.loading-theme-light {
    background-color: #fff;
    color: #000;
}

.loading-overlay.loading-theme-dark {
    background-color: #000;
    color: #fff;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,800&display=swap');
@import URL(' https://fonts.cdnfonts.com/css/slick');

:root {
    --cajit-background: rgba(202,202,202,0.4);
    --boton--color: #FFFFFF;
    --botoncolor--background: #333333;
    --hoverbutn--background: #515151;
    --fondo-naranja: #F48742;
    --borde-naranja: #ff7b27;
    --color--text: #333333;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    border-width: 0;
    line-height: 1.1;
    list-style: none;
    text-decoration: none;
    outline-style: none;
    font-family: 'Monserrat', sans-serif;
}

div.body-content {
    position: relative;
    display: block;
    width: 100%;
    height: calc(100% - 100px);
    padding-top: 100px;
}

/************************************************Header********************************************/
div.hookHeader {
    position: fixed;
    display: flex;
    width: calc(100% - 40px);
    font-size: 14px;
    top: 0;
    padding: 2.5px 20px;
    background: #FBC140;
    border-bottom: 2px solid #ED7422;
    justify-content: space-between;
    color: #FFFFFF;
    font-weight: 600;
    transition: .5s;
    z-index: 10;
}

    div.hookHeader div.hookContacCont {
        position: relative;
        display: flex;
        align-items: center;
    }

        div.hookHeader div.hookContacCont div.hookContItem {
            position: relative;
            display: flex;
            align-items: center;
            margin: 0 5px;
            font-weight: 600;
        }

            div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
                position: relative;
                display: flex;
                width: 21px;
                height: 21px;
                font-size: 12px;
                margin-right: 5px;
                justify-content: center;
                align-items: center;
                background: #ED7422;
                border: 2px solid #FFFFFF;
                border-radius: 50%;
            }

            div.hookHeader div.hookContacCont div.hookContItem span a {
                color: #FFFFFF;
            }

            div.hookHeader div.hookContacCont div.hookContItem:nth-child(2) div.hookIcon {
                transform: rotate( 115deg);
            }

    div.hookHeader div.hookContacRedes {
        position: relative;
        display: flex;
        align-items: center;
        font-size: 22px;
    }

        div.hookHeader div.hookContacRedes div.hookRedItem {
            position: relative;
            display: block;
            margin-left: 5px;
        }

            div.hookHeader div.hookContacRedes div.hookRedItem:nth-child(1) a {
                color: #1877F2;
            }

            div.hookHeader div.hookContacRedes div.hookRedItem:nth-child(2) a {
                background: linear-gradient(315deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

header.header {
    position: fixed;
    display: flex;
    top: 0px;
    height: 50px;
    padding: 20px 30px;
    width: calc(100% - 60px);
    background: #FFFFFF;
    justify-content: space-between;
    box-shadow: 0px 5px 5px rgb(150 150 150 / 50%);
    z-index: 5;
    border-bottom: 10px solid;
}

    header.header .srchBttn {
        position: relative;
        display: none;
    }

    header.header div.headIcon {
        position: relative;
        display: flex;
        height: 100%;
        z-index: 3;
        align-items: center;
    }

        header.header div.headIcon.cards {
            height: 120px !important;
        }

        header.header div.headIcon img {
            height: 100%;
            width: auto;
            object-fit: contain;
            cursor: pointer;
        }

        header.header div.headIcon .filtrBttns {
            position: relative;
            display: flex;
            align-items: center;
            margin: 0px 10px;
        }

            header.header div.headIcon .filtrBttns .bttnCont {
                position: relative;
                display: flex;
                align-items: center;
                padding: 5px;
            }

                header.header div.headIcon .filtrBttns .bttnCont button.fltrBttn {
                    position: relative;
                    display: flex;
                    font-size: 1.2em;
                    text-transform: uppercase;
                    border-radius: 20px;
                    padding: 10px;
                    background: #E9E9E9;
                    color: #000000;
                    margin: 0 5px;
                    transition: .5s;
                    cursor: pointer;
                }

                    header.header div.headIcon .filtrBttns .bttnCont button.fltrBttn.activo {
                        background: #F28542;
                        outline: none;
                        border-color: #A8A8A8;
                        box-shadow: 0 0 22px #A8A8A8;
                        border: 5px solid;
                        color: #FFFFFF;
                    }

                    header.header div.headIcon .filtrBttns .bttnCont button.fltrBttn:hover {
                        opacity: 0.8;
                        background: #F28542;
                        color: #FFFFFF;
                    }

    header.header .headerBusc {
        position: relative;
        display: flex;
        align-items: center;
        width: 45%;
    }

        header.header .headerBusc input.inputBuscador {
            position: relative;
            display: block;
            width: calc(50% - 40px);
            padding: 10px 20px;
            font-size: 24px;
            border-right: 2px solid #999999;
        }

        header.header .headerBusc select.selecCateg {
            position: relative;
            display: block;
            width: calc(45% - 40px);
            padding: 12px 8px;
            font-size: 21px;
            border-radius: 10px 0 0 10px;
            background: #E9E9E9;
            cursor: pointer;
        }

        header.header .headerBusc .ubiCont {
            position: relative;
            display: flex;
            height: 100%;
            margin-left: 10px;
        }

            header.header .headerBusc .ubiCont .imghold {
                width: 100%;
            }

        header.header .headerBusc select.selecCiud {
            position: relative;
            display: block;
            width: calc(60% - 40px);
            padding: 12px 8px;
            font-size: 21px;
            font-weight: 500;
            cursor: pointer;
        }

        header.header .headerBusc span.btnInpBusc {
            position: relative;
            display: flex;
            padding: 14px 10px;
            background: #303030;
            justify-content: center;
            align-items: center;
            font-size: 22px;
            color: #FFFFFF;
            cursor: pointer;
            border-radius: 0 10px 10px 0;
            transition: .5s;
        }

            header.header .headerBusc span.btnInpBusc:hover {
                background: #F3813D;
            }

    header.header .buscCupon {
        position: relative;
        display: flex;
        align-items: center;
        width: 42%;
        border: 3px solid #F28542;
        border-radius: 13px;
    }

        header.header .buscCupon select.selecCateg {
            position: relative;
            display: block;
            width: calc(45% - 40px);
            padding: 6px 8px;
            font-size: 21px;
            border-radius: 10px 0 0 10px;
            cursor: pointer;
            color: #F28542;
            border-right: 1px solid #F28542;
        }

        header.header .buscCupon .ubiCont {
            position: relative;
            display: flex;
            height: 100%;
            margin-left: 10px;
        }

            header.header .buscCupon .ubiCont .imghold {
                width: 100%;
            }

        header.header .buscCupon select.selecCiud {
            position: relative;
            display: block;
            width: calc(60% - 40px);
            padding: 5px 8px;
            font-size: 21px;
            font-weight: 500;
            cursor: pointer;
            color: #F28542;
        }

    header.header .srchPhoneBttn {
        position: relative;
        display: none;
        align-items: center;
        font-size: 1.7em;
        color: #F28542;
    }

    header.header div.headMenuIng {
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

        header.header div.headMenuIng div.btnIng {
            position: relative;
            display: block;
            padding: 10px 20px;
            margin: 0 2.5px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
            background: #ED7422;
            cursor: pointer;
            transition: .5s;
        }

            header.header div.headMenuIng div.btnIng:hover {
                background: #ea8f51;
                transition: .5s;
            }

        header.header div.headMenuIng div.btnHamb {
            position: relative;
            display: block;
            padding: 15px 5px;
            border: 2px solid #ED7422;
            cursor: pointer;
            transition: .5s;
        }

            header.header div.headMenuIng div.btnHamb > span {
                position: relative;
                display: block;
                content: '';
                width: 30px;
                height: 5px;
                background: #ED7422;
            }

                header.header div.headMenuIng div.btnHamb > span:before {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 30px;
                    height: 5px;
                    background: #ED7422;
                    bottom: 10px;
                }

                header.header div.headMenuIng div.btnHamb > span:after {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 30px;
                    height: 5px;
                    background: #ED7422;
                    top: 10px;
                }

    header.header div.headUserPanel {
        position: relative;
        display: flex;
        padding: 5px 10px;
        border: 2px solid #36B4E5;
        border-radius: 40px;
        align-items: center;
        cursor: pointer;
    }

        header.header div.headUserPanel div.headUsIcon {
            position: relative;
            display: flex;
            width: 35px;
            height: 35px;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            background: #3CB4E5;
            color: #FFFFFF;
            border-radius: 50%;
        }

        header.header div.headUserPanel div.headUsTxt {
            position: relative;
            display: block;
            color: #3CB4E5;
            font-weight: 600;
            margin: 0 10px;
        }

            header.header div.headUserPanel div.headUsTxt span {
                position: relative;
                display: block;
            }

        header.header div.headUserPanel div.headUsMenu {
            position: absolute;
            display: block;
            top: 60px;
            width: 100%;
            height: 0;
            padding-right: 10px;
            overflow: hidden;
            transition: .5s;
        }

            header.header div.headUserPanel div.headUsMenu div.headUsItem {
                position: relative;
                display: block;
                margin: 5px 0;
                padding: 5px 10px;
                background: #3CB4E5;
                box-shadow: 3px 3px 3px rgb(0 0 0 / 50%);
                color: #FFFFFF;
                border-radius: 20px;
            }

    header.header div.infoHeaderMovil {
        display: none;
    }

    header.header div.headIcon div.respMenu {
        display: none;
    }

.filtrSrchPop {
    position: absolute;
    display: flex;
    height: 0px;
    top: 80px;
    width: 100%;
    z-index: 15;
    background: #EAEAEA;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
    transition: .5s;
    overflow: hidden;
}

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

        .filtrSrchPop .headerBusc select {
            position: relative;
            display: flex;
            width: 85%;
            height: 45px;
            font-size: 1.2em;
            margin: 2px auto;
        }

            .filtrSrchPop .headerBusc select#ddlCategoria {
                border-radius: 10px 0 0 10px;
                background: #E9E9E9;
            }

            .filtrSrchPop .headerBusc select#ddlCiudad {
                border-radius: 0px 10px 10px 0px;
            }

div.hidMenuDesk {
    position: absolute;
    display: block;
    width: 260px;
    top: 60px;
    left: -115px;
    height: 0;
    overflow: hidden;
    transition: .5s;
}

    div.hidMenuDesk div.hidDeskItem {
        position: relative;
        display: block;
        padding: 5px 10px;
        margin-bottom: 5px;
        background: #ED7422;
        border-radius: 10px;
        color: #FFFFFF;
    }

div.hidMenu {
    display: none;
}

.popFiltrosTel {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.5);
    z-index: 22;
}

.popCont {
    position: relative;
    display: block;
    width: 45%;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgb(0 0 0 / 44%);
}

    .popCont .popTxt {
        position: relative;
        display: flex;
        width: 100%;
        font-size: 1.5em;
        justify-content: center;
    }

    .popCont .filtrBttns {
        position: relative;
        display: flex;
        align-items: center;
        margin: 15px auto;
        width: 100%;
        justify-content: center;
    }

        .popCont .filtrBttns .bttnCont {
            position: relative;
            display: flex;
            align-items: center;
            padding: 5px;
        }

            .popCont .filtrBttns .bttnCont button.fltrBttn {
                position: relative;
                display: flex;
                font-size: 1.2em;
                text-transform: uppercase;
                border-radius: 20px;
                padding: 10px;
                background: #E9E9E9;
                color: #000000;
                margin: 0 5px;
                transition: .5s;
                cursor: pointer;
            }

                .popCont .filtrBttns .bttnCont button.fltrBttn.activo {
                    background: #F28542;
                    outline: none;
                    border-color: #A8A8A8;
                    box-shadow: 0 0 22px #A8A8A8;
                    border: 5px solid;
                    color: #FFFFFF;
                }

    .popCont .headerBusc {
        position: relative;
        display: none;
        align-items: center;
        width: 100%;
    }

        .popCont .headerBusc select.selecCateg {
            position: relative;
            display: block;
            width: calc(45% - 40px);
            padding: 12px 8px;
            font-size: 21px;
            border-radius: 10px 0 0 10px;
            background: #E9E9E9;
            cursor: pointer;
        }

        .popCont .headerBusc .ubiCont {
            position: relative;
            display: flex;
            height: 47px;
            margin-left: 10px;
        }

            .popCont .headerBusc .ubiCont .imghold {
                width: 100%;
            }

        .popCont .headerBusc select.selecCiud {
            position: relative;
            display: block;
            width: calc(60% - 40px);
            padding: 12px 8px;
            font-size: 21px;
            font-weight: 500;
            cursor: pointer;
        }

    .popCont .buscCupon {
        position: relative;
        display: none;
        align-items: center;
        width: 100%;
        border: 3px solid #F28542;
        border-radius: 13px;
    }

        .popCont .buscCupon select.selecCateg {
            position: relative;
            display: block;
            width: calc(45% - 40px);
            padding: 6px 8px;
            font-size: 21px;
            border-radius: 10px 0 0 10px;
            cursor: pointer;
            color: #F28542;
            border-right: 1px solid #F28542;
        }

        .popCont .buscCupon .ubiCont {
            position: relative;
            display: flex;
            height: 47px;
            margin-left: 10px;
        }

        .popCont .buscCupon select.selecCiud {
            position: relative;
            display: block;
            width: calc(60% - 40px);
            padding: 5px 8px;
            font-size: 21px;
            font-weight: 500;
            cursor: pointer;
            color: #F28542;
        }

/************************************************Footer********************************************/

footer.footer {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    background: #222222;
    transition: .5s;
    z-index: 15;
}

    footer.footer div.footerCont {
        position: relative;
        display: flex;
        width: 90%;
        margin: 10px auto;
    }

        footer.footer div.footerCont div.footerPart {
            position: relative;
            display: block;
            width: 50%;
            margin: 0 10px;
        }

            footer.footer div.footerCont div.footerPart div.footerTitle {
                position: relative;
                display: block;
                margin: 20px 0 10px;
                text-align: center;
                text-transform: uppercase;
                padding: 10px 0;
                font-size: 26px;
                color: #FFFFFF;
                background: linear-gradient(90deg, rgba(238,121,32,0) 10%, rgba(238,121,32,1) 50%, rgba(238,121,32,0) 90%);
            }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap {
                position: relative;
                display: block;
                width: 60%;
                margin: 10px auto;
            }

                footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem {
                    position: relative;
                    display: block;
                    padding: 5px 10px;
                    margin: 5px 0;
                    cursor: pointer;
                }

                    footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                        color: #FFFFFF;
                        margin: 10px auto;
                        position: relative;
                        color: #717579;
                        font-weight: 500;
                        cursor: pointer;
                        font-size: 15px;
                        transition: .3s;
                    }

                        footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span:hover {
                            color: #FFFFFF;
                            transition: .3s;
                        }

    footer.footer div.footerBottom {
        position: relative;
        display: block;
        padding: 5px 20px;
        background: #111111;
        color: #FFFFFF;
    }

    footer.footer div.footerBtn {
        position: relative;
        display: flex;
        justify-content: center;
    }

        footer.footer div.footerBtn div.footerBtnCl {
            position: absolute;
            display: flex;
            padding: 5px 10px 0px;
            top: -27px;
            font-size: 20px;
            background: #444444;
            color: #FFFFFF;
            border-radius: 100px 100px 0 0;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: .5s;
            z-index: 4;
        }

            footer.footer div.footerBtn div.footerBtnCl span {
                transform: rotate(0deg);
                transition: .5s;
            }

    footer.footer.activo div.footerBtn div.footerBtnCl {
        top: 0px;
        color: #444444;
        background: #FFFFFF;
        border-radius: 0 0 100px 100px;
        padding: 0px 10px 5px;
        transition: .5s;
    }

        footer.footer.activo div.footerBtn div.footerBtnCl span {
            transform: rotate(180deg);
            transition: .5s;
        }

/********************************************Pop Ingreso-Registro**************************************/

div.popBlue {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 22;
}

    div.popBlue.popRegistro,
    div.popBlue.popTrabNos,
    div.popBlue.Pqr,
    div.popBlue.olvidocontr,
    div.popBlue.popPagMem,
    div.popBlue.popObMem,
    div.popBlue.popAgCita {
        display: none;
    }

    div.popBlue.popLogin {
        display: none;
        justify-content: flex-start;
        align-items: flex-end;
    }

        div.popBlue.popLogin div.popBlueCont {
            width: 30%;
        }

    div.popBlue div.popBlueCont {
        position: relative;
        display: block;
        width: 40%;
        padding: 20px;
        background: #ED7422;
        border-radius: 10px;
    }

    div.popBlue.popLogin div.popBlueCont {
        left: 70px;
        bottom: 30px;
    }

    div.popBlue div.popBlueCont div.popTitle {
        position: relative;
        display: flex;
        margin-bottom: 10px;
        justify-content: center;
    }

        div.popBlue div.popBlueCont div.popTitle label {
            position: relative;
            display: block;
            padding: 10px 0;
            width: 60%;
            color: #FFFFFF;
            text-align: center;
            text-transform: uppercase;
            border: 2px solid #FFFFFF;
            border-radius: 10px;
        }

    div.popBlue div.popBlueCont div.popInText {
        position: relative;
        display: block;
        margin: 0 10px;
        color: #FFFFFF;
        text-align: justify;
    }

    div.popBlue div.popBlueCont div.popCampo {
        position: relative;
        display: flex;
        width: 100%;
        margin-bottom: 10px;
    }

        div.popBlue div.popBlueCont div.popCampo.dif {
            width: calc(49% - 1px);
            display: inline-block;
            position: relative;
            margin: auto 4px;
            margin-bottom: 10px;
        }

            div.popBlue div.popBlueCont div.popCampo.dif div {
                width: 100%;
                margin: 10px auto;
                color: #FFFFFF;
            }

        div.popBlue div.popBlueCont div.popCampo.difCampPqr {
            width: calc(100% - 5px);
        }

        div.popBlue div.popBlueCont div.popCampo.UNI {
            position: relative;
            display: block;
            width: 100%;
            margin-bottom: 10px;
        }

            div.popBlue div.popBlueCont div.popCampo.UNI div {
                width: 100%;
                margin: 10px auto;
                color: #FFFFFF;
            }

    div.popBlue div.popBlueCont div.cloPop {
        position: absolute;
        display: flex;
        width: 25px;
        height: 25px;
        top: 10px;
        right: 10px;
        justify-content: center;
        align-items: center;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        border-radius: 50%;
        cursor: pointer;
    }

    div.popBlue div.popBlueCont div.popBtnIn {
        position: relative;
        display: block;
    }

        div.popBlue div.popBlueCont div.popBtnIn span.btnWide {
            position: relative;
            display: block;
            width: 50%;
            cursor: pointer;
            margin: auto;
            text-align: center;
            text-transform: uppercase;
            color: #EE7920;
            background: #FFFFFF;
            padding: 10px 0;
            border-radius: 10px;
            box-shadow: 5px 5px 0px rgba(0,0,0,.5);
        }

            div.popBlue div.popBlueCont div.popBtnIn span.btnWide.btnOrgn {
                background: #EE7920;
                color: #FFFFFF;
                border: 2px solid #FFFFFF;
            }

        div.popBlue div.popBlueCont div.popBtnIn span.txtOlvido {
            position: relative;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #FFFFFF;
            cursor: pointer;
        }

        div.popBlue div.popBlueCont div.popBtnIn span.estil {
            position: relative;
            display: block;
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #FFFFFF;
            cursor: pointer;
        }

    div.popBlue div.popRow {
        position: relative;
        display: flex;
        margin: 10px 0;
        align-items: center;
        color: #FFFFFF;
    }

        div.popBlue div.popRow div.popCampo {
            margin-bottom: 0;
            margin: 0 5px;
            width: 50%;
        }

        div.popBlue div.popRow input.inCheck {
            position: relative;
            display: block;
            margin-right: 5px;
            margin-left: 10px;
        }

        div.popBlue div.popRow label a {
            color: #EE7920;
            font-weight: 600;
        }

    div.popBlue div.popBlueCont div.popContPag {
        position: relative;
        display: block;
    }

        div.popBlue div.popBlueCont div.popContPag > span {
            position: relative;
            display: block;
            margin: 10px 0;
            color: #FFFFFF;
        }

        div.popBlue div.popBlueCont div.popContPag div.campo {
            position: relative;
            display: block;
            margin: 10px 0;
        }

            div.popBlue div.popBlueCont div.popContPag div.campo label {
                position: relative;
                display: block;
                margin-bottom: 5px;
                color: #FFFFFF;
            }

        div.popBlue div.popBlueCont div.popContPag div.campoFlex {
            position: relative;
            display: flex;
            justify-content: center;
        }

            div.popBlue div.popBlueCont div.popContPag div.campoFlex a {
                position: absolute;
                right: 0;
                font-size: 30px;
            }

                div.popBlue div.popBlueCont div.popContPag div.campoFlex a span {
                    padding: 5px 10px;
                }

    div.popBlue div.popBlueCont div.popPagMemCl,
    div.popBlue div.popBlueCont div.popObMemCl,
    div.popAgCita div.popAgCls {
        position: absolute;
        display: flex;
        width: 25px;
        height: 25px;
        justify-content: center;
        align-items: center;
        top: 10px;
        right: 10px;
        border: 2px solid #FFFFFF;
        color: #FFFFFF;
        border-radius: 50%;
        cursor: pointer;
    }

div.popAgCita div.popAgTitle {
    position: relative;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #FFFFFF;
}

div.popAgCita div.popAgTxt {
    position: relative;
    display: block;
    text-align: center;
    color: #FFFFFF;
}

    div.popAgCita div.popAgTxt a {
        font-weight: 600;
    }

span.servClWin {
    position: absolute;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 10px;
    background: #DD5145;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 4;
}
/************************************************Index********************************************/
div.indexPan {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: calc(100vh - 100px);
    overflow: hidden;
}

    div.indexPan div.indexPanUnit {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        right: 0%;
        overflow: auto;
        transition: .5s;
    }

        div.indexPan div.indexPanUnit div.idxImgBack {
            position: relative;
            display: flex;
            width: 100%;
            height: calc(100% - 160px);
            margin-bottom: 160px;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack {
                position: absolute;
                display: flex;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                justify-content: center;
                align-items: flex-end;
                overflow: hidden;
                z-index: 1;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
                    position: relative;
                    display: flex;
                    width: 120%;
                    height: 110%;
                    object-fit: cover;
                    object-position: left;
                }

            div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
                position: absolute;
                display: block;
                height: 90%;
                top: -20px;
                right: 5%;
                z-index: 3;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack img {
                    height: 100%;
                    width: auto;
                    object-fit: contain;
                    object-position: center;
                }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
                position: relative;
                display: flex;
                width: 100%;
                height: 75%;
                justify-content: center;
                align-items: center;
                text-align: center;
                font-size: 50px;
                font-weight: 700;
                color: #FFFFFF;
                z-index: 2;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
                    padding: 20px 40px;
                    border: 3px solid #ED7422;
                    background: rgba(251,193,64,.7);
                }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
                position: absolute;
                display: block;
                width: 100%;
                bottom: 150px;
                text-align: center;
                font-size: 25px;
                font-weight: 600;
                color: #FFFFFF;
                z-index: 3;
            }

        div.indexPan div.indexPanUnit div.idxBoxesOpc {
            position: absolute;
            display: flex;
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 3;
            align-items: flex-end;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                    position: relative;
                    display: block;
                    width: 33%;
                    margin: 40px;
                    padding: 20px 40px;
                    border: 5px solid #FBC140;
                    background: #FFFFFF;
                    box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                        position: relative;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                        margin-top: 20px;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                            position: relative;
                            display: flex;
                            width: 100px;
                            height: 100px;
                            justify-content: center;
                            align-items: center;
                            font-size: 60px;
                            border: 5px solid #FBC140;
                            border-radius: 50%;
                            color: #FBC140;
                        }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                            position: relative;
                            display: block;
                            padding: 20px 0;
                            width: 250px;
                            font-size: 32px;
                            font-weight: 700;
                            text-align: center;
                            background: #ED7422;
                            color: #FFFFFF;
                            box-shadow: 10px 10px 10px rgb(0 0 0 / 50%);
                            cursor: pointer;
                            transition: .5s;
                        }

                            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont:hover {
                                background: #EA8F51;
                                transition: .5s;
                            }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                        position: relative;
                        display: block;
                        text-align: center;
                        font-size: 30px;
                        font-weight: 700;
                        color: #FBC140;
                    }

        div.indexPan div.indexPanUnit div.secBusc {
            position: relative;
            display: inline-block;
            width: calc(70% - 5px);
            height: 100%;
            vertical-align: top;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
                position: relative;
                display: block;
                width: 100%;
                height: 40%;
                background: #E5E5E5;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
                    position: relative;
                    display: block;
                    color: #3CB4E5;
                    font-size: 24px;
                    font-weight: 600;
                    padding: 50px 40px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
                    position: relative;
                    display: block;
                    width: 90%;
                    padding: 0 40px;
                    padding-bottom: 50px;
                    font-size: 16px;
                    font-weight: 600;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
                    position: relative;
                    display: flex;
                    padding: 0 40px;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                        position: relative;
                        display: block;
                        width: 30%;
                        margin: 0 5px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-left: 5px;
                    }

                        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
                            position: relative;
                            display: block;
                            padding: 10px 30px;
                            font-size: 18px;
                            font-weight: 600;
                            background: #ED7422;
                            color: #FFFFFF;
                            border-radius: 5px;
                            cursor: pointer;
                            transition: .5s;
                        }

                            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem:hover {
                                background: #FA9149;
                                transition: .5s;
                            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.iconMedic {
                    position: relative;
                    display: flex;
                    background: #ED7422;
                    font-size: 28px;
                    height: 40px;
                    width: 40px;
                    justify-content: center;
                    align-items: center;
                    color: #FFFFFF;
                    border-radius: 5px;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest {
                position: relative;
                display: block;
                width: 100%;
                height: 60%;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
                    position: relative;
                    display: flex;
                    padding: 40px;
                    padding-bottom: 10px;
                    align-items: center;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
                        position: relative;
                        display: flex;
                        width: 40px;
                        height: 40px;
                        justify-content: center;
                        align-items: center;
                        font-size: 32px;
                        background: #36B4E5;
                        color: #FFFFFF;
                        border-radius: 5px;
                        margin-right: 10px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
                        position: relative;
                        display: block;
                        font-size: 26px;
                        font-weight: 600;
                        color: #36B4E5;
                    }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
                    position: relative;
                    display: block;
                    margin: 20px;
                    border: 2px solid #D7D7D7;
                    border-radius: 10px;
                    padding: 30px 0;
                }

        div.indexPan div.indexPanUnit div.secPromos {
            position: relative;
            display: inline-block;
            width: calc(30%);
            height: 100%;
            vertical-align: top;
        }

div.secPromTarj {
    position: relative;
    display: flex;
    margin: 20px 40px;
    padding: 10px 20px;
    height: calc(60% - 80px);
    border: 2px solid #D9D9D9;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

    div.secPromTarj div.secPromTitle {
        position: relative;
        display: block;
        text-align: center;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
        color: #ED7422;
    }

    div.secPromTarj div.secPromTxt {
        position: relative;
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
        color: #3CB4E5;
    }

    div.secPromTarj div.secPromImg {
        position: relative;
        display: flex;
        width: 100%;
        height: 230px;
    }

        div.secPromTarj div.secPromImg img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

    div.secPromTarj div.secPromBtn {
        position: relative;
        display: block;
        padding: 10px 0;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        border: 2px solid;
        color: #ED7422;
        border-radius: 10px;
        cursor: pointer;
    }

div.secPromDrog {
    position: relative;
    display: flex;
    margin: 20px 40px;
    padding: 10px;
    height: calc(40% - 60px);
    border: 2px solid #D9D9D9;
    border-radius: 10px;
}

    div.secPromDrog a {
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        div.secPromDrog a img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

div.popPromos {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.8);
    z-index: 18;
}

    div.popPromos div.popPromoItem {
        position: relative;
        display: flex;
        width: 28%;
        height: 35%;
        justify-content: center;
        align-items: center;
        margin: 0 10px;
    }

        div.popPromos div.popPromoItem a {
            position: relative;
            display: flex;
            width: 100%;
            height: 100%;
        }

            div.popPromos div.popPromoItem a img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
            }

    div.popPromos div.clPromoPop {
        position: absolute;
        display: flex;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        justify-content: center;
        align-items: center;
        border: 5px solid #FFFFFF;
        color: #FFFFFF;
        font-size: 30px;
        border-radius: 50%;
        cursor: pointer;
    }

.btnMenuSect {
    position: relative;
    display: flex;
    width: 90%;
    justify-content: center;
    margin: 0px auto;
}

    .btnMenuSect .slidArrows {
        width: 80% !important;
        bottom: 30% !important;
    }

.btnMenuCont {
    position: relative;
    display: -webkit-inline-box;
    justify-content: center;
    align-items: center;
    width: 70%;
    padding: 15px 0px;
    overflow: auto;
}

.btnMenu {
    position: relative;
    display: block;
    width: 10%;
    height: 100px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
    margin: 0px 15px;
    color: #6F6F6F;
    cursor: pointer;
    transition: .5s;
    font-size: 0.7em;
}

    .btnMenu:hover {
        background: #959595;
        color: #FFFFFF;
    }

    .btnMenu.activo {
        background: #959595;
        color: #FFFFFF;
    }

        .btnMenu.activo .menuIcon .bttnIco .iconOpt {
            opacity: 0 !important;
        }

            .btnMenu.activo .menuIcon .bttnIco .iconOpt.hover {
                opacity: 1 !important;
            }

.menuIcon {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    height: 75%;
    align-items: center;
}

    .menuIcon span {
        font-size: 2em;
        color: #63A9D2;
    }

.bttnIco {
    position: relative;
    display: inline-block;
    margin: 5px auto;
    width: 100%;
    height: 100%;
}

.iconOpt {
    width: 100%;
    height: 90%;
    text-align: center;
    position: absolute;
    margin: 5px auto;
    display: flex;
    justify-content: center;
    transition: .5s;
}

    .iconOpt.hover {
        opacity: 0;
    }

.slider {
    position: relative;
    display: flex;
    width: 80%;
    justify-content: center;
    height: 330px;
    margin: 15px auto;
}

.sliderHolder {
    position: relative;
    display: -webkit-inline-box;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    width: 100em;
    margin-top: 0px;
}

.cuponSec {
    display: block;
}

    .cuponSec .convSect {
        grid-template-columns: repeat(auto-fit, minmax(25em, 0fr));
    }

.sectTtle {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px auto;
    padding: 15px 0px;
    background: var(--fondo-naranja);
    filter: drop-shadow(2px 4px 6px var(--borde-naranja));
}

    .sectTtle label {
        position: relative;
        font-size: 2.5em;
        font-weight: 600;
        color: #FFFFFF;
        left: 7.5%;
    }

.sliderUnit {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    transition: .5s;
    background: #CACACA;
    right: 0%;
}

.sliderHolder .sliderUnit .imgSlidHold {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin-bottom: 200px;
}

    .sliderHolder .sliderUnit .imgSlidHold img {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    .sliderHolder .sliderUnit .imgSlidHold .imgContSlide {
        position: relative;
        display: block;
        width: 100%;
        height: 26em;
        top: 3em;
        left: 0;
        right: 0;
        overflow: hidden;
        z-index: 1;
        filter: drop-shadow(2px 4px 6px var(--hoverbutn--background));
    }

        .sliderHolder .sliderUnit .imgSlidHold .imgContSlide img {
            position: relative;
            display: block;
            width: 100%;
            object-fit: cover;
        }

div.indexPan div.indexPanUnit .slidArrows {
    position: absolute;
    display: flex;
    width: 110%;
    bottom: 45%;
}

    div.indexPan div.indexPanUnit .slidArrows .slideSwch {
        position: relative;
        display: flex;
        width: 100%;
        margin: 0px auto;
        justify-content: space-between;
    }

        div.indexPan div.indexPanUnit .slidArrows .slideSwch .arrwCont {
            position: relative;
            display: flex;
            font-size: 3.5em;
            opacity: .4;
            cursor: pointer;
            transition: .5s;
        }

            div.indexPan div.indexPanUnit .slidArrows .slideSwch .arrwCont:hover {
                opacity: .7;
            }

.resultSec {
    display: none;
}

.cuponResul {
    display: none;
}

div.indexPan div.indexPanUnit .slidDots {
    position: relative;
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: center;
    z-index: 4;
}

    div.indexPan div.indexPanUnit .slidDots .selBann {
        position: relative;
        display: flex;
        margin: 0px 5px;
    }

        div.indexPan div.indexPanUnit .slidDots .selBann span {
            position: relative;
            display: block;
            content: '';
            width: 25px;
            margin: 0px 3px;
            height: 25px;
            background: #FFFFFF;
            border-radius: 50%;
            cursor: pointer;
            transition: .5s;
            box-shadow: 10px 10px 10px rgb(0 0 0 / 70%);
        }

.convSect {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(29em, 0fr));
    position: relative;
    height: 100%;
    width: 100%;
    margin: 45px auto;
    gap: 2em;
    justify-content: center;
    align-items: center;
}

.convCont {
    position: relative;
    display: block;
    padding: 15px;
    background: #FAFAFA;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
}

    .convCont.mobile {
        width: 90%;
        margin: 10px auto;
        display: none;
    }

        .convCont.mobile .convImg {
            position: relative;
            display: -webkit-inline-box;
            vertical-align: top;
            overflow: auto;
            height: 320px;
            width: 100%;
        }

            .convCont.mobile .convImg .imghold {
                margin: 10px 2px;
                height: 90%;
            }

                .convCont.mobile .convImg .imghold img {
                    filter: none;
                    object-fit: fill;
                }

        .convCont.mobile .slidArrows {
            display: flex !important;
            bottom: 77% !important;
            left: 0;
        }

            .convCont.mobile .slidArrows .slideSwch {
                width: 100% !important;
            }

                .convCont.mobile .slidArrows .slideSwch .arrwCont {
                    font-size: 1.8em !important;
                    opacity: 1 !important;
                }

    .convCont .convTxt {
        position: relative;
        display: flex;
        justify-content: space-between;
        width: 95%;
        align-items: center;
        margin: 0px auto;
        padding-top: 10px;
    }

        .convCont .convTxt .convName {
            font-size: 1.5em;
            font-weight: 600;
        }

        .convCont .convTxt .convLoc {
            position: relative;
            display: block;
            text-align: initial;
            font-weight: 600;
            color: #4D4D4D;
        }

            .convCont .convTxt .convLoc span.cityTxt {
                font-size: 0.8em;
            }

    .convCont .convImg {
        position: relative;
        display: flex;
        height: 325px;
        margin: 15px auto;
    }

        .convCont .convImg img {
            height: 100%;
            width: 100%;
            object-fit: contain;
            filter: drop-shadow(2px 4px 3px var(--hoverbutn--background));
        }

    .convCont .convBtnn {
        position: relative;
        display: flex;
        width: 95%;
        justify-content: flex-end;
        margin: 15px auto;
    }

    .convCont .convDescrp {
        position: relative;
        display: block;
        margin: 10px auto;
        width: 95%;
        height: 75px;
        font-size: 1.4em;
        color: #4D4D4D;
        overflow: auto;
    }

.cuponCont {
    position: relative;
    display: block;
    padding: 15px;
    background: #FAFAFA;
    cursor: pointer;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
    border-radius: 12px;
    transition: .5s;
}

    .cuponCont:hover {
        background: #F39256;
        color: #FFFFFF;
    }

    .cuponCont .convImg {
        position: relative;
        display: flex;
        height: 16em;
        margin: 15px auto;
    }

        .cuponCont .convImg img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

    .cuponCont .cuponInfo {
        position: relative;
        display: block;
        height: 7em;
        overflow: auto;
    }

        .cuponCont .cuponInfo .cuponName {
            font-size: 1.6em;
            font-weight: 600;
        }

        .cuponCont .cuponInfo .gnrlInfo {
            font-size: 1.2em;
        }

    .cuponCont .precioCont {
        position: relative;
        display: block;
        width: 100%;
        margin: 10px 0px;
    }

        .cuponCont .precioCont .descCont {
            position: relative;
            display: flex;
            width: 15%;
            border: 2px solid #F28542;
            border-radius: 5px;
            justify-content: center;
            align-items: center;
            margin: 5px 0px;
            padding: 2px 0px;
            font-size: 1.1em;
            font-weight: 600;
            margin-right: 10px;
            color: #F28542;
        }

        .cuponCont .precioCont .valCont {
            position: relative;
            display: block;
            width: 70%;
        }

            .cuponCont .precioCont .valCont .descVal {
                position: relative;
                display: flex;
                font-size: 1.3em;
                color: #F28542;
            }

            .cuponCont .precioCont .valCont .normVal span:nth-child(1) {
                font-size: 0.8em;
            }

.emprNombre {
    position: relative;
    display: flex;
    width: 85%;
    margin: 25px auto;
}

    .emprNombre label {
        font-size: 2.2em;
        font-weight: 600;
        color: #959595;
    }

.emprDeatilCont {
    position: relative;
    display: block;
    width: 85%;
    margin: 10px auto;
    background: #FAFAFA;
}

.convCateg {
    position: relative;
    display: flex;
    font-size: 1.5em;
    font-weight: 600;
    color: #959595;
    padding: 15px 0px;
    margin: 0px auto;
    width: 96%;
}

.imghold {
    position: relative;
    display: flex;
    width: 90%;
    margin: 10px auto;
}

    .imghold img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.benfName {
    position: relative;
    display: block;
    width: 50%;
    margin: 15px auto;
}

    .benfName label {
        font-size: 1.5em;
        font-weight: 600;
    }

.descrEmpre {
    position: relative;
    display: block;
}

.infoEmpr {
    position: relative;
    display: flex;
    width: 100%;
    margin: 10px auto;
    height: 100%;
}

.benefInfoCont {
    position: relative;
    display: flex;
    width: 100%;
}

.condInfoCont {
    position: relative;
    display: block;
    width: 50%;
    font-size: 1.5em;
    margin: 15px 20px;
    color: #959595;
}

    .condInfoCont label {
        font-weight: 600;
    }

    .condInfoCont ul {
        position: relative;
        display: block;
        width: 85%;
        margin: 10px auto;
        margin-left: 30px;
        font-size: 1em;
    }

        .condInfoCont ul li {
            list-style: disc;
        }

.benefImgCont {
    position: relative;
    display: flex;
    width: 50%;
    margin: 5px 20px;
    height: 430px;
}

.listDescrp {
    position: relative;
    display: block;
    margin: 15px 0px;
    font-size: 1.5em;
    height: 70%;
    overflow: auto;
    color: #959595;
}

    .listDescrp label {
        font-weight: 600;
    }

    .listDescrp ul {
        position: relative;
        display: block;
        width: 90%;
        margin: 10px auto;
        margin-left: 30px;
    }

        .listDescrp ul li {
            position: relative;
            list-style: disc;
            margin-bottom: 5px;
        }

            .listDescrp ul li a {
                color: #F48742;
                font-weight: 500;
                cursor: pointer;
            }

.imgPrev {
    position: relative;
    display: block;
    width: 20%;
    margin: 0px 5px;
    height: 90%;
    overflow: auto;
}

    .imgPrev .imgMuestra.imghold.activo {
        border: 3px solid #F48742;
        border-radius: 3px;
    }

    .imgPrev .imghold {
        cursor: pointer;
        border: 3px;
        padding: 2px;
    }

.imgViz {
    position: relative;
    display: flex;
    width: 80%;
    height: 100%;
    margin: 0px 5px;
}

    .imgViz .imghold {
        height: 90%;
    }

.esloCont {
    position: relative;
    display: block;
    margin: 15px auto;
    font-weight: 600;
    color: #959595;
}

.descripConv {
    position: relative;
    display: flex;
    margin: 15px auto;
}

.urlCont {
    position: relative;
    display: block;
    margin: 5px 0;
    font-weight: 600;
}

    .urlCont a {
        color: #F28542;
    }

.benefdesc {
    position: relative;
    display: block;
    width: 40%;
}

.benfInfo {
    position: relative;
    display: flex;
    width: 100%;
}

.emprInfoCont {
    position: relative;
    display: flex;
    width: 85%;
    margin: auto;
    justify-content: space-between;
    font-size: 1.1em;
}

    .emprInfoCont .dwnBttn {
        position: relative;
        display: flex;
        width: 20%;
        height: 70px;
        justify-content: center;
    }

        .emprInfoCont .dwnBttn button {
            width: 80%;
            font-size: 1.2em;
            font-weight: 900;
        }

.infoHold {
    position: relative;
    display: block;
    width: 24%;
    padding: 10px 0px;
    border-right: 1px solid;
    height: 65px;
    box-shadow: 7px 0 8px -2px rgb(0 0 0 / 30%);
    color: #959595;
    overflow: auto;
}

    .infoHold label {
        font-size: 1.2em;
        font-weight: 600;
    }

    .infoHold ul {
        position: relative;
        display: block;
        width: 90%;
        margin: 10px auto;
        margin-left: 25px;
    }

        .infoHold ul li {
            list-style: disc;
            position: relative;
            margin-bottom: 5px;
        }

.txtCont {
    position: relative;
    display: block;
    margin: 10px auto;
}

.oferLogoCont {
    position: relative;
    display: flex;
    width: 50%;
    justify-content: center;
}

    .oferLogoCont .imgHold {
        position: relative;
        display: flex;
        width: 70%;
        height: 100%;
    }

        .oferLogoCont .imgHold img {
            height: 100%;
            width: 100%;
            object-fit: contain;
        }

.servBenefCont {
    position: relative;
    display: flex;
    width: 85%;
    margin: 10px auto;
    background: #FAFAFA;
    padding: 20px;
}

.servList {
    position: relative;
    display: block;
    width: 50%;
    border-right: 2px solid #686868;
    font-size: 1.8em;
    font-weight: 800;
    margin-right: 20px;
}

.infoBenefTxt {
    position: relative;
    display: flex;
    width: 50%;
}

    .infoBenefTxt .txtInfo label:nth-child(1) {
        font-size: 1.5em;
        font-weight: 800;
    }

    .infoBenefTxt .txtInfo label:nth-child(2) {
        font-weight: 700;
    }

    .infoBenefTxt .txtInfo span {
        font-size: 0.7em;
        font-weight: 700;
    }

.myrInfoCont {
    position: relative;
    display: flex;
    width: 85%;
    margin: 25px auto;
}

.telTxt {
    position: relative;
    display: block;
    width: 50%;
    font-size: 1.8em;
    font-weight: 600;
}

.btnCall {
    position: relative;
    display: flex;
    background: #0091D2;
    padding: 6px;
    width: 45%;
    border-radius: 30px;
    margin: 10px 0px;
    border: 5px solid #FFFFFF;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
    z-index: 5;
    cursor: pointer;
}

    .btnCall a {
        position: relative;
        display: flex;
        width: 100%;
        justify-content: space-evenly;
        align-items: center;
        color: #FFFFFF;
    }

.telIcon {
    position: relative;
    display: flex;
    padding: 6px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    font-size: 0.8em;
}

.txtInfo {
    position: relative;
    display: flex;
    width: 100%;
}

.tarjImg {
    position: relative;
    display: flex;
    width: 40%;
}

/*******************************************Item Busqueda Medica**************************************/
div.promoContConv {
    position: relative;
    display: inline-flex;
    width: calc(50% - 107px);
    border: 2px solid #D9D9D9;
    padding: 10px 30px;
    margin: 10px 20px;
    font-size: 0;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(150 150 150 / 50%);
    cursor: pointer;
}

    div.promoContConv div.promoImgSpc {
        position: relative;
        display: block;
        width: 35%;
    }

        div.promoContConv div.promoImgSpc div.imgCont {
            position: relative;
            display: block;
            width: 100%;
            height: 160px;
        }

            div.promoContConv div.promoImgSpc div.imgCont img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top;
            }

        div.promoContConv div.promoImgSpc div.imgBtn {
            position: relative;
            display: block;
            width: 100%;
            margin-top: 10px;
        }

            div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp {
                position: relative;
                display: flex;
                padding: 5px 0;
                background: #ED7422;
                color: #FFFFFF;
                cursor: pointer;
                justify-content: center;
                align-items: center;
                border-radius: 10px;
            }

                div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj {
                    position: relative;
                    display: flex;
                    height: 25px;
                    margin-left: 5px;
                }

                    div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj img {
                        width: 35px;
                    }

                div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTxt {
                    position: relative;
                    display: block;
                    font-size: 18px;
                    font-weight: 600;
                    margin-left: 5px;
                }

    div.promoContConv div.promoTxtSpc {
        position: relative;
        display: block;
        font-size: 16px;
        width: 65%;
        margin-left: 10px;
    }

        div.promoContConv div.promoTxtSpc div.promTxtTitle {
            position: relative;
            display: block;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        div.promoContConv div.promoTxtSpc div.promTxtCont {
            position: relative;
            display: block;
            font-size: 14px;
            margin-bottom: 10px;
        }

        div.promoContConv div.promoTxtSpc div.promTxtExtr {
            position: absolute;
            display: flex;
            width: calc(100% + 30px);
            bottom: 0;
            margin-bottom: 10px;
            justify-content: space-between;
            align-items: center;
        }

            div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtDesc {
                position: relative;
                display: block;
                background: #E9BB61;
                padding: 10px 30px 10px 10px;
                border-radius: 0 20px 20px 0;
                color: #FFFFFF;
                font-weight: 600;
            }

            div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
                position: relative;
                display: block;
                background: #ED7422;
                padding: 5px;
                padding-left: 20px;
                border-radius: 20px 0 0 20px;
                color: #FFFFFF;
                font-weight: 600;
            }

                div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike img {
                    position: relative;
                    display: block;
                    height: 50px;
                    margin: auto;
                    margin-bottom: 5px;
                }

/*******************************************Nuevo Resultado Profesional**************************************/
div.resulBusNew {
    position: relative;
    display: block;
    width: 100%;
}

    div.resulBusNew div.resulBusOpcns {
        position: relative;
        display: inline-block;
        width: calc(70% - 5px);
        font-size: 0;
        vertical-align: top;
    }

        div.resulBusNew div.resulBusOpcns div {
            font-size: 16px;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms {
                position: fixed;
                display: block;
                padding: 10px;
                width: 68%;
                background: #E5E5E5;
                z-index: 2;
            }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
                    position: relative;
                    display: flex;
                    align-items: center;
                }

                    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic.resulTermsOfert {
                        display: none;
                    }

                    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                        position: relative;
                        display: block;
                        width: 33%;
                        margin: 0 5px;
                    }

                    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                        position: relative;
                        display: block;
                        width: 20%;
                        padding: 10px 20px;
                        background: #EB6D17;
                        border-radius: 10px;
                        color: #FFFFFF;
                        font-weight: 600;
                        cursor: pointer;
                        text-align: center;
                        transition: .5s;
                    }

                        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn.resBuscPromo {
                            width: 40%;
                        }

                    div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resMedicIcon {
                        position: relative;
                        display: flex;
                        font-size: 30px;
                        color: #FFFFFF;
                        background: #EB6D17;
                        width: 50px;
                        height: 40px;
                        justify-content: center;
                        align-items: center;
                        border-radius: 5px;
                    }

            div.resulBusNew div.resulBusOpcns div.resulTitle {
                position: relative;
                display: flex;
                margin: 10px 35px;
                align-items: center;
                padding-top: 60px;
            }

                div.resulBusNew div.resulBusOpcns div.resulTitle span {
                    position: relative;
                    display: flex;
                    width: 40px;
                    height: 40px;
                    justify-content: center;
                    align-items: center;
                    font-size: 30px;
                    background: #37B8D4;
                    color: #FFFFFF;
                    border-radius: 5px;
                }

                div.resulBusNew div.resulBusOpcns div.resulTitle label {
                    position: relative;
                    display: block;
                    margin-left: 10px;
                    font-size: 24px;
                    font-weight: 600;
                    color: #37B8D4;
                }

            div.resulBusNew div.resulBusOpcns div.barrResul {
                position: relative;
                display: block;
                margin: 0 10px;
            }

    div.resulBusNew div.resulBusPromos div.servLista {
        position: relative;
        display: block;
        width: 95%;
        max-height: 520px;
        margin: auto;
        overflow: auto;
        margin-top: 5px;
        border-top: 2px solid #D4D4D4;
    }

        div.resulBusNew div.resulBusPromos div.servLista div.servListItem {
            position: relative;
            display: block;
            padding: 10px 20px;
            cursor: pointer;
            transition: .5s;
        }

            div.resulBusNew div.resulBusPromos div.servLista div.servListItem:hover {
                background: rgba(55,184,212,.5);
                transition: .5s;
            }

            div.resulBusNew div.resulBusPromos div.servLista div.servListItem span {
                position: relative;
                display: block;
                font-size: 18px;
                font-weight: 600;
            }

            div.resulBusNew div.resulBusPromos div.servLista div.servListItem ~ div.servListItem {
                border-top: 2px solid #D4D4D4;
            }

    div.resulBusNew div.resulBusPromos {
        position: fixed;
        display: inline-block;
        width: calc(30% - 80px);
        height: calc(100vh - 170px);
        font-size: 0;
        vertical-align: top;
        margin: 20px;
        padding: 20px;
        padding-bottom: 5px;
        border: 2px solid #D4D4D4;
        border-radius: 20px;
        background: #FFFFFF;
        z-index: 3;
    }

        div.resulBusNew div.resulBusPromos div.busPromoImg {
            position: relative;
            display: flex;
            width: 100%;
            height: 55%;
        }

            div.resulBusNew div.resulBusPromos div.busPromoImg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top;
            }

        div.resulBusNew div.resulBusPromos div.promoBtn {
            position: relative;
            display: block;
            text-align: center;
            margin: 20px 0 20px;
            padding: 10px 0;
            font-size: 18px;
            font-weight: 600;
            color: #EC7421;
            border: 2px solid #EC7421;
            border-radius: 10px;
            cursor: pointer;
        }

        div.resulBusNew div.resulBusPromos div.membClubOfert {
            position: relative;
            display: flex;
            width: 100%;
            height: 200px;
        }

            div.resulBusNew div.resulBusPromos div.membClubOfert img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
            }


span.alphaSelecServ {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
}

div.resulBusPromos div {
    font-size: 16px;
}

    div.resulBusPromos div.secPromTarj,
    div.resulBusPromos div.secPromDrog {
        padding: 0 !important;
        margin: 20px 0;
    }

    div.resulBusPromos div.secPromDrog {
        height: calc(40% - -20px);
        border: 0;
    }

/*******************************************Cupones Detalle**************************************/
.cupNmbre {
    position: relative;
    display: flex;
    width: 95%;
    margin: 20px auto;
}

    .cupNmbre label {
        font-size: 2.2em;
        font-weight: 600;
    }

.cuponDeatilCont {
    position: relative;
    display: block;
    width: 90%;
    margin: 35px auto;
    height: 38em;
    padding: 15px;
    border: 3px solid #F48742;
    border-radius: 10px;
}

    .cuponDeatilCont .cupNmbre {
        color: #F28542;
    }

    .cuponDeatilCont .detailInfo {
        position: relative;
        display: flex;
        height: 85%;
        margin: 10px auto;
    }

    .cuponDeatilCont .cuponImg {
        position: relative;
        display: flex;
        width: 40%;
        align-items: flex-start;
    }

    .cuponDeatilCont .cuponDtlInfo {
        position: relative;
        display: flex;
        width: 55%;
        margin: 0 auto;
        height: 90%;
    }

        .cuponDeatilCont .cuponDtlInfo .infoCont {
            position: relative;
            display: flex;
            width: 100%;
        }

            .cuponDeatilCont .cuponDtlInfo .infoCont .textCont {
                position: relative;
                display: block;
                width: 45%;
                font-size: 1.5em;
                height: 90%;
                overflow: auto;
                margin: 0 15px;
                background: #E9E9E9;
                box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
                padding: 10px;
                border-radius: 10px;
            }

                .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon {
                    position: relative;
                    display: block;
                    margin: 10px auto;
                }

                    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon .precioCont .descCont {
                        font-size: 1.5em;
                        font-weight: 600;
                        color: #F28543;
                    }

                    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon .precioCont .valCont .descVal {
                        font-size: 1.1em;
                        font-weight: 600;
                    }

                    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon .precioCont .valCont .normVal span:nth-child(1) {
                        font-size: 0.8em;
                        color: #F28542;
                        font-weight: 600;
                    }

                    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon ul {
                        margin-left: 30px;
                        margin-bottom: 15px;
                    }

                        .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon ul li {
                            list-style: disc;
                            margin: 5px auto;
                        }

                    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont .infoCupon label.naranja {
                        color: #F28542;
                        font-weight: 600;
                    }

.cuponDetail .servBenefCont {
    background: #FFFFFF;
    width: 90%;
}

    .cuponDetail .servBenefCont .infoBenefTxt {
        background: #FAFAFA;
    }

/*******************************************Resultado Profesional**************************************/
div.buscDivCont {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

    div.buscDivCont div.buscFormCont {
        position: fixed;
        display: inline-block;
        width: 35%;
        vertical-align: top;
        z-index: 2;
    }

        div.buscDivCont div.buscFormCont div.busFormTitle {
            position: relative;
            display: block;
            text-align: center;
            margin: 20px 0;
            font-size: 32px;
            font-weight: 600;
            color: #36A4D6;
        }

        div.buscDivCont div.buscFormCont div.buscFormCampo {
            position: relative;
            display: block;
            width: 80%;
            margin: 10px auto;
        }

        div.buscDivCont div.buscFormCont div.buscFormBtn {
            position: relative;
            display: block;
            width: 88%;
            margin: 10px auto;
            text-align: center;
        }

div.btonco {
    width: 27%;
    display: inline-block;
}

div.campProf {
    width: 64%;
    display: inline-block;
}

div.buscDivCont div.buscFormCont div.propContainer {
    position: relative;
    display: block;
    width: 80%;
    margin: auto;
    margin-top: 20px;
}

    div.buscDivCont div.buscFormCont div.propContainer img {
        width: 100%;
        height: 240px;
        object-fit: contain;
    }

div.buscDivCont div.resulFormCont {
    position: relative;
    display: inline-block;
    width: calc(65% - 5px);
    vertical-align: top;
    padding-left: 35%;
}

div.profItemRes {
    position: relative;
    display: inline-block;
    margin: 10px;
    width: calc(50% - 23px);
    vertical-align: top;
    background: #E6E6E6;
}

    div.profItemRes div.profFoto {
        position: relative;
        display: flex;
        width: 100%;
        height: 90px;
        justify-content: center;
        align-items: center;
        padding: 10px 0 0;
    }

        div.profItemRes div.profFoto div.profFotoCont {
            position: relative;
            display: flex;
            width: 90px;
            height: 90px;
            justify-content: center;
            border-radius: 50%;
            overflow: hidden;
            background: #FFFFFF;
        }

            div.profItemRes div.profFoto div.profFotoCont img {
                height: 100%;
                width: auto;
            }

    div.profItemRes div.profInfo {
        position: relative;
        display: block;
        margin: 10px 0;
    }

        div.profItemRes div.profInfo div.profNombre {
            position: relative;
            display: block;
            text-align: center;
        }

        div.profItemRes div.profInfo div.profNombre {
            position: relative;
            display: block;
            text-align: center;
            font-size: 18px;
            font-weight: 600;
            color: #36A4D6;
        }

        div.profItemRes div.profInfo div.profProfesion {
            position: relative;
            display: block;
            text-align: center;
            font-size: 14px;
            margin-bottom: 5px;
        }

        div.profItemRes div.profInfo div.profDesc {
            position: relative;
            display: block;
            margin: 0 20px;
            font-size: 12px;
            max-height: 40px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        div.profItemRes div.profInfo div.profDireccion {
            position: relative;
            display: block;
            font-size: 14px;
            text-align: center;
            margin: 10px 40px;
        }

            div.profItemRes div.profInfo div.profDireccion span {
                position: relative;
                display: block;
                text-align: center;
                font-size: 13px;
                font-weight: 600;
                color: #222222;
            }

                div.profItemRes div.profInfo div.profDireccion span.otServ {
                    background: #EE7920;
                    color: #FFFFFF;
                    cursor: pointer;
                    font-weight: 500;
                    width: 40%;
                    margin: 5px auto;
                    padding: 5px 10px;
                    border-radius: 10px;
                }

            div.profItemRes div.profInfo div.profDireccion div.profArchOt {
                position: relative;
                display: block;
            }

    div.profItemRes div.profServList {
        position: relative;
        display: none;
    }

        div.profItemRes div.profServList div.profSListCont {
            position: relative;
            display: block;
            max-height: 200px;
            overflow: auto;
            padding: 10px 0;
            width: 90%;
            margin: auto;
        }

            div.profItemRes div.profServList div.profSListCont div.servItem {
                position: relative;
                display: flex;
                padding: 5px 20px;
                border-bottom: 2px solid #FFFFFF;
                justify-content: space-between;
                cursor: pointer;
                transition: .5s;
            }

                div.profItemRes div.profServList div.profSListCont div.servItem span.iconArrow {
                    color: #EE7920;
                }

        div.profItemRes div.profServList div.profSBack {
            position: relative;
            display: flex;
        }

            div.profItemRes div.profServList div.profSBack span.basicServ {
                background: #EE7920;
                color: #FFFFFF;
                cursor: pointer;
                font-size: 13px;
                font-weight: 500;
                width: 40%;
                text-align: center;
                margin: 5px auto;
                padding: 5px 10px;
                border-radius: 10px;
            }

    div.profItemRes div.profSTItle {
        position: relative;
        display: block;
        text-align: center;
        margin: 20px 0 10px;
        font-size: 18px;
        font-weight: 600;
        color: #36BAD6;
    }

    div.profItemRes div.profBtnConsul {
        position: relative;
        display: flex;
        background: #BBBBBB;
        margin: 10px 0;
        padding: 0 10px;
        align-items: flex-end;
    }

        div.profItemRes div.profBtnConsul div.btnHolderCon {
            position: relative;
            display: block;
            margin: 5px 10px;
            width: 50%;
            text-align: center;
            color: #FFFFFF;
        }

            div.profItemRes div.profBtnConsul div.btnHolderCon label {
                position: relative;
                display: block;
                font-size: 14px;
                margin-bottom: 5px;
                text-align: left;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon span {
                position: relative;
                display: block;
                padding: 5px 10px;
                margin: auto;
                border: 3px solid;
                font-weight: 600;
                cursor: pointer;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCBlue span {
                border-color: #36BAD6;
                background: #36BAD6;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCOrng span {
                border-color: #EE7920;
                background: #EE7920;
            }

            div.profItemRes div.profBtnConsul div.btnHolderCon.btnHCOrng label {
                color: #EE7920;
            }

    div.profItemRes div.profBtnSolicCita {
        position: relative;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

        div.profItemRes div.profBtnSolicCita label {
            position: relative;
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
        }

        div.profItemRes div.profBtnSolicCita div.pagCit {
            position: relative;
            display: block;
            margin: 10px 20px;
            padding: 5px 0;
            font-size: 18px;
            box-shadow: 5px 5px 5px rgba(0,0,0,.5);
            cursor: pointer;
            color: #FFFFFF;
        }

            div.profItemRes div.profBtnSolicCita div.pagCit.citCall {
                background: #36BAD6;
            }

                div.profItemRes div.profBtnSolicCita div.pagCit.citCall a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

            div.profItemRes div.profBtnSolicCita div.pagCit.citOn {
                background: #3698D6;
            }

div.popServBusc {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.5);
    justify-content: center;
    align-items: center;
    z-index: 20;
}

    div.popServBusc div.popServBuscCont {
        position: relative;
        display: block;
        width: 40%;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
    }

        div.popServBusc div.popServBuscCont div.popSTitle {
            position: relative;
            display: block;
            text-align: center;
            margin-bottom: 20px;
            font-size: 24px;
        }

            div.popServBusc div.popServBuscCont div.popSTitle span {
                position: relative;
                display: block;
                font-size: 18px;
            }

        div.popServBusc div.popServBuscCont div.popSVal {
            position: relative;
            display: flex;
            align-items: center;
        }

            div.popServBusc div.popServBuscCont div.popSVal div.popValBtn {
                position: relative;
                display: block;
                width: 50%;
                margin: 10px 0;
                text-align: center;
            }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn label {
                    position: relative;
                    display: block;
                    text-align: center;
                    font-size: 14px;
                    margin-bottom: 5px;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn span.btnVal {
                    position: relative;
                    display: block;
                    padding: 10px 20px;
                    width: min-content;
                    margin: auto;
                    color: #FFFFFF;
                    border-radius: 10px;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn:nth-child(1) span.btnVal {
                    background: #36A3D5;
                }

                div.popServBusc div.popServBuscCont div.popSVal div.popValBtn:nth-child(2) span.btnVal {
                    background: #ED7920;
                }

        div.popServBusc div.popServBuscCont div.popSClose {
            position: absolute;
            display: flex;
            right: 10px;
            top: 10px;
            width: 25px;
            height: 25px;
            color: #FFFFFF;
            background: #ED7920;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            cursor: pointer;
        }

        div.popServBusc div.popServBuscCont div.popSCita {
            position: relative;
            display: block;
            text-align: center;
            margin-top: 10px;
        }

            div.popServBusc div.popServBuscCont div.popSCita label {
                position: relative;
                display: block;
                margin-bottom: 5px;
            }

            div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn {
                position: relative;
                display: block;
                width: 80%;
                margin: 10px auto;
                padding: 7px 0;
                text-transform: uppercase;
                font-size: 18px;
                cursor: pointer;
                box-shadow: 5px 5px 10px rgba(0,0,0,.5);
                transition: .5s;
            }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn:nth-child(2) {
                    background: #36BAD6;
                }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn:nth-child(3) {
                    background: #3698D6;
                }

                div.popServBusc div.popServBuscCont div.popSCita div.popSCitaBtn span {
                    color: #FFFFFF;
                }

/************************************************Other*******************************************/
input.inputField,
select.inputField,
textarea.inputField {
    position: relative;
    display: block;
    width: calc(100% - 24px);
    padding: 10px;
    border: 2px solid #a5a5a5;
    border-radius: 10px;
}

select.inputField {
    width: 100%;
}

input.inputField {
    padding: 12px 10px;
}

input.inputBlue,
select.inputBlue,
textarea.inputBlue {
    position: relative;
    display: block;
    width: calc(100% - 24px);
    background: #ED7422;
    color: #FFFFFF;
    padding: 10px;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
}

    textarea.inputBlue, input.inputBlue::placeholder {
        color: #FFFFFF;
        text-transform: uppercase;
    }

select.inputBlue {
    width: 100%;
}

input.inputHome,
select.inputHome,
textarea.inputHome {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ED7422;
    border-radius: 10px;
}

input.error,
select.error,
textarea.error {
    border: 2px solid #EB3941;
}

button.btnGeneral,
span.btnGeneral {
    position: relative;
    display: block;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: .5s;
}

    button.btnGeneral.negro {
        font-size: 1.3em;
        width: 32%;
        font-weight: 700;
        color: var(--boton--color);
        background: #4D4D4D;
        transition: .5s;
    }

        button.btnGeneral.negro:hover {
            background: var(--hoverbutn--background);
            transition: .5s;
        }

    button.btnGeneral.naranja {
        background: #EE7920;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.naranja:hover {
            background: #ee914a;
            transition: .5s;
        }

    button.btnGeneral.azul {
        background: #228AE7;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.azul:hover {
            background: #61a9ea;
            transition: .5s;
        }

    button.btnGeneral.rojo {
        background: #DD5246;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.rojo:hover {
            background: #ea766b;
            transition: .5s;
        }

    button.btnGeneral.payU {
        background: #BAD000;
        color: #FFFFFF;
        transition: .5s;
    }

        button.btnGeneral.payU:hover {
            background: #c0cf3a;
            transition: .5s;
        }

    span.btnGeneral.whats {
        background: #25D366;
        color: #FFFFFF;
        transition: .5s;
    }

        span.btnGeneral.whats:hover {
            background: #128C7E;
            transition: .5s;
        }

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

    table.tableSunemedic thead {
        position: relative;
        display: block;
        color: #FFFFFF;
        background: linear-gradient(90deg, rgba(45,182,207,1) 0%, rgba(224,155,38,1) 100%);
        padding: 10px 0;
    }

        table.tableSunemedic thead tr {
            position: relative;
            display: flex;
            width: 100%;
            text-align: center;
        }

    table.tableSunemedic tbody {
        position: relative;
        display: block;
        width: 100%;
    }

        table.tableSunemedic tbody tr {
            position: relative;
            display: flex;
            width: 100%;
            padding: 5px 0;
            text-align: center;
            align-items: center;
        }

            table.tableSunemedic tbody tr:nth-child(2n) {
                background: #F0F0F0;
            }

label.error {
    display: none !important;
}

/*****************************Paginacion*************************************/
div.paginacion {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 3;
}

    div.paginacion ul.paginas {
        position: relative;
        display: inline-flex;
        padding: 5px 20px;
    }

        div.paginacion ul.paginas li.numPagina {
            position: relative;
            display: block;
            padding: 5px 8px;
            cursor: pointer;
            color: rgba(100,100,100,.9);
            font-size: 14px;
            border: solid 1px rgba(200,200,200,.9);
            border-radius: 5px;
            transition: .4s;
        }

        div.paginacion ul.paginas label {
            position: relative;
            display: flex;
            padding: 5px 3px;
        }

        div.paginacion ul.paginas li.numPagina:hover {
            background: rgba(200,200,200,.9);
            transition: .4s;
        }

        div.paginacion ul.paginas li.pagActual {
            position: relative;
            display: block;
            padding: 5px 8px;
            margin: 0 5px;
            font-size: 14px;
            border-radius: 5px;
            border: solid 1px #000000;
            box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5);
        }

            div.paginacion ul.paginas li.pagActual input {
                position: relative;
                display: block;
                color: #000000;
                width: 30px;
                text-align: center;
            }

div.wspButton {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background: #25d366;
    border-radius: 50%;
    box-shadow: 5px 5px 5px rgba(150,150,150,.5);
    cursor: pointer;
    transition: .5s;
    z-index: 18;
}

    div.wspButton span {
        position: relative;
        display: block;
        font-size: 36px;
        color: #FFFFFF;
    }

    div.wspButton:hover {
        right: 22px;
        bottom: 22px;
        box-shadow: 7px 7px 5px rgba(150,150,150,.5);
        transition: .5s;
    }
/**olvido contra**/
div.clsd {
    width: calc(91% - 1px);
    margin: 8px auto;
    display: block;
    position: relative;
}

div.popBlue div.popBlueCont div.popBtnIn.tamañp {
    width: 32%;
    margin: auto;
    text-align: center;
    display: block;
}

div.popBlue.olvidocontr div.popBlueCont {
    width: 40% !important;
}

div.clsd div {
    color: #FFFFFF;
    margin: 7px auto;
}
/*contenedor */
div.fromocl {
    width: calc(80% - 1px);
    margin: auto;
    text-align: center;
    display: block;
}

div.OCULTO {
    display: none;
}

div.radiosb {
    width: calc(50% - 1px );
    margin: 20px auto;
    position: relative;
}

div.conmt {
    width: calc(20% - 1px);
    display: inline-block;
    margin: auto;
}

div.tmnco {
    width: calc(20% - 1px);
    display: inline-block;
    margin: auto;
}

div.CONTEfrom {
    width: calc(70% - 1px);
    margin: 10px auto;
}

div.cintenfech {
    width: calc(70% - 1px);
    margin: 15px auto;
    display: block;
    text-align: left;
}

    div.cintenfech div {
        width: 100%;
        margin: 10px auto;
    }

div.contetilu {
    width: calc(70% - 1px);
    margin: 15px auto;
    font-weight: 600;
}

div.conteninf {
    width: calc(66% - 1px);
    margin: auto;
    text-align: justify;
}

    div.conteninf div {
        width: 100%;
        margin: 10px auto;
    }

div.clabtonn {
    width: calc(24% - 1px);
    position: relative;
    margin: auto;
    display: inline-block;
    text-align: center;
}

    div.clabtonn.ocul {
        display: none;
    }

    div.clabtonn button.btnGeneral.azul {
        margin: auto;
    }

div.clabton {
    width: calc(20% - 1px);
    position: relative;
    display: block;
    margin: 10px auto;
    padding: 5px 0;
    font-size: 18px;
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    cursor: pointer;
    color: #FFFFFF;
    background: #36BAD6;
}

    div.clabton:hover {
        background: #61a9ea;
        transition: .5s;
    }

span.btnGeneral.azul a {
    text-decoration: none;
    color: #FFFFFF;
}

div.tly label {
    font-weight: 600;
    font-size: 18px;
}

ul.footerSitecontac {
    position: relative;
    display: block;
    width: 60%;
    margin: 10px auto;
}

    ul.footerSitecontac li.footerSiteItem label {
        color: #FFFFFF;
        display: block;
        margin: 10px auto;
        width: 100%;
    }

span.nume {
    margin: 10px auto;
    position: relative;
    color: #717579;
    text-transform: lowercase;
    font-weight: 500;
    cursor: pointer;
    font-size: 15px;
    transition: .3s;
    margin-right: 10px;
}

    span.nume:hover {
        color: #FFFFFF;
        transition: .3s;
    }

div.contenimlog {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
}

    div.contenimlog img {
        display: block;
        position: relative;
        height: 100%;
        width: 70%;
        padding: 20px 0;
    }

div.contnred {
    display: inline-flex;
    position: relative;
    justify-content: center;
    width: 100%;
}

div.itenmRES {
    display: inline-flex;
    position: relative;
    width: calc(15%);
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font-size: 30px;
    padding: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    color: #717579;
    transition: .4s;
}

    div.itenmRES a {
        color: #717579;
        transition: .4s;
    }

    div.itenmRES:hover a {
        color: #FFFFFF;
        transition: .4s;
    }

    div.itenmRES.face:hover {
        color: #FFFFFF;
        background: #3B5998;
        transition: .4s;
    }

    div.itenmRES.whatsa:hover {
        color: #FFFFFF;
        background: #25D366;
        transition: .4s;
    }

    div.itenmRES.insta:hover {
        color: #FFFFFF;
        background: linear-gradient(135deg, rgba(65,93,230,1) 0%, rgba(88,81,219,1) 5%, rgba(132,59,181,1) 14%, rgba(192,53,132,1) 27%, rgba(226,50,108,1) 40%, rgba(245,66,66,1) 54%, rgba(245,99,66,1) 65%, rgba(247,118,54,1) 77%, rgba(252,176,69,1) 86%, rgba(255,219,128,1) 100%);
        transition: .4s;
    }

div.valiOcul {
    display: none;
}

div.popBlue div.popRow div.popCampo div {
    margin: auto;
    width: 57%;
    justify-content: center;
}

div.popBlue div.popRow div.popCampo label {
    padding: 13px 0;
    FONT-SIZE: 14px;
}

div.labd {
    width: calc(80% - 1px);
    margin: auto;
    text-align: center;
    color: #FFFFFF;
}

div.clas.rardio {
    width: calc(80% - 1px);
    text-align: center;
    margin: 20px auto;
    display: none;
}

div.r1, div.r2 {
    width: calc(36% - 1px);
    display: inline-block;
    margin: 20px auto;
    color: #FFFFFF;
}

div.rad1 {
    display: none;
}

div.rad2 {
    display: none;
}

/*****************************Paginacion*************************************/
div.paginacion {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 3;
    margin: 0 0 40px 0;
}

    div.paginacion ul.paginas {
        position: relative;
        display: inline-flex;
        padding: 10px 20px 30px;
    }

        div.paginacion ul.paginas li.numPagina {
            position: relative;
            display: block;
            padding: 5px 8px;
            cursor: pointer;
            color: rgba(100,100,100,.9);
            font-size: 14px;
            border: solid 1px rgba(200,200,200,.9);
            border-radius: 5px;
            transition: .4s;
        }

        div.paginacion ul.paginas label {
            position: relative;
            display: flex;
            padding: 5px 3px;
        }

        div.paginacion ul.paginas li.numPagina:hover {
            background: rgba(200,200,200,.9);
            transition: .4s;
        }

        div.paginacion ul.paginas li.pagActual {
            position: relative;
            display: block;
            padding: 5px 8px;
            margin: 0 5px;
            font-size: 14px;
            border-radius: 5px;
            border: solid 1px #000000;
            box-shadow: inset -1px 1px 3px -1px rgba(0,0,0,0.5);
        }

            div.paginacion ul.paginas li.pagActual input {
                position: relative;
                display: block;
                color: #000000;
                width: 30px;
                text-align: center;
            }

/*******************************************Responsive 1600px*************************************/
@media screen and (max-width:1600px) {
    /*******************************************Index*************************************/
    div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
        left: 4%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        margin: 30px 40px;
    }

    /*div.indexPan div.indexPanUnit .slidArrows {
        bottom: 60%;
    }*/

    .convSect {
        grid-template-columns: repeat(auto-fit, minmax(26em, 0fr));
    }

    .cuponSec .convSect {
        grid-template-columns: repeat(auto-fit, minmax(22em, 0fr));
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
        font-size: 24px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
        width: 80px;
        height: 80px;
        font-size: 44px;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
        width: 200px;
        font-size: 28px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        bottom: 100px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        font-size: 45px;
    }

    div.secPromTarj {
        height: calc(60% - 50px);
    }

        div.secPromTarj div.secPromImg {
            height: 160px;
            margin: 10px 0;
        }

        div.secPromTarj div.secPromBtn {
            font-size: 16px;
        }

        div.secPromTarj div.secPromTitle {
            font-size: 20px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
        margin: 20px 20px;
        padding: 10px 0;
    }

    .infoBenefTxt .txtInfo label:nth-child(1) {
        font-size: 1.2em;
    }

    .infoBenefTxt .txtInfo span {
        font-size: 0.6em;
    }

    .telTxt {
        font-size: 1.5em;
    }

    .slider {
        height: 280px;
    }
    /*****************************************Item Busqueda Medico*************************************/
    div.itemBuscMed {
        margin: 10px 20px;
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            height: 130px;
            width: 130px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 18px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
            font-size: 28px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 20px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
            font-size: 14px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
            font-size: 22px;
        }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusPromos div.membClubOfert {
        height: 140px;
    }

    div.resulBusNew div.resulBusPromos div.promoBtn {
        font-size: 16px;
    }
}

/*******************************************Responsive 1370px*************************************/
@media screen and (max-width:1440px) {
    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
        position: relative;
        display: flex;
        padding: 10px;
        padding-bottom: 10px;
        align-items: center;
    }

    div.paginacion {
        position: relative;
        display: flex;
        bottom: 5%;
        width: 100%;
        justify-content: center;
        z-index: 3;
        margin: 0 0 40px 0;
    }

    .servList {
        font-size: 1.4em;
    }

    .infoBenefTxt .txtInfo label:nth-child(1) {
        font-size: 1em;
    }

    .convSect {
        grid-template-columns: repeat(auto-fit, minmax(24em, 0fr));
    }

    .cuponSec .convSect {
        grid-template-columns: repeat(auto-fit, minmax(20em, 0fr));
    }

    .slider {
        height: 260px;
    }

    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont {
        font-size: 1.2em;
    }
}

/*******************************************Responsive 1370px*************************************/
@media screen and (max-width:1370px) {
    header.header .headerBusc {
        width: 55%;
    }
    /*******************************************Index*************************************/
    div.paginacion {
        position: relative;
        display: flex;
        width: 100%;
        bottom: 0%;
        justify-content: center;
        z-index: 3;
        margin: 0 0 40px 0;
    }

    /*div.indexPan div.indexPanUnit .slidArrows {
        bottom: 21%;
    }*/

    div.indexPan div.indexPanUnit div.idxImgBack {
        height: calc(100% - 130px);
        margin-bottom: 130px;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgMedicBack img {
            left: 0%;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
        margin: 40px 20px;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
            font-size: 22px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
            width: 60px;
            height: 60px;
            font-size: 38px;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
            width: 180px;
            font-size: 24px;
        }

    .convSect {
        grid-template-columns: repeat(auto-fit, minmax(23em, 0fr));
        width: 100%;
    }

    .cuponSec .convSect {
        grid-template-columns: repeat(auto-fit, minmax(18em, 0fr));
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
        height: 95%;
        right: 3%;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
        font-size: 36px;
    }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
        font-size: 20px;
        bottom: 120px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
        padding: 20px 30px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
        width: calc(100% - 60px);
        padding: 0 30px;
        padding-bottom: 40px;
    }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
        padding: 0 30px;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder {
            margin: 0;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
            margin: 0 3px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
            padding: 10px 10px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
        padding: 20px 30px;
        padding-bottom: 10px;
    }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
            width: 35px;
            height: 35px;
            font-size: 26px;
        }

        div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
            font-size: 22px;
        }

    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
        margin: 10px 30px;
        padding: 10px 0;
    }

    div.secPromTarj div.secPromTxt {
        font-size: 14px;
    }

    div.secPromTarj div.secPromImg {
        height: 100px;
        margin: 10px 0;
    }

    div.secPromTarj div.secPromTitle {
        font-size: 16px;
    }

    div.secPromTarj div.secPromBtn {
        font-size: 14px;
    }

    div.secPromTarj {
        margin: 20px;
        height: calc(60% - 30px);
    }

    div.secPromDrog {
        margin: 20px;
    }

    .telTxt {
        font-size: 1.2em;
    }

    .emprInfoCont {
        font-size: 1em;
    }

    .slider {
        height: 240px;
    }
    /*****************************************Item Busqueda Medico*************************************/
    div.itemBuscMed {
        width: calc(50% - 107px);
        padding: 10px 30px;
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 115px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
            font-size: 24px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
            font-size: 12px;
        }

        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
        div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
            font-size: 18px;
        }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusPromos div.promoBtn {
        margin: 10px 0;
        font-size: 14px;
    }

    div.resulBusNew div.resulBusPromos {
        width: calc(30% - 70px);
        height: calc(100vh - 170px);
    }

        div.resulBusNew div.resulBusPromos div.membClubOfert {
            height: 100px;
        }

    div.resulBusPromos div.secPromTarj,
    div.resulBusPromos div.secPromDrog {
        margin: 10px 0;
    }

    div.resulBusPromos div.secPromDrog {
        height: calc(40% - 0px);
    }

    div.itemBuscMed.itemServHolder {
        margin: 0;
        margin-bottom: 10px;
        width: calc(100% - 47px);
    }

        div.itemBuscMed.itemServHolder div.itemBuscTxt {
            margin-left: 10px;
            max-width: 180px;
        }

            div.itemBuscMed.itemServHolder div.itemBuscTxt div.itexTxtCargo {
                font-size: 20px;
            }

            div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtTitle span {
                font-size: 16px;
            }

    div.resulBusNew div.resulBusPromos div.servLista {
        max-height: 200px;
    }
}

/*******************************************Responsive 1024px*************************************/
@media screen and (max-width:1024px) {
    div.body-content {
        height: calc(100% - 80px);
        padding-top: 80px;
    }

    .slider {
        height: 190px;
    }

    /****************************************Header*************************************/
    div.hookHeader {
        width: calc(100% - 20px);
        padding: 2.5px 10px;
    }

        div.hookHeader div.hookContacCont {
            font-size: 12px;
        }

        div.hookHeader div.hookContacRedes {
            font-size: 20px;
        }

        div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
            width: 18px;
            height: 18px;
            border: 2px solid #FFFFFF;
            font-size: 10px;
        }

    header.header {
        height: 40px;
        padding: 20px 10px;
        width: calc(100% - 20px);
    }

        header.header div.headMenuIng div.btnIng {
            font-size: 12px;
        }

        header.header div.headMenuIng div.btnHamb {
            padding: 13px 4px;
        }

            header.header div.headMenuIng div.btnHamb > span {
                height: 3px;
            }

                header.header div.headMenuIng div.btnHamb > span:before {
                    height: 3px;
                    bottom: 7px;
                }

                header.header div.headMenuIng div.btnHamb > span:after {
                    height: 3px;
                    top: 7px;
                }

        header.header div.headUserPanel div.headUsMenu {
            top: 45px;
            right: -10px;
        }

    /****************************************Index*************************************/
    /*div.indexPan div.indexPanUnit .slidArrows {
        bottom: 32%;
    }*/

    div.indexPan {
        height: calc(100vh - 80px);
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
            padding: 20px;
            margin: 40px 10px;
            width: calc(33% - 67px);
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                font-size: 18px;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                width: 50px;
                height: 50px;
                font-size: 32px;
            }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                width: 160px;
                font-size: 20px;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
            font-size: 28px;
        }

            div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
                padding: 10px 30px;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
            font-size: 18px;
            bottom: 90px;
        }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
            height: 90%;
            right: -5%;
            top: -10px;
        }

        div.indexPan div.indexPanUnit div.secBusc {
            width: calc(65% - 5px);
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
                padding: 10px 20px;
                font-size: 18px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
                width: calc(100% - 60px);
                padding: 5px 20px;
                padding-top: 0;
                font-size: 14px;
                font-weight: 500;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput {
                display: block;
                padding: 0 10px;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                    margin: 5px auto;
                    width: 50%;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.iconMedic {
                display: none;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
                padding: 10px;
                padding-bottom: 0;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle span.iconDestMes {
                    width: 25px;
                    height: 25px;
                    font-size: 18px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle label {
                    font-size: 18px;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold {
                margin: 10px;
                padding: 0;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
                    display: flex;
                    width: calc(100% - 65px);
                    margin: 10px;
                    padding: 10px 20px;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
                        width: 120px;
                        height: 120px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                        font-size: 22px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                        font-size: 16px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                        font-size: 16px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                        font-size: 11px;
                    }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                    div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                        font-size: 16px;
                    }

        div.indexPan div.indexPanUnit div.secPromos {
            display: none;
        }

        div.indexPan div.indexPanUnit div.secBusc {
            width: 100%;
        }

    div.secPromTarj div.secPromTxt {
        font-size: 14px;
    }

    div.secPromTarj div.secPromBtn {
        font-size: 14px;
    }

    div.itemBuscMed {
        display: flex;
        width: calc(100% - 107px);
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 140px;
            height: 140px;
        }

    div.popPromos div.popPromoItem {
        margin: 50px auto;
        width: 45%;
        height: 25%;
    }

    .sectTtle label {
        font-size: 3em;
    }

    .sliderHolder .sliderUnit .imgSlidHold {
        margin-bottom: 70px;
    }

    .convSect {
        width: 95%;
        grid-template-columns: repeat(auto-fit, minmax(26em, 0fr));
    }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusOpcns {
        width: calc(60% - 5px);
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: 58%;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resMedicIcon {
                display: none;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                margin: 0 3px;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                width: unset;
                padding: 10px;
            }

    div.resulBusNew div.resulBusPromos {
        width: calc(40% - 60px);
    }

        div.resulBusNew div.resulBusPromos div.promoBtn {
            font-size: 14px;
        }

        div.resulBusNew div.resulBusPromos div.servLista {
            max-height: 350px;
        }

    div.itemBuscMed.itemServHolder div.itemBuscImg div.buscImgHold {
        width: 100px;
        height: 120px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscImg div.buscBtnExtra span.btnExtra {
        font-size: 14px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itexTxtCargo {
        font-size: 18px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtTitle span {
        font-size: 14px;
    }

    div.itemBuscMed.itemServHolder div.itemBuscTxt div.itemTxtDesc {
        font-size: 12px;
    }

    /****************************************Footer*************************************/
    footer.footer div.footerCont {
        width: 100%;
    }

        footer.footer div.footerCont div.footerPart {
            margin: 0;
        }

            footer.footer div.footerCont div.footerPart div.footerTitle {
                font-size: 20px;
                margin: 30px 0 10px;
            }

    ul.footerSitecontac {
        width: 70%;
    }

        ul.footerSitecontac li.footerSiteItem label {
            margin: 5px auto;
        }

    div.contenimlog img {
        width: 90%;
    }

    /****************************************Cupon Detalle*************************************/

    .cuponDeatilCont .cuponDtlInfo .infoCont .textCont {
        font-size: 1.2em;
    }
}

/*******************************************Responsive 768px*************************************/
@media screen and (max-width:768px) {
    header.header {
        z-index: 16;
    }

        header.header .headerBusc {
            width: 52%;
        }

            header.header .headerBusc select.selecCateg {
                width: 50%;
            }

            header.header .headerBusc select.selecCiud {
                width: 50%;
            }

            header.header .headerBusc span.btnInpBusc {
                display: none;
            }

        header.header div.headIcon img {
            display: none;
        }

        header.header div.headIcon .filtrBttns {
            position: relative;
            align-items: center;
            margin: 0px 10px;
        }

        header.header .srchBttn {
            display: flex;
            font-size: 1.8em;
            margin: auto 10px;
            color: #F28542;
        }

    .popCont {
        width: 85%;
    }

    div.hookHeader div.hookContacCont {
        font-size: 14px;
    }

    div.hookHeader div.hookContacRedes {
        display: none;
    }

    header.header div.headIcon:nth-child(3) {
        display: none;
    }

    header.header div.headMenuIng {
        position: relative;
        justify-content: flex-end;
    }

        header.header div.headMenuIng div.btnIng {
            display: none;
        }

    div.indexPan div.indexPanUnit div.idxImgBack {
        height: 40%;
        margin: 0;
    }

        div.indexPan div.indexPanUnit div.idxImgBack div.imgColombBack {
            display: none;
        }

    div.indexPan div.indexPanUnit div.idxBoxesOpc {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont {
            display: block;
            bottom: -10px;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                margin: auto;
                margin-bottom: 20px;
                width: 72%;
                padding: 10px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                    font-size: 18px;
                    width: 65%;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                    width: 65%;
                    justify-content: center;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                        width: 40px;
                        height: 41px;
                        font-size: 25px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                        position: absolute;
                        display: block;
                        left: 110%;
                        bottom: 53%;
                        padding: 20px 0;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont span.nume {
                            font-size: 18px;
                        }

    div.hidMenuDesk {
        display: none;
    }

    header.header div.headUserPanel {
        display: none;
    }

    div.hidMenu {
        position: absolute;
        display: block;
        width: 250px;
        right: -285px;
        top: 40px;
        height: calc(100vh - 100px);
        padding: 10px;
        background: #36B4E5;
        color: #FFFFFF;
        transition: .5s;
    }

        div.hidMenu.activo {
            right: -12px;
            transition: .5s;
        }

        div.hidMenu div.hidMenuItem {
            position: relative;
            display: flex;
            align-items: center;
            padding: 5px;
            margin: 3px 0;
            font-size: 16px;
            border-radius: 20px;
            transition: .5s;
        }

            div.hidMenu div.hidMenuItem:hover {
                background: #FFFFFF;
                color: #36B4E5;
                transition: .5s;
            }

            div.hidMenu div.hidMenuItem div.hidItemIcon {
                position: relative;
                display: flex;
                width: 30px;
                height: 30px;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                background: #FFFFFF;
                color: #36B4E5;
                margin-right: 5px;
            }

            div.hidMenu div.hidMenuItem div.hidItemTxt {
                font-size: 18px;
            }

        div.hidMenu span.sepMenu {
            position: relative;
            display: block;
            content: '';
            width: 90%;
            height: 3px;
            margin: 10px auto;
            border-radius: 20px;
            background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
        }

        div.hidMenu div.hidUsuPart {
            position: relative;
            display: block;
        }

            div.hidMenu div.hidUsuPart div.hidUsuIcon {
                position: relative;
                display: inline-flex;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                justify-content: center;
                align-items: center;
                font-size: 24px;
                color: #36B4E5;
                background: #FFFFFF;
            }

            div.hidMenu div.hidUsuPart div.hidUsuTxt {
                position: relative;
                display: inline-block;
                margin-left: 10px;
                width: 78%;
                vertical-align: top;
            }

                div.hidMenu div.hidUsuPart div.hidUsuTxt span {
                    position: relative;
                    display: block;
                    font-size: 18px;
                }

    div.popBlue div.popBlueCont {
        width: 70%;
    }

    div.popBlue.popLogin div.popBlueCont {
        width: 50%;
        left: 40px;
    }

    /******************************************Footer*************************************/
    footer.footer {
        bottom: 20px;
    }

        footer.footer div.footerCont {
            display: block;
            padding-top: 10px;
        }

            footer.footer div.footerCont div.footerPart {
                margin: auto;
                width: 80%;
                font-size: 20px;
            }

                footer.footer div.footerCont div.footerPart div.footerTitle {
                    margin: 0 0 10px;
                }

                footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                    font-size: 20px;
                }

    /******************************************Index*************************************/
    div.indexPan {
        height: calc(135vh - 80px);
    }

        div.indexPan div.indexPanUnit div.secBusc {
            display: block;
            width: 100%;
            height: unset;
        }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder {
                padding-bottom: 10px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
                display: inline-flex;
                width: calc(50% - 67px);
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
                    width: 120px;
                    height: 120px;
                }

        div.indexPan div.indexPanUnit div.secPromos {
            width: 100%;
            display: flex;
            height: unset;
        }

    div.secPromTarj {
        height: unset;
        width: 80%;
    }

    .slider {
        display: none;
    }

    div.indexPan div.indexPanUnit .slidArrows {
        display: none;
    }

    .emprDeatilCont {
        display: none;
    }

    .emprInfoCont {
        display: none;
    }

    .servBenefCont {
        display: none;
    }

    .myrInfoCont {
        display: none;
    }

    .infoBenefImg {
        position: relative;
        display: flex;
        width: 100%;
        margin: 10px auto;
    }

    .btnMenuSect {
        display: none;
    }

    .convCont.mobile {
        margin: 30px auto;
        display: block;
    }

    .emprInfo {
        font-size: 1.8em;
        position: relative;
        display: block;
        margin: 30px auto;
        margin-left: 10px;
    }

    .telTxt {
        width: 100%;
        text-align: center;
    }

    .btnCall {
        width: 45%;
        margin: 10px auto;
    }

    /*****************************************Resul Busqueda*************************************/
    div.resulBusNew div.resulBusPromos {
        display: none;
    }

    div.resulBusNew div.resulBusOpcns {
        width: 100%;
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: calc(100% - 20px);
        }

    div.itemBuscMed div.itemBuscImg div.buscImgHold {
        width: 160px;
        height: 160px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
        font-size: 32px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
        font-size: 26px;
    }

    div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
        font-size: 24px;
    }

    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
        font-size: 18px;
    }

    iv.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
    div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
        font-size: 26px;
    }

    span.nume {
        font-size: 18px;
    }

    div.itemBuscMed div.servContainer div.servLista div.servListItem {
        position: relative;
        display: block;
        padding: 10px;
        margin: 5px 0;
        font-size: 20px;
        font-weight: 600;
    }

        div.itemBuscMed div.servContainer div.servLista div.servListItem ~ div.servListItem {
            border-top: 2px solid #D9D9D9;
        }

        div.itemBuscMed div.servContainer div.servLista div.servListItem:hover {
            background: rgba(55,184,212,.5);
        }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
        font-size: 20px;
    }

    div.promoContConv {
        padding: 10px;
        margin: 10px;
        width: calc(50% - 50px);
    }

        div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj {
            height: 20px;
        }

        div.promoContConv div.promoImgSpc {
            width: 45%;
        }

        div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtDesc {
            padding: 5px 20px 5px 5px;
        }

        div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
            right: 20px;
        }

        div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
            font-size: 9px;
        }

            div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike img {
                height: 20px;
            }

    /*****************************************Cupon Detalle*************************************/

    .cuponDeatilCont .detailInfo {
        display: block;
    }

    .cuponDeatilCont .cuponImg {
        width: 95%;
    }

    .cuponDeatilCont {
        height: auto;
    }

        .cuponDeatilCont .cuponDtlInfo .infoCont .textCont {
            width: 95%;
            margin: 20px auto;
            height: auto;
        }

        .cuponDeatilCont .cuponDtlInfo {
            width: 95%;
        }

            .cuponDeatilCont .cuponDtlInfo .infoCont {
                display: block;
            }
}

/*******************************************Responsive 425px*************************************/
@media screen and (max-width:425px) {
    div.body-content {
        height: unset;
        padding-top: 74px;
    }

    /*******************************************Layout***************************************/
    div.hookHeader {
        z-index: 16;
    }

        div.hookHeader div.hookContacCont {
            font-size: 8px;
        }

            div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
                width: 14px;
                height: 14px;
                font-size: 8px;
            }

    header.header {
        top: 0;
        height: 40px;
        padding: 15px 10px;
        width: calc(100% - 20px);
        z-index: 16;
    }

        header.header div.headIcon {
            height: 70%;
            margin: auto 0px;
        }

        header.header .headerBusc {
            display: block;
            position: fixed;
            width: 100%;
            top: 81px;
            left: 0;
            background: #EAEAEA;
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            transition: .5s;
            overflow: hidden;
            z-index: 15;
            height: 0;
        }

            header.header .headerBusc select.selecCateg {
                width: 100%;
            }

            header.header .headerBusc .ubiCont {
                display: none;
            }

            header.header .headerBusc select.selecCiud {
                width: 100%;
                margin: 10px 0px;
            }

        header.header .buscCupon {
            display: none;
            position: fixed;
            width: 100%;
            top: 81px;
            left: 0;
            background: #EAEAEA;
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            transition: .5s;
            overflow: hidden;
            z-index: 15;
            height: 0;
        }

            header.header .buscCupon select.selecCateg {
                width: 90%;
                margin: 0px auto;
            }

            header.header .buscCupon .ubiCont {
                display: none;
            }

            header.header .buscCupon select.selecCiud {
                width: 90%;
                margin: 10px auto;
            }

        header.header .srchPhoneBttn {
            display: flex;
        }

        header.header div.headIcon.cards {
            display: none;
        }

    /*******************************************Index***************************************/
    div.indexPan {
        height: unset;
    }

        div.indexPan div.indexPanUnit {
            height: unset;
        }

            div.indexPan div.indexPanUnit div.idxImgBack {
                height: 180px;
                margin: 0;
            }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
                    font-size: 8.5px;
                    bottom: 70px;
                }

                div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
                    font-size: 16px;
                }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                padding: 10px;
                width: 75%;
                border: 3px solid #36B4E5;
                margin-bottom: 10px;
            }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                    font-size: 20px;
                }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                    margin-top: 10px;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                        width: 40px;
                        height: 40px;
                        font-size: 26px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                        left: 100%;
                        bottom: 62%;
                        padding: 18px 0;
                        font-size: 12px;
                        width: 90px;
                    }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
                font-size: 14px;
                padding: 10px 20px 5px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
                font-size: 9px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                width: 75%;
            }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo select {
                    padding: 5px 10px;
                }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
                display: flex;
                width: calc(100% - 67px);
                padding: 5px 20px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
                padding: 5px 10px;
                padding-bottom: 0;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
                width: 90px;
                height: 90px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
                font-size: 10px;
                padding: 5px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                font-size: 18px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                font-size: 14px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                font-size: 14px;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
            div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                font-size: 13px;
            }

            div.indexPan div.indexPanUnit div.secPromos {
                display: none;
            }

            div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
                font-size: 14px;
            }

    div.popPromos div.popPromoItem {
        margin: 40px auto;
        width: 62%;
        height: 24%;
    }

    div.popPromos div.clPromoPop {
        width: 30px;
        height: 30px;
        font-size: 22px;
        top: 10px;
        right: 10px;
    }

    .convSect {
        grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
    }

    .convCont .convTxt .convName {
        font-size: 1.1em;
    }

    .infoCont {
        position: relative;
        display: block;
        margin: 15px auto;
        color: #4D4D4D;
    }

    .convCont .convTxt .convLoc span.cityTxt {
        font-size: 1.1em;
    }

    .emprInfo {
        font-size: 1.3em;
    }

    .emprNombre label {
        font-size: 1.6em;
    }

    .listDescrp {
        font-size: 1.2em;
    }

    .condInfoCont {
        width: 100%;
        font-size: 1.5em;
        margin: 15px auto;
    }

    .benfName {
        width: 100%;
    }

    .btnCall {
        width: 75%;
    }

    .servBenefCont.phone {
        display: block;
        font-size: 0.8em;
        padding: 20px 0px;
        margin: 10px 0px;
    }

    /*******************************************Footer***************************************/
    footer.footer div.footerCont div.footerPart div.footerTitle {
        font-size: 18px;
    }

    footer.footer div.footerCont div.footerPart {
        font-size: 14px;
    }

        footer.footer div.footerCont div.footerPart ul.footerSiteMap {
            width: 80%;
        }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                font-size: 14px;
            }

    /*****************************************Resul Busqueda***************************************/
    div.resulBusNew div.resulBusOpcns div.resulTerms {
        width: calc(100% - 20px);
        top: 76px;
    }

        div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
            display: block;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                width: 80%;
                margin: 5px auto;
            }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                width: 60%;
                margin: auto;
            }

    div.itemBuscMed {
        padding: 10px;
        width: calc(100% - 67px);
    }

        div.itemBuscMed div.itemBuscImg div.buscImgHold {
            width: 90px;
            height: 90px;
        }

        div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
            font-size: 10px;
            padding: 5px;
            width: calc(100% - 20px);
        }

        div.itemBuscMed div.servContainer div.servLista div.servListItem {
            font-size: 16px;
        }

        div.itemBuscMed div.itemBuscTxt div.itexTxtCargo span {
            position: relative;
            display: block;
            margin: 5px 0;
        }

        div.itemBuscMed div.itemBuscTxt {
            margin-left: 10px;
            width: 60%;
            padding: 0;
        }

            div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                font-size: 22px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                font-size: 18px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                position: relative;
                font-size: 16px;
                bottom: 0;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                font-size: 11px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                font-size: 18px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert img {
                height: 14px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemTxtCargo img {
                width: 20px;
                height: auto;
                object-fit: contain;
                margin-right: 5px;
            }

            div.itemBuscMed div.itemBuscTxt div.itemTxtCargo span {
                font-size: 12px;
            }

    div.resulBusNew div.resulBusOpcns div.resulTitle {
        padding-top: 0;
    }

        div.resulBusNew div.resulBusOpcns div.resulTitle label {
            font-size: 20px;
            margin-bottom: 5px;
        }

        div.resulBusNew div.resulBusOpcns div.resulTitle span {
            width: 30px;
            height: 30px;
            font-size: 22px;
        }

    div.resulBusNew div.resulBusOpcns div.resulTerms {
        position: relative;
        top: unset;
    }

    div.resulBusNew div.resulBusOpcns div.resulTitle {
        padding-top: 0;
        display: block;
        margin: 10px;
    }

        div.resulBusNew div.resulBusOpcns div.resulTitle > span {
            display: none;
        }

    div.itemBuscMed div.itemBuscTxt div.itemTxtDesc {
        font-size: 10px;
    }

    div.popServBusc div.popServBuscCont {
        width: 90%;
    }

    div.indexPan div.indexPanUnit div.idxBoxesOpc {
        height: unset;
    }

        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
            border: 3px solid #ED7422;
        }

    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
        font-size: 12px;
        border: 2px solid #ED7422;
        padding: 10px 10px;
    }

    div.promoContConv {
        width: calc(100% - 40px);
        display: flex;
    }

        div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj {
            height: 22px;
        }

            div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj img {
                width: 45px;
            }

    /******************************************Solicitar Cita Ofertshop************************************/
    div.solicCitaOfert div.solicInfo {
        width: 90%;
    }

    div.solicCitaOfert div.solicForm div.solicMedio {
        display: block;
        width: 100%;
    }

        div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn {
            width: 90%;
        }

    div.solicCitaOfert div.formHolder {
        width: 80%;
    }

    div.indSlider div.slidItem div.medicBtn div.medicBtnCont div.mBtnContHold span.btnIndxSld.rBBlue {
        display: none;
    }

    .jconfirm.jconfirm-light .jconfirm-box {
        width: 80% !important;
    }

    @supports (-webkit-touch-callout: none) {
        div.body-content {
            height: unset;
            padding-top: 74px;
        }
        /*******************************************Layout***************************************/
        div.hookHeader {
            z-index: 16;
        }

            div.hookHeader div.hookContacCont {
                font-size: 8px;
            }

                div.hookHeader div.hookContacCont div.hookContItem div.hookIcon {
                    width: 14px;
                    height: 14px;
                    font-size: 8px;
                }

        header.header {
            top: 25px;
            height: 40px;
            padding: 5px 10px;
            width: calc(100% - 20px);
            z-index: 16;
        }
        /*******************************************Index***************************************/
        div.indexPan {
            height: unset;
        }

            div.indexPan div.indexPanUnit {
                height: unset;
            }

                div.indexPan div.indexPanUnit div.idxImgBack {
                    height: 180px;
                    margin: 0;
                }

                    div.indexPan div.indexPanUnit div.idxImgBack div.txtBottom {
                        font-size: 8.5px;
                        bottom: 70px;
                    }

                    div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro {
                        font-size: 16px;
                    }

                div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                    padding: 10px;
                    width: 75%;
                    border: 3px solid #36B4E5;
                    margin-bottom: 10px;
                }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxSpan {
                        font-size: 20px;
                    }

                    div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn {
                        margin-top: 10px;
                    }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.iconCont {
                            width: 40px;
                            height: 40px;
                            font-size: 26px;
                        }

                        div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit div.idxBoxBtn div.btnCont {
                            left: 100%;
                            bottom: 62%;
                            padding: 18px 0;
                            font-size: 12px;
                            width: 90px;
                        }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTitle {
                    font-size: 14px;
                    padding: 10px 20px 5px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscTxt {
                    font-size: 9px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo {
                    width: 75%;
                }

                    div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.campo select {
                        padding: 5px 10px;
                    }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed {
                    display: flex;
                    width: calc(100% - 67px);
                    padding: 5px 20px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesTitle {
                    padding: 5px 10px;
                    padding-bottom: 0;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscImgHold {
                    width: 90px;
                    height: 90px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
                    font-size: 10px;
                    padding: 5px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                    font-size: 18px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                    font-size: 14px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                    font-size: 14px;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                div.indexPan div.indexPanUnit div.secBusc div.secBuscDest div.destMesHold div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                    font-size: 13px;
                }

                div.indexPan div.indexPanUnit div.secPromos {
                    display: none;
                }

                div.indexPan div.indexPanUnit div.secBusc div.secBuscHolder div.secBuscInput div.btnHolder span.btnIniSunem {
                    font-size: 14px;
                }

        div.popPromos div.popPromoItem {
            margin: 40px auto;
            width: 62%;
            height: 24%;
        }

        div.popPromos div.clPromoPop {
            width: 30px;
            height: 30px;
            font-size: 22px;
            top: 10px;
            right: 10px;
        }
        /*******************************************Footer***************************************/
        footer.footer div.footerCont div.footerPart div.footerTitle {
            font-size: 18px;
        }

        footer.footer div.footerCont div.footerPart {
            font-size: 14px;
        }

            footer.footer div.footerCont div.footerPart ul.footerSiteMap {
                width: 80%;
            }

                footer.footer div.footerCont div.footerPart ul.footerSiteMap li.footerSiteItem span {
                    font-size: 14px;
                }
        /*****************************************Resul Busqueda***************************************/
        div.resulBusNew div.resulBusOpcns div.resulTerms {
            width: calc(100% - 20px);
            top: 76px;
        }

            div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic {
                display: block;
            }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermCampo {
                    width: 80%;
                    margin: 5px auto;
                }

                div.resulBusNew div.resulBusOpcns div.resulTerms div.resulTermsMedic div.resTermBtn {
                    width: 60%;
                    margin: auto;
                }

        div.itemBuscMed {
            padding: 10px;
            width: calc(100% - 67px);
        }

            div.itemBuscMed div.itemBuscImg div.buscImgHold {
                width: 90px;
                height: 90px;
            }

            div.itemBuscMed div.itemBuscImg div.buscBtnExtra span.btnExtra {
                font-size: 10px;
                padding: 5px;
                width: calc(100% - 20px);
            }

            div.itemBuscMed div.servContainer div.servLista div.servListItem {
                font-size: 16px;
            }

            div.itemBuscMed div.itemBuscTxt div.itexTxtCargo span {
                position: relative;
                display: block;
                margin: 5px 0;
            }

            div.itemBuscMed div.itemBuscTxt {
                margin-left: 10px;
                width: 60%;
                padding: 0;
            }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle label {
                    font-size: 22px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtTitle span {
                    font-size: 18px;
                }

                div.itemBuscMed div.itemBuscTxt div.itexTxtCargo {
                    position: relative;
                    font-size: 16px;
                    bottom: 0;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli label,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert label {
                    font-size: 11px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoPubli span,
                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert span {
                    font-size: 18px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemPrecioPromo div.promoOfert img {
                    height: 14px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo img {
                    width: 20px;
                    height: auto;
                    object-fit: contain;
                    margin-right: 5px;
                }

                div.itemBuscMed div.itemBuscTxt div.itemTxtCargo span {
                    font-size: 12px;
                }

        div.resulBusNew div.resulBusOpcns div.resulTitle {
            padding-top: 0;
        }

            div.resulBusNew div.resulBusOpcns div.resulTitle label {
                font-size: 20px;
                margin-bottom: 5px;
            }

            div.resulBusNew div.resulBusOpcns div.resulTitle span {
                width: 30px;
                height: 30px;
                font-size: 22px;
            }

        div.resulBusNew div.resulBusOpcns div.resulTerms {
            position: relative;
            top: unset;
        }

        div.resulBusNew div.resulBusOpcns div.resulTitle {
            padding-top: 0;
            display: block;
            margin: 10px;
        }

            div.resulBusNew div.resulBusOpcns div.resulTitle > span {
                display: none;
            }

        div.itemBuscMed div.itemBuscTxt div.itemTxtDesc {
            font-size: 10px;
        }

        div.popServBusc div.popServBuscCont {
            width: 90%;
        }

        div.indexPan div.indexPanUnit div.idxBoxesOpc {
            height: unset;
        }

            div.indexPan div.indexPanUnit div.idxBoxesOpc div.idxBoxesCont div.idxBoxUnit {
                border: 3px solid #ED7422;
            }

        div.indexPan div.indexPanUnit div.idxImgBack div.txtCentro span {
            font-size: 12px;
            border: 2px solid #ED7422;
            padding: 10px 10px;
        }

        div.promoContConv {
            width: calc(100% - 40px);
            display: flex;
        }

            div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTarj {
                height: 22px;
            }
        /******************************************Solicitar Cita Ofertshop************************************/
        div.solicCitaOfert div.solicInfo {
            width: 90%;
        }

        div.solicCitaOfert div.solicForm div.solicMedio {
            display: block;
            width: 100%;
        }

            div.solicCitaOfert div.solicForm div.solicMedio div.solicCitaBtn {
                width: 90%;
            }

        div.solicCitaOfert div.formHolder {
            width: 80%;
        }

        div.indSlider div.slidItem div.medicBtn div.medicBtnCont div.mBtnContHold span.btnIndxSld.rBBlue {
            display: none;
        }

        .jconfirm.jconfirm-light .jconfirm-box {
            width: 80% !important;
        }
    }
}


/****************************** CAMBIOS NUEVOS ********************************/


div.convCont div.convTxt div.convLoc.SpanContNew1 {
    display: flex;
    gap: 1em;
}

div.convCont div.convTxt div.convLoc.SpanContNew1 div.ContSpanInfCity {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
}

div.convCont div.convTxt div.convLoc.SpanContNew1 div.btnCityOpc {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

div.convLoc.SpanContNew1 div.btnCityOpc SPAN {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--fondo-naranja);
    transition: all .5s ease;
    cursor: pointer;
}

div.convLoc.SpanContNew1 div.btnCityOpc.Activo SPAN {
    transform: rotate(180deg);
}

div.convLoc.SpanContNew1 div.btnCityOpc.Activo div.MododalInfCityInt {
    min-width: 100px;
    max-height: 150px;
    padding: 10px 15px;
    border: 1px solid silver;
}


div.convLoc.SpanContNew1 div.btnCityOpc div.MododalInfCityInt {
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    right: 0;
    min-width: 100px;
    max-height: 0px;
    background: #ffede1;
    display: block;
    overflow-y: hidden;
    padding: 0;
    transition: all 0.5s ease;
    z-index: 2;
    border: 0px solid silver;
    border-radius: 5px;
}

div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList ul {
    text-align: left;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList ul li {
    box-sizing: border-box;
    padding: 5px 0px;
    transition: all 0.5s ease-in-out;
    text-align: left;
    margin-right:10px;
    position: relative;
    left:0;
}

/*div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList ul li:hover{
    transform: scale(1.1);
    left: 20px;
}*/


div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList ul li:nth-child(2n) {
    background: #fbceb14a;
}


div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList {
    scrollbar-width: thin;
    scrollbar-color: #05a95d #DFE9EB;
}


div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar {
    width: 10px;
    width: 10px;
}

div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #DFE9EB;
}

    div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-track:hover {
        background-color: #B8C0C2;
    }

    div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-track:active {
        background-color: #B8C0C2;
    }

    div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #05a95d;
    }

    div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-thumb:hover {
        background-color: #62A34B;
    }

    div.convLoc.SpanContNew1 div.btnCityOpc div.ContIntList::-webkit-scrollbar-thumb:active {
        background-color: #62A34B;
    }
div.resulBusqueda {
    position: relative;
    display: block;
}

    div.resulBusqueda div.buscCampos {
        position: fixed;
        display: flex;
        width: calc(100% - 40px);
        align-items: center;
        padding: 10px 20px;
        justify-content: center;
        background: #E5E5E5;
        z-index: 5;
    }

        div.resulBusqueda div.buscCampos div.icButton {
            position: relative;
            display: block;
            width: 40%;
            background: #ED7422;
            color: #FFFFFF;
            margin: 0 10px;
            padding: 5px 0;
            text-align: center;
            font-weight: 600;
            border-radius: 10px;
            cursor: pointer;
        }

            div.resulBusqueda div.buscCampos div.icButton span {
                position: relative;
                display: block;
            }

        div.resulBusqueda div.buscCampos div.iconSelect {
            position: relative;
            display: block;
            width: 20%;
            margin: 0 5px;
        }

        div.resulBusqueda div.buscCampos div.iconoResul {
            position: relative;
            display: flex;
            width: 40px;
            height: 40px;
            justify-content: center;
            align-items: center;
            background: #ED7422;
            color: #FFFFFF;
            font-size: 22px;
            border-radius: 10px;
        }

    div.resulBusqueda div.resulTxt {
        position: relative;
        display: block;
        padding-top: 70px;
    }

div.convHolder {
    position: relative;
    display: block;
    width: 80%;
    margin: 40px auto;
}

    div.convHolder div.convPrinc {
        position: relative;
        display: block;
        margin-bottom: 20px;
    }

        div.convHolder div.convPrinc div.convImg {
            position: relative;
            display: inline-block;
            width: 40%;
        }

            div.convHolder div.convPrinc div.convImg div.imgMuestra {
                position: relative;
                display: flex;
                width: 100%;
                height: 400px;
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }

                div.convHolder div.convPrinc div.convImg div.imgMuestra img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    object-position: center;
                }

            div.convHolder div.convPrinc div.convImg div.imgLista {
                position: relative;
                display: -webkit-box;
                margin: 10px 0;
                width: 100%;
                height: 120px;
                overflow: hidden;
            }

                div.convHolder div.convPrinc div.convImg div.imgLista div.imgListaItem {
                    position: relative;
                    display: flex;
                    width: 33.33333%;
                    cursor: pointer;
                    margin-right: 5px;
                    right: 0;
                    transition: .5s;
                }

                    div.convHolder div.convPrinc div.convImg div.imgLista div.imgListaItem img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }

                    div.convHolder div.convPrinc div.convImg div.imgLista div.imgListaItem span.spBlShdw {
                        position: absolute;
                        display: block;
                        content: '';
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: #000000;
                        opacity: .6;
                        transition: .5s;
                    }

                    div.convHolder div.convPrinc div.convImg div.imgLista div.imgListaItem.activo span.spBlShdw {
                        opacity: 0;
                        transition: .5s;
                    }

        div.convHolder div.convPrinc div.convPrincTxt {
            position: relative;
            display: inline-block;
            width: calc(60% - 25px);
            vertical-align: top;
            margin-left: 20px;
        }

            div.convHolder div.convPrinc div.convPrincTxt div.convTitle {
                position: relative;
                display: block;
                font-size: 26px;
            }

            div.convHolder div.convPrinc div.convPrincTxt div.convDesc {
                position: relative;
                display: block;
                margin: 10px 0;
                text-align: justify;
            }

            div.convHolder div.convPrinc div.convPrincTxt div.convBenef {
                position: relative;
                display: block;
            }

                div.convHolder div.convPrinc div.convPrincTxt div.convBenef div.convBenefTitle {
                    position: relative;
                    display: block;
                    font-size: 22px;
                    font-weight: 600;
                    margin-bottom: 5px;
                    color: #ED7422;
                }

                div.convHolder div.convPrinc div.convPrincTxt div.convBenef div.convBenefItem {
                    position: relative;
                    display: block;
                    width: 50%;
                    padding: 10px 20px;
                    margin: 5px 0;
                    font-size: 18px;
                    background: #222222;
                    color: #FFFFFF;
                    border-radius: 20px;
                    cursor: pointer;
                    transition: .5s;
                }

                    div.convHolder div.convPrinc div.convPrincTxt div.convBenef div.convBenefItem:hover {
                        background: #ED7422;
                        transition: .5s;
                    }

            div.convHolder div.convPrinc div.convPrincTxt div.comDirecc {
                position: relative;
                display: block;
            }

                div.convHolder div.convPrinc div.convPrincTxt div.comDirecc div.comDirecTitle {
                    position: relative;
                    display: block;
                    font-size: 22px;
                    font-weight: 600;
                    margin-bottom: 5px;
                    color: #ED7422;
                }

                div.convHolder div.convPrinc div.convPrincTxt div.comDirecc div.comDirecItem {
                    position: relative;
                    display: block;
                    width: 50%;
                    padding: 10px 20px;
                    margin: 10px 0;
                    font-size: 18px;
                    background: #B0B0B0;
                    color: #FFFFFF;
                    border-radius: 20px;
                    box-shadow: 0px 0px 15px rgb(0 0 0 / 50%);
                    cursor: pointer;
                    transition: .5s;
                }

                    div.convHolder div.convPrinc div.convPrincTxt div.comDirecc div.comDirecItem a span {
                        font-weight: 600;
                        text-decoration-line: underline;
                    }

                    div.convHolder div.convPrinc div.convPrincTxt div.comDirecc div.comDirecItem:hover {
                        background: #ED7422;
                        transition: .5s;
                    }

        div.convHolder div.convPrinc div.convImg div.imgMuestra div.imgListFlecha {
            position: absolute;
            display: flex;
            height: 100%;
            align-items: center;
        }

            div.convHolder div.convPrinc div.convImg div.imgMuestra div.imgListFlecha.flechaIzq {
                left: 0;
            }

            div.convHolder div.convPrinc div.convImg div.imgMuestra div.imgListFlecha.flechaDer {
                right: 0;
            }

            div.convHolder div.convPrinc div.convImg div.imgMuestra div.imgListFlecha span {
                position: relative;
                display: block;
                font-size: 30px;
                padding: 10px;
                margin: 0 5px;
                background: #C0C0C0;
                border-radius: 5px;
                cursor: pointer;
                opacity: .25;
                transition: .5s;
            }

                div.convHolder div.convPrinc div.convImg div.imgMuestra div.imgListFlecha span:hover {
                    opacity: 1;
                    transition: .5s;
                }

    div.convHolder div.convExtra {
        position: relative;
        display: block;
    }

        div.convHolder div.convExtra div.convDescSpc {
            position: relative;
            display: inline-block;
            width: calc(65% - 55px);
            padding: 20px;
            margin-right: 10px;
            margin-bottom: 10px;
            background: #e0e0e0;
        }

            div.convHolder div.convExtra div.convDescSpc:nth-child(2) {
                width: calc(35% - 50px);
                vertical-align: top;
                margin: 0;
            }

            div.convHolder div.convExtra div.convDescSpc div.convDesTitl {
                position: relative;
                display: block;
                font-size: 22px;
                font-weight: 600;
                margin-bottom: 5px;
                color: #ED7422;
            }

            div.convHolder div.convExtra div.convDescSpc div.convDesHold {
                position: relative;
                display: block;
            }

                div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem {
                    position: relative;
                    display: flex;
                    height: 100px;
                    margin: 10px 0;
                    padding: 10px 20px;
                    align-items: center;
                    background: rgba(250,250,250,.5);
                    border-radius: 10px;
                    cursor: pointer;
                    box-shadow: 2px 2px 2px rgb(0 0 0 / 30%);
                }

                    div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem div.convMiniImg {
                        position: relative;
                        display: inline-flex;
                        width: 35%;
                        height: 100%;
                    }

                        div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem div.convMiniImg img {
                            width: 100%;
                            height: 100%;
                            object-fit: contain;
                            object-position: top;
                        }

                    div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem div.convMiniTitle {
                        position: relative;
                        display: inline-block;
                        width: calc(65% - 20px);
                        vertical-align: top;
                        font-weight: 600;
                        margin-left: 10px;
                    }

div.popMapaConv {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 10;
}

    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 16%;
    }

        div.popMapaConv div.popMapaConvCont div.popMapaTitle {
            position: relative;
            display: block;
            text-align: center;
            font-size: 26px;
        }

        div.popMapaConv div.popMapaConvCont div.popClMapFrame {
            position: absolute;
            display: flex;
            width: 25px;
            height: 25px;
            top: 10px;
            right: 10px;
            justify-content: center;
            align-items: center;
            background: #ED7422;
            color: #FFFFFF;
            border-radius: 50%;
            cursor: pointer;
            transition: .5s;
        }

        div.popMapaConv div.popMapaConvCont div.popMapaIframe {
            position: relative;
            display: flex;
            margin: 10px auto;
            justify-content: center;
        }

            div.popMapaConv div.popMapaConvCont div.popMapaIframe iframe {
                position: relative;
                display: block;
                width: 600px;
                height: 500px;
            }

/*******************************************Other*************************************/
div.rowCampo {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 10px 0;
}

    div.rowCampo.rC1 div.campo,
    div.rowCampo.rC1 div.campoFlex {
        width: 100%;
    }

    div.rowCampo.rC2 div.campo,
    div.rowCampo.rC2 div.campoFlex {
        width: 50%;
    }

    div.rowCampo.rC3 div.campo,
    div.rowCampo.rC3 div.campoFlex {
        width: 33%;
    }

    div.rowCampo.rC4 div.campo,
    div.rowCampo.rC4 div.campoFlex {
        width: 25%;
    }

    div.rowCampo div.campo {
        position: relative;
        display: block;
        margin: 0 5px;
        text-align: center;
    }

        div.rowCampo div.campo.campoURL {
            display: none;
        }

    div.rowCampo div.campoFlex {
        position: relative;
        display: flex;
        margin: 0 5px;
        justify-content: center;
        align-items: center;
    }

        div.rowCampo div.campoFlex input {
            margin-right: 10px;
        }

div#divContendorImagene {
    height: 16em;
}
/*******************************************Responsive 1600px*************************************/
@media screen and (max-width:1600px) {
    div.promoContConv div.promoTxtSpc div.promTxtCont {
        height: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtDesc {
        font-size: 14px;
    }

    div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
        font-size: 14px;
    }

        div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike img {
            height: 40px;
        }

    div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTxt {
        font-size: 14px;
    }

    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 19%;
    }
}

/*******************************************Responsive 1370px*************************************/
@media screen and (max-width:1370px) {
    div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
        font-size: 8px;
    }

    div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike {
        font-size: 10px;
    }

        div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtLike img {
            height: 25px;
        }

    div.promoContConv div.promoTxtSpc div.promTxtExtr div.promTxtDesc {
        font-size: 10px;
    }

    div.promoContConv div.promoImgSpc div.imgBtn div.btnConvOp div.btnConvTxt {
        font-size: 10px;
    }

    div.promoContConv div.promoTxtSpc div.promTxtTitle {
        font-size: 18px;
        margin-bottom: 5px;
    }

    div.promoContConv div.promoTxtSpc div.promTxtCont {
        font-size: 12px;
        height: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 22%;
    }
}

/*******************************************Responsive 1024px*************************************/
@media screen and (max-width:1024px){
    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 30%;
    }
}

/*******************************************Responsive 768px**************************************/
@media screen and (max-width:768px){
    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 39%;
    }
}

/*******************************************Responsive 425px**************************************/
@media screen and (max-width:425px) {

    div.convHolder div.convPrinc {
        position: relative;
        display: grid;
        margin-bottom: 20px;
    }

        div.convHolder div.convPrinc div.convImg {
            position: relative;
            display: inline-block;
            width: 100%;
        }

            div.convHolder div.convPrinc div.convImg div.imgMuestra {
                position: relative;
                display: flex;
                width: 100%;
                height: 238px;
                justify-content: center;
                align-items: center;
                overflow: hidden;
            }

            div.convHolder div.convPrinc div.convImg div.imgLista {
                position: relative;
                display: -webkit-box;
                margin: 10px 0;
                width: 100%;
                height: 80px;
                overflow: hidden;
            }

        div.convHolder div.convPrinc div.convPrincTxt {
            position: relative;
            display: inline-block;
            width: 100%;
            vertical-align: top;
            margin-left: 20px;
        }

    div.convHolder div.convExtra div.convDescSpc {
        position: relative;
        display: block;
        width: 100%;
        padding: 9px;
        margin-right: 10px;
        margin-bottom: 10px;
        background: #e0e0e0;
    }

        div.convHolder div.convExtra div.convDescSpc div.convDesTitl {
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 5px;
            color: #ED7422;
        }

        div.convHolder div.convExtra div.convDescSpc:nth-child(2) {
            width: 100%;
            vertical-align: top;
            margin: 0;
        }

        div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem div.convMiniImg {
            position: relative;
            display: inline-flex;
            width: 66%;
            height: 100%;
        }

    div.popMapaConv div.popMapaConvCont {
        position: relative;
        display: block;
        padding: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 70%;
    }

    @supports (-webkit-touch-callout: none) {

        div.convHolder div.convPrinc {
            position: relative;
            display: grid;
            margin-bottom: 20px;
        }

            div.convHolder div.convPrinc div.convImg {
                position: relative;
                display: inline-block;
                width: 100%;
            }

                div.convHolder div.convPrinc div.convImg div.imgMuestra {
                    position: relative;
                    display: flex;
                    width: 100%;
                    height: 238px;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;
                }

                div.convHolder div.convPrinc div.convImg div.imgLista {
                    position: relative;
                    display: -webkit-box;
                    margin: 10px 0;
                    width: 100%;
                    height: 80px;
                    overflow: hidden;
                }

            div.convHolder div.convPrinc div.convPrincTxt {
                position: relative;
                display: inline-block;
                width: 100%;
                vertical-align: top;
                margin-left: 20px;
            }

        div.convHolder div.convExtra div.convDescSpc {
            position: relative;
            display: block;
            width: 100%;
            padding: 9px;
            margin-right: 10px;
            margin-bottom: 10px;
            background: #e0e0e0;
        }

            div.convHolder div.convExtra div.convDescSpc div.convDesTitl {
                position: relative;
                display: block;
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 5px;
                color: #ED7422;
            }

            div.convHolder div.convExtra div.convDescSpc:nth-child(2) {
                width: 100%;
                vertical-align: top;
                margin: 0;
            }

            div.convHolder div.convExtra div.convDescSpc div.convDesHold div.convMiniItem div.convMiniImg {
                position: relative;
                display: inline-flex;
                width: 66%;
                height: 100%;
            }

        div.popMapaConv div.popMapaConvCont {
            position: relative;
            display: block;
            padding: 20px;
            background: #FFFFFF;
            border-radius: 20px;
            width: 70%;
        }
    }
}

div.loadBlock {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    background: rgba(200,200,200,.5);
    transition: .5s;
    z-index: 9999999999;
}

    div.loadBlock span.loadBlockIcon {
        position: relative;
        display: flex;
        content: "";
        width: 200px;
        height: 200px;
        padding: 50px;
        margin: auto;
        border-radius: 50%;
        background: rgba(0,0,0,.2);
        justify-content: center;
        align-items: center;
        animation: loadSpin 2s linear infinite;
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
    }

        div.loadBlock span.loadBlockIcon span.inBoxSpin {
            position: absolute;
            display: block;
            content: '';
            top: 0;
            width: 100%;
            height: 50%;
            background: linear-gradient(90deg, rgba(18,73,138,0) 25%, rgba(18,73,138,1) 75%);
            border-radius: 40px;
        }

    div.loadBlock label {
        position: relative;
        display: block;
        margin-top: 30px;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }

/***************************************Animation****************************************/
@keyframes loadSpin {
    0% {
        transform: rotate( 0deg );
    }

    100% {
        transform: rotate( 360deg );
    }
}

/***************************************Responsive****************************************/
@media screen and (max-width:1370px) {
    div.loadBlock span.loadBlockIcon {
        width: 160px;
        height: 160px;
        padding: 30px;
    }
}

@media screen and (max-width:425px) {
    div.loadBlock span.loadBlockIcon {
        width: 140px;
        height: 140px;
        padding: 20px;
    }
}