@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

@-webkit-keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

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

@keyframes bounce {
    20%, 53%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0);
    }

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

@-webkit-keyframes flash {
    50%, from, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    50%, from, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

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

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

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

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

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg);
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg);
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg);
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg);
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello {
    11.1%, from, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0);
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes bounceInUp {
    60%, 75%, 90%, from, to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0);
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0);
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0);
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0);
    }
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0;
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0;
    }
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #999;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: #999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-repeat: repeat-x;
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #000;
}

    .datepicker table tr td.today.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today.disabled:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover,
    .datepicker table tr td.range.today:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
        background-image: -webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: -o-linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-image: linear-gradient(to bottom,#f3c17a,#f3e97a);
        background-repeat: repeat-x;
        border-color: #f3e97a #f3e97a #edde34;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today.disabled:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today[disabled] {
            background-color: #f3e97a;
        }

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -ms-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
    background-image: -webkit-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: -o-linear-gradient(to bottom,#b3b3b3,grey);
    background-image: linear-gradient(to bottom,#b3b3b3,grey);
    background-repeat: repeat-x;
    border-color: grey grey #595959;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected.disabled:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected[disabled] {
        background-color: grey;
    }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c);
    background-image: -ms-linear-gradient(to bottom,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
    background-image: -o-linear-gradient(to bottom,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

    .datepicker table tr td.active.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active.disabled:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active[disabled] {
        background-color: #04c;
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .datepicker table tr td span.focused,
    .datepicker table tr td span:hover {
        background: #eee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom,#08c,#04c);
        background-image: -ms-linear-gradient(to bottom,#08c,#04c);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
        background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
        background-image: -o-linear-gradient(to bottom,#08c,#04c);
        background-image: linear-gradient(to bottom,#08c,#04c);
        background-repeat: repeat-x;
        border-color: #04c #04c #002a80;
        border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active.disabled:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active[disabled] {
            background-color: #04c;
        }

    .datepicker table tr td span.new,
    .datepicker table tr td span.old {
        color: #999;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .next:hover,
    .datepicker .prev:hover,
    .datepicker tfoot tr th:hover {
        background: #eee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        margin-top: 3px;
    }

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

@font-face {
    font-family: clinica-ico;
    src: url(../fonts/clinica-ico.eot?13334120);
    src: url(../fonts/clinica-ico.eot?13334120#iefix) format("embedded-opentype"),url(../fonts/clinica-ico.woff2?13334120) format("woff2"),url(../fonts/clinica-ico.woff?13334120) format("woff"),url(../fonts/clinica-ico.ttf?13334120) format("truetype"),url(../fonts/clinica-ico.svg?13334120#clinica-ico) format("svg");
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: clinica-ico;
    font-style: normal;
    font-weight: 400;
    speak: none;
    content: '';
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ico-recien-nacido-home:before {
    content: '';
    background-image: url(../images/cigueña_gris.png);
    background-size: 39%;
    background-repeat: no-repeat;
    width: 60px;
    height: 38px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

.icon-ico-recien-nacido-header:before {
    content: '';
    background-image: url(../images/cigueña_blanca.png);
    background-size: 51%;
    background-repeat: no-repeat;
    width: 40px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
    padding-right: 6px !important;
}

a:hover .icon-ico-recien-nacido-header:before {
    content: '';
    background-image: url(../images/cigueña_over.png);
    background-size: 51%;
    background-repeat: no-repeat;
    width: 40px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
    padding-right: 6px !important;
}

.icon-ico-programa-experiencia-header:before {
    content: '';
    background-image: url(../images/icon_pro_exp_blanco.png);
    background-size: 90%;    
    background-repeat: no-repeat;
    width: 40px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
    padding-right: 6px !important;
}

a:hover .icon-ico-programa-experiencia-header:before {
    content: '';
    background-image: url(../images/icon_pro_exp_hover.png);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 40px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
    padding-right: 6px !important;
}


.icon-ico-recien-nacido:before {
    content: '';
    background-image: url(../images/cigueña_blanca.png);
    background-size: 51%;
    background-repeat: no-repeat;
    width: 60px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

a:hover .icon-ico-recien-nacido:before {
    content: '';
    background-image: url(../images/cigueña_over.png);
    background-size: 51%;
    background-repeat: no-repeat;
    width: 60px;
    height: 51px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

.icon-nino_prot1:before {
    content: '\e801';
}

.icon-ico-telefono:before {
    content: '\e802';
}

.icon-ico-ninos:before {
    content: '\e803';
}

.icon-ico-adolecentes:before {
    content: '\e804';
}

.icon-ico-adolescencia:before {
    content: '\e805';
}

.icon-ico-adultos-mayores:before {
    content: '\e806';
}

.icon-ico-banco-de-sangre:before {
    content: '\e807';
}

.icon-ico-calculadoras:before {
    content: '';
    background-image: url(../images/calculadoras_de_salud.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 49px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

a:hover .icon-ico-calculadoras:before {
    content: '';
    background-image: url(../images/calculadoras_de_salud_hover.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 49px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

.icon-ico-docencia:before {
    content: '\e809';
}

.icon-ico-convenio-escolar:before {
    /*content: '\e80a';*/
}

.icon-ico-convenio-familiar-accidentes-traumaticos:before {
    content: "";
    background-image: url(../images/LOGO_CFAT_2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    min-height: 55px;
    background-position: center center;
    background-size: contain;
}

.icon-ico-convenio-familiar-accidentes-traumaticos:hover:before {
    background-image: url(../images/LOGO_CFAT_3.png);
}

.icon-ico-consultas-medicas:before {
    content: '\e80b';
}

.icon-ico-consulta:before {
    content: '\e80c';
}

.icon-ico-escuela:before {
    content: '\e80d';
}

.icon-ico-reclamo:before {
    content: '\e80e';
}

.icon-ico-mujeres-1:before {
    content: '\e80f';
}

.icon-ico-especialidades-destacadas:before {
    content: '\e810';
}

.icon-ico-examenes-diagnostico:before {
    content: '\e811';
}

.icon-ico-indicadores:before {
    content: '\e812';
}

.icon-ico-la-dehesa:before {
    content: '\e813';
}

.icon-ico-laboratorio:before {
    content: '\e814';
}

.icon-ico-maletin:before {
    content: '';
    background-image: url(../images/educacion_al_paciente.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 75px;
    height: 49px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

a:hover .icon-ico-maletin:before {
    content: '';
    background-image: url(../images/educacion_al_paciente_hover.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 75px;
    height: 49px;
    background-color: #3d7dda;
    background-position: center 0px;
    z-index: 9999;
    position: relative;
}

.icon-ico-maletin-home:before {
    content: '\e815';
}

.icon-ico-calculadoras-home:before {
    content: '\e808';
}


.icon-ico-medicina-vanguardia:before {
    content: '';
    background-image: url(../images/medicina_de_vanguardia.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 75px;
    height: 49px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

a:hover .icon-ico-medicina-vanguardia:before {
    content: '';
    background-image: url(../images/medicina_de_vanguardia_hover.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 75px;
    height: 49px;
    background-color: #3d7dda;
    background-position: center 0px;
    z-index: 9999;
    position: relative;
}

.icon-ico-noticias:before {
    content: '\e817';
}

.icon-ico-pacientes:before {
    content: '\e818';
}

.icon-ico-recien-nacidos:before {
    content: '\e819';
}

.icon-ico-salud-mental:before {
    content: '\e81a';
}

.icon-ico-santa-maria:before {
    content: '\e81b';
}

.icon-ico-seguro-total:before {
    content: '';
    background-image: url(../images/conveniosyseguros.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 53px;
    height: 44px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

/*
.icon-ico-seguro-total-menu:before {
     content: '\e81c';
   
}*/


.icon-ico-seguro-total-menu:before {
    content: '';
    background-image: url(../images/logo-seguro-csm.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 129px;
    height: 53px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}

a:hover .icon-ico-seguro-total-menu:before {
    background-color: #3d7dda;
    z-index: 9999;
    background-image: url(../images/logo-seguro-csm-hover.png);
}


.icon-ico-temas:before {
    content: '\e81d';
}

.icon-ico-transparencia:before {
    content: '\e81e';
}

.icon-ico-user:before {
    content: '\e81f';
}

.icon-ico-vacunatorio:before {
    content: '\e820';
}

.icon-ico-hombres-1:before {
    content: '\e821';
}

.icon-ico-hospitalizacion:before {
    content: '\e822';
}

.icon-ico-convenio-accidentes:before {
    content: '\e823';
}

.icon-_sucursal_1:before {
    content: '\e824';
}

.icon-ubicaciones:before {
    content: '\e825';
}

.icon-ico-arrow-right:before {
    content: '\e826';
}

.icon-filtro-1:before {
    content: '\e827';
}

.icon-ico-imprimir:before {
    content: '\e828';
}

.icon-ico-arrow-left:before {
    content: '\e829';
}

.icon-ico-charlas:before {
    content: '\e82a';
}

.icon-ico-ninos-1:before {
    content: '\e82b';
}

.icon-ico-acreditaciones:before {
    content: '\e82c';
}

.icon-ico-adolescentes:before {
    content: '\e82d';
}

.icon-ico-cerrar:before {
    content: '\e82e';
}

.icon-ico-correo:before {
    content: '\e82f';
}

.icon-ico-gracias:before {
    content: '\e830';
}

.icon-ico-info:before {
    content: '\e831';
}

.icon-ico-paciente:before {
    content: '\e832';
}

.icon-ico-favoritos:before {
    content: '\e833';
}

.icon-ico-hora:before {
    content: '\e834';
}

.icon-ico-search:before {
    content: '\e835';
}

.icon-location:before {
    content: '\e836';
}

.icon-ico-calendario:before {
    content: '\e837';
}

.icon-ico-aranceles:before {
    content: '';
    background-image: url(../images/conoce_aranceles.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 55px;
    height: 44px;
    background-position: center 0px;
    z-index: 0;
    position: relative;
}
.icon-ico-anular-hora:before {
    content: '';
    background-image: url(../images/ver_anular.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 44px;
    background-position: center center;
    z-index: 0;
    position: relative;
}

.icon-infor:before {
    content: '\e839';
}

.icon-m_preventiva:before {
    content: '\e83a';
}

.icon-presupuesto:before {
    content: '\e83b';
}

.icon-resultados:before {
    content: '\e83c';
}

.icon-seguros:before {
    content: '\e83d';
}

.icon-salud_mental:before {
    content: '\e83e';
}

.icon-vanguardia1:before {
    content: '\e83f';
}

.icon-ico-convenio-escolar-1:before {
    content: '\e840';
}

.icon-ico-num-reserva:before {
    content: '\e841';
}

.icon-ico-mujeres:before {
    content: '\e842';
}

.icon-ico-hombres:before {
    content: '\e843';
}

.icon-ico-mayores:before {
    content: '\e844';
}

.icon-ico-adolescencia-1:before {
    content: '\e845';
}

.icon-ico-dehesa:before {
    content: '\e846';
}

.icon-ico-info-2:before {
    content: '\e847';
}

.icon-ico-examenes-lab:before {
    content: '\e848';
}

.icon-ico-examenes-diag:before {
    content: '\e849';
}

.icon-ico-nino-2:before {
    content: '\e84a';
}

.icon-ico-nina-2:before {
    content: '\e84b';
}

body {
    font-family: 'Open Sans',sans-serif;
    overflow-x: hidden;
    color: #77777a;
}

.container {
    position: relative;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat,sans-serif;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 24px;
    margin: 30px 0;
}

@media screen and (max-width:767px) {
    h3 {
        font-size: 20px;
    }
}

h4 {
    font-size: 24px;
    color: #77777a;
    padding: 15px 0 25px;
    font-weight: 700;
}

    h4 b {
        display: inline-block;
    }

a:hover {
    text-decoration: none;
    color: inherit;
}

a,
a:focus,
a:hover,
a:visited {
    color: inherit;
}

    a.con-hover {
        color: #3d7dda !important;
    }

        a.con-hover:hover {
            color: #3ed2f7 !important;
        }

.sin-hover-pointer {
    cursor: auto !important;
}

    .sin-hover-pointer:hover {
        color: inherit !important;
    }

.form-group {
    position: relative;
}

    .form-group label.error,
    .form-group span.error {
        color: red;
        position: absolute;
        left: 10px;
        bottom: -38px;
        border: 1px solid red;
        padding: 10px 15px;
        background: #ffd1d1;
        font-size: 12px;
        z-index: 9999;
    }

        .form-group label.error:after,
        .form-group label.error:before,
        .form-group span.error:after,
        .form-group span.error:before {
            bottom: 100%;
            left: 16%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .form-group label.error:after,
        .form-group span.error:after {
            border-color: rgba(255,255,255,0);
            border-bottom-color: #ffd1d1;
            border-width: 7px;
            margin-left: -7px;
        }

        .form-group label.error:before,
        .form-group span.error:before {
            border-color: rgba(255,10,10,0);
            border-bottom-color: #ff0a0a;
            border-width: 8px;
            margin-left: -8px;
        }

    .form-group.calendar {
        position: relative;
    }

        .form-group.calendar .datepicker {
            padding: 0;
        }

        .form-group.calendar:before {
            content: '\e82b';
            display: block;
            width: 23px;
            height: 23px;
            font-size: 23px;
            position: absolute;
            right: 20px;
            top: 20px;
            color: #3d7dda;
        }

    .form-group.date {
        position: relative;
    }

        .form-group.date:before {
            font-family: 'Glyphicons Halflings';
            content: '\e023';
            display: block;
            width: 30px;
            height: 29px;
            font-size: 28px;
            position: absolute;
            right: 6px;
            top: 8px;
            color: #3d7dda;
        }

    .form-group.file input[type=file] {
        position: absolute;
        color: #fff;
        outline: 0;
    }

    .form-group.file label {
        margin-top: 0;
        border-bottom-left-radius: 6px !important;
        border-top-left-radius: 6px !important;
        height: 44px;
        min-width: 180px;
        padding: 11px;
        line-height: 120%;
        font-size: 16px;
        font-weight: 700;
        background-color: #3d7dda;
        color: #fff;
        background-image: none;
        border: none;
        text-shadow: none;
    }

    .form-group.file span {
        padding-left: 5px;
        outline: 0;
    }

.form-control {
    border-radius: 0;
    border: solid 1px #9b9b9b;
    height: 54px;
    max-width: 100%;
}

    .form-control:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control.error {
        border-color: red;
    }

textarea.form-control {
    height: auto;
}

.mensaje-de-error {
    width: 100%;
    border: 1px solid red;
    padding: 25px 25px 15px;
    background: #ffd1d1;
    color: red;
    margin-bottom: 20px;
    position: relative;
}

    .mensaje-de-error p {
        font-size: 14px;
        margin: 0 0 15px;
        font-weight: 700;
    }

    .mensaje-de-error:after,
    .mensaje-de-error:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .mensaje-de-error:after {
        border-color: rgba(255,255,255,0);
        border-top-color: #ffd1d1;
        border-width: 7px;
        margin-left: -7px;
    }

    .mensaje-de-error:before {
        border-color: rgba(255,10,10,0);
        border-top-color: #ff0a0a;
        border-width: 8px;
        margin-left: -8px;
    }

#pagosycuentas .completa-datos h5,
.login-horas h5 {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #3d7dda;
}

    #pagosycuentas .completa-datos h5 span,
    .login-horas h5 span {
        font-family: 'Open Sans',sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: #3d7dda;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

label {
    margin-top: 30px;
    display: block;
    position: relative;
}

    label i {
        float: right;
        font-size: 22px;
        position: relative;
        top: -5px;
        color: #3d7dda;
    }

    label.obligatorio {
        position: relative;
    }

        label.obligatorio:after {
            content: "*";
            position: absolute;
            font-size: 24px;
            font-weight: 700;
            color: #3d7dda;
            vertical-align: middle;
            top: -8px;
            right: 0;
        }

        label.obligatorio i {
            margin-right: 25px;
        }

.checkbox-inline,
.radio-inline {
    position: relative;
    height: 45px;
    padding-left: 35px;
    overflow: hidden;
    padding-top: 7px;
    margin-right: 40px;
}

    .checkbox-inline + .checkbox-inline,
    .checkbox-inline + .radio-inline,
    .radio-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin-left: 0;
    }

    .checkbox-inline input[type=checkbox],
    .checkbox-inline input[type=radio],
    .radio-inline input[type=checkbox],
    .radio-inline input[type=radio] {
        display: none;
    }

        .checkbox-inline input[type=checkbox] + label,
        .checkbox-inline input[type=radio] + label,
        .radio-inline input[type=checkbox] + label,
        .radio-inline input[type=radio] + label {
            position: relative;
            cursor: pointer;
            margin-top: 5px;
        }

            .checkbox-inline input[type=checkbox] + label:after,
            .checkbox-inline input[type=radio] + label:after,
            .radio-inline input[type=checkbox] + label:after,
            .radio-inline input[type=radio] + label:after {
                content: '';
                display: block;
                width: 24px;
                height: 24px;
                position: absolute;
                left: -35px;
                top: -3px;
                border: 1px solid #ccc;
                background-color: #fff;
            }

        .checkbox-inline input[type=checkbox]:checked + label:after,
        .checkbox-inline input[type=radio]:checked + label:after,
        .radio-inline input[type=checkbox]:checked + label:after,
        .radio-inline input[type=radio]:checked + label:after {
            background-image: url(../images/checked.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }

.inline-100 {
    width: 100%;
    display: inline-block;
}

.bootstrap-datetimepicker-widget {
    max-width: 320px;
    text-align: center;
    z-index: 99999;
}

    .bootstrap-datetimepicker-widget .datepicker {
        padding: 15px;
        width: 320px;
        text-align: center;
        display: inline-block;
    }

        .bootstrap-datetimepicker-widget .datepicker .datepicker-days {
            width: 100%;
        }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child {
                background-color: #e0faf6;
                text-transform: uppercase;
            }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead th {
                text-align: center;
                height: 60px;
            }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed td {
                height: 38px;
                font-size: 16px;
            }

                .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed td.day {
                    cursor: pointer;
                }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed td.day.active {
                        background: #549ae7;
                        color: #fff;
                    }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed td.day.new {
                        color: #ddd;
                    }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed td.day.disabled {
                        cursor: not-allowed;
                    }

    .bootstrap-datetimepicker-widget .timepicker-picker {
        text-align: center;
        width: 260px;
        margin: 0 30px;
    }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:first-child a {
            color: #70c6b8;
        }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:last-child a {
            color: #70c6b8;
        }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed .timepicker-hour,
        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed .timepicker-minute {
            display: inline-block;
            height: 75px;
            padding-top: 25px;
            font-size: 21px;
        }

    .bootstrap-datetimepicker-widget .datepicker-years {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child {
            background-color: #e0faf6;
            color: #70c6b8;
            text-transform: uppercase;
        }

        .bootstrap-datetimepicker-widget .datepicker-years thead th {
            text-align: center;
            height: 60px;
        }

        .bootstrap-datetimepicker-widget .datepicker-years .year {
            display: inline-block;
            padding: 10px 12px;
            margin: 5px;
            text-align: center;
            border: 1px solid #ddd;
        }

            .bootstrap-datetimepicker-widget .datepicker-years .year.active {
                background-color: #cee1ef;
                border-color: #cee1ef;
                font-weight: 700;
            }

    .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child {
        background-color: #e0faf6;
        color: #70c6b8;
        text-transform: uppercase;
    }

    .bootstrap-datetimepicker-widget .datepicker-months thead th {
        text-align: center;
        height: 60px;
    }

    .bootstrap-datetimepicker-widget .datepicker-months .month {
        display: inline-block;
        padding: 10px 12px;
        margin: 5px;
        text-align: center;
        border: 1px solid #ddd;
        width: 58px;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades thead tr:first-child {
        background-color: #e0faf6;
        color: #70c6b8;
        text-transform: uppercase;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades thead th {
        text-align: center;
        height: 60px;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        display: inline-block;
        padding: 10px 8px;
        margin: 5px;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 12px;
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget .datepicker-decades .decade.active {
            background-color: #cee1ef;
            border-color: #cee1ef;
            font-weight: 700;
        }

        .bootstrap-datetimepicker-widget .datepicker-decades .decade.disabled {
            cursor: not-allowed;
            background-color: #e8e8e8;
            color: #ccc;
        }

    .bootstrap-datetimepicker-widget .table-condensed {
        width: 100%;
    }

        .bootstrap-datetimepicker-widget .table-condensed a span.glyphicon-calendar,
        .bootstrap-datetimepicker-widget .table-condensed a span.glyphicon-time {
            display: block;
            background-color: #7297c5;
            color: #fff;
            text-align: center;
            padding: 10px;
            margin: 0 25px;
        }

    .bootstrap-datetimepicker-widget .timepicker-hours,
    .bootstrap-datetimepicker-widget .timepicker-minutes {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .timepicker-hours .hour,
        .bootstrap-datetimepicker-widget .timepicker-hours .minute,
        .bootstrap-datetimepicker-widget .timepicker-minutes .hour,
        .bootstrap-datetimepicker-widget .timepicker-minutes .minute {
            border: 1px solid #ddd;
            width: 50px;
            display: inline-block;
            margin: 5px 7px;
            cursor: pointer;
        }

            .bootstrap-datetimepicker-widget .timepicker-hours .hour.disabled,
            .bootstrap-datetimepicker-widget .timepicker-hours .minute.disabled,
            .bootstrap-datetimepicker-widget .timepicker-minutes .hour.disabled,
            .bootstrap-datetimepicker-widget .timepicker-minutes .minute.disabled {
                background-color: #ddd;
                color: #c1c1c1;
                cursor: not-allowed;
            }

                .bootstrap-datetimepicker-widget .timepicker-hours .hour.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-hours .minute.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-minutes .hour.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-minutes .minute.disabled:hover {
                    background-color: #ddd;
                    color: #c1c1c1;
                }

            .bootstrap-datetimepicker-widget .timepicker-hours .hour:hover,
            .bootstrap-datetimepicker-widget .timepicker-hours .minute:hover,
            .bootstrap-datetimepicker-widget .timepicker-minutes .hour:hover,
            .bootstrap-datetimepicker-widget .timepicker-minutes .minute:hover {
                background-color: #cee1ef !important;
                border: 1px solid #cee1ef !important;
            }

.remove-th .bootstrap-datetimepicker-widget th {
    display: none;
}

.btn {
    height: 44px;
    min-width: 180px;
    padding: 11px;
    line-height: 120%;
    font-size: 14px;
    font-weight: 700;
}

    .btn:hover {
        color: #3ed2f7 !important;
    }

@media screen and (max-width:464px) {
    .btn.btn-form {
        display: inline-block;
        float: none;
        width: 100%;
    }
}

.btn.btn-slider-principal {
    min-height: 72px;
    min-width: 296px;
}

.btn.btn-slider-home {
    min-height: 46px;
    min-width: 446px;
}

.btn.btn-style {
    min-width: 290px;
}

.btn.btn-editar {
    min-width: 153px;
    margin-top: 15px;
}

.btn.btn-blue {
    background-color: #14458e;
    color: #fff;
}

.btn.btn-light-blue {
    background-color: #3d7dda;
    color: #fff;
}

.btn.btn-celeste {
    background-color: #3d7dda;
    color: #fff;
}

.btn.btn-green-blue {
    background-color: #3d7dda;
    color: #fff;
}

.btn.btn-medio {
    height: 38px;
    line-height: 2;
}

.btn.btn-gris {
    background: #9b9b9b;
    color: #fff;
}

.btn.btn-white {
    background: #fff;
    color: #3d7dda;
}

.btn.btn-verde {
    background: #cee1ef;
    color: #fff;
}

.btn.btn-mensaje {
    float: right;
}

@media screen and (max-width:768px) {
    .btn.btn-mensaje {
        width: 100%;
    }
}

.link {
    color: #0086e0;
    font-size: 16px;
    font-weight: 600;
}


    .link:hover {
        text-decoration: underline;
    }

.link-back:before {
    content: "<";
    padding-right: 5px;
}

.link-fono,
.link-fono:hover {
    color: #77777a;
    display: inline-block;
}

.link-clave {
    float: left;
    margin-top: 12px;
}

@media screen and (max-width:464px) {
    .link-clave {
        display: inline-block;
        float: none;
        vertical-align: middle;
        width: 48%;
        margin-top: 0;
        text-align: left;
    }
}

button,
input,
select,
textarea {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

select {
    padding-right: 20px;
    background-image: url(../images/down-arrow.png) !important;
    background-position: 95% center !important;
    background-repeat: no-repeat !important;
}

.only-mobile {
    display: none !important;
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #cee1ef;
    z-index: 9999;
    top: 0;
}

    .loader img {
        position: relative;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -163px;
    }

.light-blue {
    background-color: #cee1ef;
}

.light-green {
    background-color: #9eaec0;
}

.green-blue {
    background-color: #3d7dda;
}

.ca1 {
    color: #f38b08;
}

.cc3,
.cceleste3 {
    color: #3d7dda;
}

.cc3-imp {
    color: #3d7dda !important;
}

.cc4,
.cceleste4 {
    color: #a9c3e8;
}

.cc7,
.cceleste7 {
    color: #e0edf6;
}

.cc11 {
    color: #1bd4f7;
}

.cc11-imp {
    color: #1bd4f7 !important;
}

.cn1 {
    color: #77777a;
}

.cn1-imp {
    color: #77777a !important;
}

.cb1 {
    color: #fff;
}

.cb1-imp {
    color: #fff !important;
}

.cf2 {
    color: #ec128d;
}

.cv3 {
    color: #2aa637;
}

.crj1 {
    color: #ec3f6b;
}

.cv1 {
    color: #398734;
}

.cv1-imp {
    color: #398734 !important;
}

.can1 {
    color: #ef7939;
}

.can1-imp {
    color: #ef7939 !important;
}

.cg2 {
    color: #77777a;
}

.cg2-imp {
    color: #77777a !important;
}

.bgc3,
.bgc4,
.bgc5,
.bgc6,
.bgc7,
.bgg1,
.bgg3,
.bgg7,
.bgg8,
.bgr1 {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.bgc3 {
    background-color: #3d7dda;
}

.bgc4 {
    background-color: #a9c3e8;
}

.bgc5 {
    margin-top: 20px;
    background-color: #cedbee;
}

.bgc7 {
    margin-top: 20px;
    background-color: #e0edf6;
}

.bgg1 {
    background-color: #d8d8d8;
}

.bgg3 {
    background-color: #efefef;
}

.bgg7 {
    background-color: #b6b6b7;
}

.bgg8 {
    background-color: #fafafa;
}

.bgc6 {
    background-color: #e5edf6;
}

.bgc9 {
    background-color: #80afe3;
}

.bgb1 {
    background-color: #fff;
}

.bgr1 {
    background-color: #fce6f1;
}

.no-bgi {
    background-image: none !important;
    background-image: unset !important;
}

.a-add-c3 {
    display: block;
}

.icon-add-c3 {
    padding: 3px;
    padding-left: 30px;
    background-image: url(../images/icon-add-c3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

.icon-youtube {
    background-image: url(../images/youtube-icon.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.icon-youtube-2 {
    background-image: url(../images/youtube-btn.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.bg-ico-docs {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    background-image: url(../images/ico-docs.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.inhabilitado {
    opacity: .4;
    cursor: not-allowed;
}

.column-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media screen and (max-width:767px) {
    .column-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.wizard {
    background-color: #317fe2;
    margin-bottom: 0;
    height: 105px;
}

    .wizard ol {
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        bottom: 0;
    }

        .wizard ol li {
            display: block;
            float: left;
            width: 25%;
            height: 63px;
            padding-top: 13px;
            background-color: #549ae7;
            color: #fff;
            text-align: center;
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
            font-weight: 700;
        }

@media screen and (max-width:991px) {
    .wizard ol li {
        font-size: 12px;
    }
}

.wizard ol li.active {
    background-color: #345aaa;
    position: relative;
    height: 85px;
    margin-top: -13px;
    z-index: 999;
    padding-top: 25px;
}

    .wizard ol li.active :after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-top-color: #345aaa;
        border-width: 15px;
        margin-left: -15px;
    }

.wizard ol li.visited {
    background-color: #3872c2;
}

.wizard ol li span {
    font-size: 24px;
}

@media screen and (max-width:991px) {
    .wizard ol li span {
        font-size: 18px;
    }
}

.wizard-middle ol li {
    width: 50% !important;
}

.wizard-thirds ol li {
    width: 33.3% !important;
}

.wizard-fifths ol li {
    width: 20% !important;
}

.wizard-mobile {
    display: none;
}

.carousel-control.left {
    background: 0 0;
}

.carousel-control.right {
    background: 0 0;
}

.modal-cli-sm {
    padding: 80px 0;
}

.modal-dialog {
    width: 900px;
    margin: auto !important;
}

@media screen and (max-width:991px) {
    .modal-dialog {
        width: 600px;
    }
}

@media screen and (max-width:630px) {
    .modal-dialog {
        width: 300px;
    }
}

.box-modal {
    background-color: #fff;
    width: 90%;
    min-height: 400px;
    max-width: 1000px;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    transition: 1s;
    text-align: left;
    padding: 60px 0 60px 0;
}

    .box-modal.error {
        background-color: #ffefef;
    }

        .box-modal.error .close-modal {
            background-color: #ce6e6e;
        }

    .box-modal h5 {
        font-size: 28px;
        margin-top: 40px;
    }

    .box-modal p {
        margin: 0;
        font-size: 18px;
    }

    .box-modal .close-modal {
        cursor: pointer;
        width: 38px;
        height: 38px;
        border-radius: 4px;
        background-color: #3d7dda;
        background-image: url(../images/close-modal.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .box-modal .p-destacado-1 {
        border-bottom: 1px solid #979797;
        padding-bottom: 30px;
    }

@media screen and (max-width:630px) {
    .box-modal .p-destacado-1 {
        border-bottom: none;
    }
}

.box-modal .cuando,
.box-modal .donde {
    display: inline;
    margin-right: 0;
    background-position: 8px;
}

    .box-modal .cuando h5,
    .box-modal .donde h5 {
        font-size: 20px;
        margin-top: 0;
    }

@media screen and (max-width:991px) {
    .box-modal .cuando,
    .box-modal .donde {
        display: block;
    }
}

@media screen and (max-width:991px) {
    .box-modal .cuando {
        margin-bottom: -10px;
    }
}

@media screen and (max-width:767px) {
    .box-modal .donde {
        margin-left: 11px !important;
    }
}

@media screen and (max-width:991px) {
    .box-modal .donde .icon-location {
        margin-left: -50px;
    }
}

@media screen and (max-width:767px) {
    .box-modal {
        padding-bottom: 50px;
    }
}

@media screen and (max-width:630px) {
    .box-modal {
        padding-bottom: 15px;
        padding-top: 30px;
    }

        .box-modal .close-modal {
            width: 20px;
            height: 20px;
            background-size: 13px;
            right: 14px;
            top: 13px;
        }
}

.box-modal .botones {
    display: inline-block;
    width: 100%;
}

    .box-modal .botones a {
        float: right;
    }

@media screen and (max-width:767px) {
    .box-modal .botones {
        width: 100%;
        padding-top: 20px;
    }

        .box-modal .botones a {
            float: none;
            display: block;
        }
}

.mensaje-final {
    padding: 83px 5px 116px 5px;
    width: 100%;
    display: inline-block;
}

@media screen and (max-width:768px) {
    .mensaje-final {
        padding-top: 23px;
    }
}

.mensaje-final h3 {
    max-width: inherit !important;
    padding-left: 150px;
    position: relative;
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    margin: 0 !important;
    padding-bottom: 40px;
}

    .mensaje-final h3:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -10px;
        width: 114px;
        height: 114px;
        background-image: url(../images/smile-verde.png);
        background-repeat: no-repeat;
    }

.mensaje-final.error h3:before {
    background-image: url(../images/astonishment-rosa.png);
}

.mensaje-final p {
    padding-left: 150px;
    font-size: 24px;
    margin-bottom: 70px;
}

@media screen and (max-width:375px) {
    #sub-contactanos {
        min-height: 126px;
    }

        #sub-contactanos h2 {
            font-size: 28px;
            margin: 56px 0 23px;
        }

    .invisible-terminaste h2 {
        font-size: 24px;
        margin: 36px auto 35px auto;
        font-weight: 100;
    }

    .invisible-terminaste hr {
        margin-bottom: 0;
        border-top: 1px solid #b6b6b7;
    }

    .mensaje-final {
        padding: 21px 5px 59px 5px;
    }

        .mensaje-final h3 {
            max-width: inherit !important;
            padding-left: 85px;
            position: relative;
            font-size: 14px;
            font-family: 'Open Sans',sans-serif;
            font-weight: 700;
            margin: 0 !important;
            padding-bottom: 20px;
        }

            .mensaje-final h3:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 51px;
                height: 50px;
                background-image: url(../images/smile-verde.png);
                background-size: 50px;
            }

        .mensaje-final p {
            padding-left: 85px;
            font-size: 14px;
            margin-bottom: 30px;
        }

        .mensaje-final hr {
            border-top: 1px solid #b6b6b7;
        }
}

@media screen and (max-width:991px) {
    .sub-header h2 {
        font-size: 24px;
    }
}

@media screen and (max-width:767px) {
    .breadcrumbs {
        display: none;
    }

    .only-mobile {
        display: block !important;
    }

    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin-left: 0;
    }

    .box-modal {
        background-color: #fff;
        width: 90%;
        min-height: 400px;
        max-width: 1000px;
        top: 50px;
        padding: 60px 15px;
    }

        .box-modal h5 {
            font-size: 16px;
            margin-top: 20px;
            margin-bottom: 0 !important;
        }

        .box-modal p {
            font-size: 14px;
        }

        .box-modal .cuando h5,
        .box-modal .donde h5 {
            font-size: 16px;
            margin-top: 0;
        }

        .box-modal .close-modal {
            background-image: url(../images/close-modal.png);
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            right: 20px;
            top: 15px;
        }
}

#sub-header-2-transicion {
    min-height: 100px;
}

    #sub-header-2-transicion.elije-paciente {
        background-color: #e1e0e1;
        min-height: 108px;
    }

    #sub-header-2-transicion h4 {
        padding: 30px 0;
    }

    #sub-header-2-transicion .paciente-select {
        display: table;
        text-align: left;
    }

        #sub-header-2-transicion .paciente-select label {
            display: inline-block;
            text-align: right;
            font-size: 24px;
            width: 100%;
            padding-right: 10px;
            padding-top: 5px;
        }

        #sub-header-2-transicion .paciente-select .select-cont .select-icon {
            position: relative;
        }

            #sub-header-2-transicion .paciente-select .select-cont .select-icon i {
                font-size: 40px;
                color: #3d7dda;
                position: absolute;
                top: 3px;
                left: 14px;
            }

        #sub-header-2-transicion .paciente-select .select-cont .form-control {
            display: table-cell;
            float: right;
            padding-left: 75px;
        }

        #sub-header-2-transicion .paciente-select .select-cont:after {
            top: 12px;
            margin-left: 15px;
        }

        #sub-header-2-transicion .paciente-select .dropdown {
            width: 100%;
            padding-top: 25px;
        }

            #sub-header-2-transicion .paciente-select .dropdown a {
                width: 100%;
                background: #fff;
                color: #000;
                text-align: left;
                border-radius: 0;
                padding: 10px 11px;
                min-height: 54px;
            }

                #sub-header-2-transicion .paciente-select .dropdown a.dropdown-toggle {
                    box-shadow: 1px 0 8px #b9b9b9;
                }

                #sub-header-2-transicion .paciente-select .dropdown a #paciente-seleccionado {
                    padding-left: 10px;
                }

                #sub-header-2-transicion .paciente-select .dropdown a .caret {
                    float: right;
                    margin-top: 10px;
                    border-top: 10px solid;
                    border-right: 7px solid transparent;
                    border-left: 7px solid transparent;
                }

                #sub-header-2-transicion .paciente-select .dropdown a.btn:active {
                    box-shadow: none;
                }

                #sub-header-2-transicion .paciente-select .dropdown a .icon-ico-paciente {
                    color: #3d7dda;
                    font-size: 30px;
                }

            #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu {
                width: 100%;
                box-shadow: none;
                border-radius: 0;
                border: none;
                margin: 0;
                border-top: 1px solid #bfbfbf;
                box-shadow: 1px 2px 8px #b9b9b9;
            }

                #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu a {
                    cursor: pointer;
                    padding: 12px 20px;
                }

                    #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu a i {
                        padding-right: 10px;
                    }

                    #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu a:hover {
                        background-color: #3d7dda;
                        color: #fff;
                    }

                        #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu a:hover i {
                            color: #fff;
                        }

@media screen and (max-width:768px) {
    #sub-header-2-transicion .paciente-select .dropdown .dropdown-menu {
        top: auto;
        margin-top: -1px;
    }
}

@media screen and (max-width:768px) {
    #sub-header-2-transicion .paciente-select {
        display: block;
    }

        #sub-header-2-transicion .paciente-select label {
            display: block;
            font-size: 14px;
            text-align: left;
            margin: 10px 0;
            padding-bottom: 0;
        }

        #sub-header-2-transicion .paciente-select .dropdown {
            padding: 5px 0 15px;
        }

        #sub-header-2-transicion .paciente-select .select-cont .form-control {
            display: block;
            padding-left: 65px;
        }

        #sub-header-2-transicion .paciente-select .select-cont:after {
            content: none;
        }
}

#sub-header-2-transicion .imagenes-label label {
    text-align: right;
}

@media screen and (max-width:768px) {
    #sub-header-2-transicion .imagenes-label label {
        text-align: left;
    }
}

.half-bg {
    float: left;
    width: 100%;
    margin-top: -5px;
    background: linear-gradient(to right,#f5f5f5 0,#f5f5f5 50%,#fff 50%,#fff 100%);
}

@media screen and (max-width:768px) {
    .half-bg {
        background: 0 0;
    }
}

.half-bg2 {
    float: left;
    width: 100%;
    margin-top: -5px;
    padding-top: 80px;
    padding-bottom: 80px;
    /*background: linear-gradient(to right,#e6effd 0,#e6effd 50%,#f5f5f5 50%,#f5f5f5 100%);*/
}
.stt-azul {
    background-color: #E6EFFE;
    padding-bottom: 30px;
    margin: auto;
}
@media screen and (max-width:991px) {
    .half-bg2 {
        background: 0 0;
    }
}

.wizard {
    background-color: #3d7ddc;
    margin-bottom: 50px;
}

    .wizard ol {
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        bottom: -41px;
        z-index: 910;
    }

        .wizard ol li {
            display: block;
            float: left;
            width: 25%;
            height: 63px;
            padding-top: 13px;
            background-color: #6194de;
            color: #fff;
            text-align: center;
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
            font-weight: 700;
        }

@media screen and (max-width:991px) {
    .wizard ol li {
        font-size: 12px;
    }
}

.wizard ol li.active {
    background-color: #345aaa;
    position: relative;
    height: 85px;
    margin-top: -13px;
    padding-top: 25px;
}

    .wizard ol li.active :after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136,183,213,0);
        border-top-color: #345aaa;
        border-width: 15px;
        margin-left: -15px;
    }

.wizard ol li.visited {
    background-color: #3872c2;
}

.wizard ol li span {
    font-size: 24px;
}

@media screen and (max-width:991px) {
    .wizard ol li span {
        font-size: 18px;
    }
}

.wizard-mobile {
    display: none;
}

.transition-timer-carousel-progress-bar {
    height: 3px;
    background-color: #3d7dda;
    width: 0;
    margin: 0;
    border: none;
    z-index: 11;
    position: relative;
}

.panel-blue {
    background-color: #e0edf6;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.panel-grey {
    background-color: #efefef;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.card {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px;
    box-shadow: 2px 3px 8px #969696;
    transition: .3s;
}

    .card .figure-box {
        width: 100%;
        height: 125px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #ccc;
    }

        .card .figure-box img {
            height: 100%;
            width: auto;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
        }

    .card:hover {
        box-shadow: 1px 1px 4px #969696;
    }

        .card:hover .figure-box img {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
        }

.carousel-inner > .item {
    width: 100%;
    float: left;
}

.slider-box-an {
    width: 100%;
    min-height: 420px;
    background-size: cover;
    background-position: right top;
}

@media screen and (max-width:768px) {
    .slider-box-an {
        min-height: 550px;
    }
}

@media screen and (max-width:768px) {
    .slider-box-an .container {
        padding: 0;
    }
}

.slider-box-an .blue-frame {
    background-color: rgba(61,125,218,.7);
    width: 480px;
    height: 430px;
    padding: 70px 35px 20px;
    overflow: hidden;
    transition: .2s;
}

@media screen and (max-width:768px) {
    .slider-box-an .blue-frame {
        height: 230px;
        width: 100%;
        margin-top: 320px;
        padding: 10px 50px;
    }
}

.slider-box-an .blue-frame h4 {
    font-size: 36px !important;
    color: #fff;
    font-weight: 400 !important;
    font-family: 'Open Sans',sans-serif;
}

@media screen and (max-width:768px) {
    .slider-box-an .blue-frame h4 {
        font-size: 21px !important;
        margin: 10px 0 !important;
    }
}

.slider-box-an .blue-frame p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 35px;
}

.panel-group .panel-default {
    border: 0;
    margin-bottom: 20px;
    border-radius: 0;
}

    .panel-group .panel-default .panel-heading {
        background: #efefef;
        border: 0;
    }

        .panel-group .panel-default .panel-heading h4 {
            margin: 9px 0 !important;
            color: #3d7dda;
            font-weight: 500 !important;
            font-family: 'Open Sans',sans-serif;
        }

        .panel-group .panel-default .panel-heading .accordion-toggle {
            position: relative;
            display: block;
        }

            .panel-group .panel-default .panel-heading .accordion-toggle .close-colapse {
                position: absolute;
                right: 10px;
                top: 7px;
                display: block;
                width: 20px;
                height: 20px;
            }

                .panel-group .panel-default .panel-heading .accordion-toggle .close-colapse > span {
                    position: absolute;
                    display: block;
                    width: 20px;
                    height: 5px;
                    background-color: #3d7dda;
                    border-radius: 2.5px;
                }

                    .panel-group .panel-default .panel-heading .accordion-toggle .close-colapse > span:last-child {
                        -ms-transform: rotate(0);
                        -webkit-transform: rotate(0);
                        transform: rotate(0);
                        transition: .5s;
                    }

            .panel-group .panel-default .panel-heading .accordion-toggle.collapsed .close-colapse > span:last-child {
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

.align-left {
    float: left;
    margin: 0 15px 15px 0;
}

.align-right {
    float: right;
    margin: 0 0 0 15px;
}

.container_resena_datos {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    display: block;
}

#pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes-titulo,
#pagosycuentas #pagosycuentas-revision-general .pyc-revisa-c-hosp,
.container_resena_datos_comentario_pre,
.container_resena_datos_titulo {
    padding-left: 0;
    float: none;
}

#pagosycuentas #pagosycuentas-revision-general .pyc-revisa-c-hosp,
.container_resena_datos_comentario_pre {
    margin-bottom: 60px;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-revisa-c-hosp,
    .container_resena_datos_comentario_pre {
        margin-bottom: 0;
        font-size: 20px;
    }
}

@media screen and (max-width:495px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-revisa-c-hosp,
    .container_resena_datos_comentario_pre {
        font-size: 18px;
    }
}

#pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes-titulo,
.container_resena_datos_titulo {
    border-bottom: solid 1px #b6b6b7;
    padding-bottom: 25px;
    font-size: 31px;
    color: #5d5d60;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes-titulo,
    .container_resena_datos_titulo {
        font-size: 25px;
    }
}

@media screen and (max-width:495px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes-titulo,
    .container_resena_datos_titulo {
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .container_resena_datos {
        margin-bottom: 10px;
    }
}

.container_resena_datos .row_resena_datos {
    width: 100%;
    padding: 45px 0 50px;
    font-size: 20px;
    min-height: 220px;
}

    .container_resena_datos .row_resena_datos:first-child {
        border-top: 1px solid #979797;
        padding-bottom: 0;
        margin-top: 35px;
    }

    .container_resena_datos .row_resena_datos:nth-child(n+2) {
        border-top: 1px solid #979797;
    }

@media screen and (max-width:991px) {
    .container_resena_datos .row_resena_datos:nth-child(n+2) {
        border-top: none;
        padding: 25px 0 0;
    }
}

.container_resena_datos .row_resena_datos:last-child {
    border-bottom: 1px solid #979797;
}

@media screen and (max-width:991px) {
    .container_resena_datos .row_resena_datos:last-child {
        padding-top: 0;
        padding-bottom: 80px;
    }
}

.container_resena_datos .row_resena_datos i {
    display: block;
    position: absolute;
    top: 10px;
    font-size: 2.2em;
    color: #3d7dda;
    left: 45%;
}

@media screen and (max-width:991px) {
    .container_resena_datos .row_resena_datos i {
        top: -10px;
    }
}

@media screen and (max-width:768px) {
    .container_resena_datos .row_resena_datos i {
        font-size: 2.8em;
        top: -10px;
    }

    .container_resena_datos .row_resena_datos .space-ico i {
        top: -35px;
    }
}

.container_resena_datos .row_resena_datos .sin-icono h5,
.container_resena_datos .row_resena_datos .sin-icono p,
.container_resena_datos .row_resena_datos .sin-icono span {
    padding-left: 0;
}

.container_resena_datos .row_resena_datos h5,
.container_resena_datos .row_resena_datos p,
.container_resena_datos .row_resena_datos span {
    font-size: 16px;
    margin: 2px 0 2px 0;
}

    .container_resena_datos .row_resena_datos h5.space-ico {
        margin-top: 45px;
    }

@media screen and (max-width:600px) {
    .container_resena_datos .row_resena_datos h5, .container_resena_datos .row_resena_datos p, .container_resena_datos .row_resena_datos span {
        font-size: 14px;
    }
}

.container_resena_datos .row_resena_datos a,
.container_resena_datos .row_resena_datos span {
    font-size: .8em;
}

.container_resena_datos .row_resena_datos h5 {
    color: #3d7dda;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 20px;
}

@media screen and (max-width:768px) {
    .container_resena_datos .row_resena_datos h5 {
        margin-top: 35px;
    }
}

.container_resena_datos .row_resena_datos a {
    color: #0086e0;
}

@media screen and (max-width:768px) {
    .container_resena_datos .row_resena_datos {
        font-size: 14px;
    }
}

.boton-flota-c,
.elm-btn-flota-c,
.flota-c {
    display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
    float: none !important;
}

@media screen and (max-width:768px) {
    .boton-flota-lc,
    .boton-flota-rc,
    .elm-btn-flota-lc,
    .elm-btn-flota-rc,
    .flota-lc,
    .flota-rc {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        clear: both !important;
        float: none !important;
    }
}

.elm-tabla-titulo-1 {
    padding-left: 0;
    float: none;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 30px;
    color: #5d5d60;
}

@media screen and (max-width:991px) {
    .elm-tabla-titulo-1 {
        font-size: 25px;
    }
}

@media screen and (max-width:495px) {
    .elm-tabla-titulo-1 {
        font-size: 20px;
    }
}

.elm-tabla-lista-leyenda ul,
.tabla-lista-leyenda ul {
    padding-left: 2px;
}

.caja-container-info,
.elm-caja-container {
    padding: 15px 5px 5px 5px;
    margin-bottom: 20px;
}

.caja-container-info,
.elm-caja-info {
    background-color: #e5edf6;
    min-height: 145px;
}

.boton-tipo-1,
.boton-tipo-4,
.elm-btn-blanco {
    background-color: #fff;
}

.boton-tipo-2,
.boton-tipo-2-agregar,
.elm-btn-azul-1 {
    background-color: #3d7dda;
}

.boton-tipo-6,
.elm-btn-verde-1 {
    background-color: #398734;
}

.boton-tipo-3,
.boton-tipo-5 {
    background-color: transparent;
}

.boton-tipo-1,
.boton-tipo-5,
.elm-btn-borde-azul-1 {
    border: 1px solid #3d7dda;
}

.boton-tipo-2,
.boton-tipo-2-agregar,
.boton-tipo-6,
.elm-btn-texto-blanco {
    color: #fff;
}

.boton-tipo-1,
.boton-tipo-3,
.boton-tipo-4,
.boton-tipo-5,
.elm-btn-texto-azul-1 {
    color: #3d7dda;
}

.boton-tipo-3,
.boton-tipo-6 {
    font-weight: 400;
}

.boton-tipo-1,
.boton-tipo-2,
.boton-tipo-2-agregar,
.boton-tipo-3,
.boton-tipo-4,
.boton-tipo-5,
.boton-tipo-6,
.elm-btn-padding-1 {
    padding-left: 36px;
    padding-right: 36px;
}

.boton-tipo-2-agregar,
.elm-btn-icon-add {
    padding-bottom: 4px;
    height: 40px;
    padding: 2px 15px 4px 15px;
}

@media screen and (max-width:350px) {
    .boton-tipo-2-agregar,
    .elm-btn-icon-add {
        font-size: 11px;
    }
}

.boton-tipo-2-agregar span,
.elm-btn-icon-add span {
    height: 19px;
    width: 19px;
    display: inline-block;
    padding-right: 22px;
    background-image: url(../images/boton_mas_blanco.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: -4px;
}

.boton-flota-lc,
.elm-btn-flota-lc,
.flota-lc {
    float: left;
}

.boton-flota-rc,
.elm-btn-flota-rc,
.flota-rc {
    float: right;
}

.boton-flota-r,
.elm-btn-flota-r,
.flota-r {
    float: right;
}

.boton-flota-l,
.elm-btn-flota-l,
.flota-l {
    float: left;
}

.elm-inputs-container,
.input-container-1 {
    z-index: 1;
    margin-top: 15px;
}

.elm-inputs-container-1,
.input-container-1 {
    max-height: 54px;
    width: 350px;
    max-width: 100%;
}

    .elm-inputs-container-1 .icon-ico-search,
    .input-container-1 .icon-ico-search {
        position: absolute;
        right: 15px;
        top: 15px;
    }

        .elm-inputs-container-1 .icon-ico-search:before,
        .input-container-1 .icon-ico-search:before {
            font-size: 25px;
            color: rgba(255,255,255,.5);
        }

@media screen and (max-width:768px) {
    .elm-inputs-container,
    .input-container-1 {
        display: block;
        clear: both;
    }
}

.elm-inputs-border-blanco,
.input-1-bb-bgt-tb {
    border: 1px solid rgba(255,255,255,.5);
}

.input-1-bb-bgt-tb {
    background-color: transparent;
}

.elm-inputs-texto-blanco,
.input-1-bb-bgt-tb {
    color: #fff;
}

    .elm-inputs-texto-blanco::-webkit-input-placeholder,
    .input-1-bb-bgt-tb::-webkit-input-placeholder {
        color: #fff;
    }

    .elm-inputs-texto-blanco::-moz-placeholder,
    .input-1-bb-bgt-tb::-moz-placeholder {
        color: #fff;
    }

    .elm-inputs-texto-blanco:-ms-input-placeholder,
    .input-1-bb-bgt-tb:-ms-input-placeholder {
        color: #fff;
    }

    .elm-inputs-texto-blanco:-moz-placeholder,
    .input-1-bb-bgt-tb:-moz-placeholder {
        color: #fff;
    }

.elm-slider-box-an-content-sm {
    position: relative;
    /*background-image: url(../images/sce-ben-foto_nino.png);*/
    background-size: auto 240px;
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 4px;
}

    .elm-slider-box-an-content-sm .slider-box-an-content-lnk {
        cursor: pointer;
        min-width: 60px;
        height: 30px;
        background-color: #fff;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        top: 15px;
        left: 0;
    }

        .elm-slider-box-an-content-sm .slider-box-an-content-lnk a {
            top: 5px;
            position: relative;
        }

        .elm-slider-box-an-content-sm .slider-box-an-content-lnk.youtube {
            background-image: url(../images/youtube-btn.png) !important;
            background-size: auto 70%;
            background-position: center;
            background-repeat: no-repeat;
        }

    .elm-slider-box-an-content-sm .slider-box-an-content-text {
        cursor: pointer;
    }

    .elm-slider-box-an-content-sm p:nth-child(1) {
        padding-top: 250px;
        margin-bottom: 0;
    }

    .elm-slider-box-an-content-sm p.p-destacado-1 {
        margin-top: 10px;
    }

    .elm-slider-box-an-content-sm.no-img {
        background-image: none;
        background-image: unset;
    }

        .elm-slider-box-an-content-sm.no-img p:nth-child(1) {
            padding-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .elm-slider-box-an-content-sm.no-img p.p-destacado-1 {
            margin-top: 10px;
        }

.panel-group.nuevo-panel {
    border-bottom: 1px solid #979797;
    padding-bottom: 40px;
    display: table;
    width: 100%;
}

    .panel-group.nuevo-panel .panel-default {
        border: 0;
        margin-bottom: 20px;
        border-radius: 0;
        display: table;
        width: 100%;
    }

        .panel-group.nuevo-panel .panel-default .panel-heading {
            background: #efefef;
            border: 0;
        }

            .panel-group.nuevo-panel .panel-default .panel-heading,
            .panel-group.nuevo-panel .panel-default .panel-heading h4 {
                height: 32px;
                min-height: 32px;
            }

                .panel-group.nuevo-panel .panel-default .panel-heading h4 {
                    margin: 0 0 !important;
                    color: #3d7dda;
                    font-weight: 500 !important;
                    font-family: 'Open Sans',sans-serif;
                    padding: 9px 0;
                }

                .panel-group.nuevo-panel .panel-default .panel-heading .accordion-toggle {
                    position: relative;
                    display: block;
                }

                    .panel-group.nuevo-panel .panel-default .panel-heading .accordion-toggle .close-colapse {
                        position: absolute;
                        right: 10px;
                        top: 7px;
                        display: block;
                        width: 20px;
                        height: 20px;
                    }

                        .panel-group.nuevo-panel .panel-default .panel-heading .accordion-toggle .close-colapse > span {
                            position: absolute;
                            display: block;
                            width: 20px;
                            height: 5px;
                            background-color: #3d7dda;
                            border-radius: 2.5px;
                        }

                            .panel-group.nuevo-panel .panel-default .panel-heading .accordion-toggle .close-colapse > span:last-child {
                                -ms-transform: rotate(0);
                                -webkit-transform: rotate(0);
                                transform: rotate(0);
                                transition: .5s;
                            }

                    .panel-group.nuevo-panel .panel-default .panel-heading .accordion-toggle.collapsed .close-colapse > span:last-child {
                        -ms-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

    .panel-group.nuevo-panel .panel-body-content-container-tabla {
        padding: 4px;
    }

        .panel-group.nuevo-panel .panel-body-content-container-tabla table.ls-abierto {
            padding: 0 6px;
            border-collapse: separate;
            margin-bottom: 14px;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla th {
            border: 6px solid #fff;
            padding-left: 12px;
            padding-right: 12px;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla tr {
            height: 41px;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla th {
            background-color: #e1e0e1;
            color: #77777a;
            padding-top: 6px;
            padding-bottom: 6px;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla thead > tr > th:nth-child(1) {
            background-color: #fff;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla tbody td {
            padding: 10px 18px;
            border-bottom: 1px solid #979797;
        }

        .panel-group.nuevo-panel .panel-body-content-container-tabla tfoot th {
            border-top: 11px solid #fff;
        }

    .panel-group.nuevo-panel .panel-collapse {
        margin-top: -20px;
    }

    .panel-group.nuevo-panel .container-btn button {
        margin: 0px 6px 0px 6px;
    }

.coletilla-pagos-container img.img-webpay {
    margin-top: 40px;
    margin-left: 20px;
}

.coletilla-pagos-container {
    padding: 40px 0 60px 0;
}

    .coletilla-pagos-container .webpay-aceptamos {
        margin: 30px 35px 30px 0;
        text-align: right;
        line-height: 1.7;
    }

@media screen and (max-width:768px) {
    .coletilla-pagos-container .webpay-aceptamos {
        margin-right: 0;
    }
}

.coletilla-pagos-container img.webpay-aceptamos-img {
    float: right;
    width: 300px;
    max-width: 100%;
    display: inline;
    padding: 0 0 0 10px;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container img.webpay-aceptamos-img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.coletilla-pagos-container .webpay-img-container {
    float: left;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .webpay-img-container {
        float: none;
        display: block;
    }
}

.coletilla-pagos-container .webpay-img-container img.webpay-img {
    width: 200px;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .webpay-img-container img.webpay-img {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.coletilla-pagos-container .ayuda {
    text-align: left;
    margin-left: 19px;
    padding: 30px 0;
    color: #3d7dda;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .ayuda {
        padding-top: 10px;
    }
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .ayuda {
        text-align: center;
    }
}

.coletilla-pagos-container .ayuda i {
    font-size: 40px;
    display: inline;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .ayuda i {
        display: block;
    }
}

.coletilla-pagos-container .ayuda h5 {
    display: inline-block;
    line-height: 2;
    margin-left: 6px;
}

@media screen and (max-width:768px) {
    .coletilla-pagos-container .ayuda h5 {
        margin-top: 0;
    }
}

.coletilla-pagos-container .ayuda h5 small {
    display: block;
    color: #77777a;
    line-height: 1.6;
}

.tooltip-inner {
    background-color: #317fe2;
    padding: 15px;
}

.tooltip-arrow {
    border-bottom-color: #317fe2 !important;
}

@media screen and (max-width:991px) {
    .col-central {
        display: none;
    }
}

.col-central-separador {
    height: 160px;
    border-right: solid 1px #b6b6b7;
}

.col-central-o p,
.col-central-o-mobil p {
    text-align: center;
    margin-top: 9px;
}

.col-central-o-mobil {
    display: none;
    max-height: 1px;
    margin-bottom: 40px;
    line-height: 0;
}

    .col-central-o-mobil p {
        margin-top: -1px;
    }

    .col-central-o-mobil .col-xs-12 {
        border-bottom: solid 1px #b6b6b7;
    }

@media screen and (max-width:991px) {
    .col-central-o-mobil {
        display: block;
    }
}

.final-anular {
    padding: 100px 150px;
}

    .final-anular h3 {
        padding-bottom: 10px !important;
        padding-left: 140px;
        position: relative;
        font-size: 24px;
        font-weight: 700;
        font-family: 'Open Sans',sans-serif;
        margin: 0 !important;
    }

        .final-anular h3:before {
            content: '';
            display: block;
            position: absolute;
            left: 16px;
            top: -9px;
            width: 85px;
            height: 85px;
            background-image: url(../images/smile-verde.png);
            background-position: center center;
            background-size: 85px 85px;
            background-repeat: no-repeat;
        }

    .final-anular p {
        padding-left: 140px;
        font-size: 24px;
        margin-bottom: 70px;
    }

    .final-anular #volver-busqueda,
    .final-anular .class-volver-busqueda {
        float: right;
        max-width: 250px;
        padding-right: 48px;
        padding-left: 25px;
        background-image: url(../images/ico-buscar.png);
        background-repeat: no-repeat;
        background-position: right 18px center;
    }

    .final-anular .class-boton-a-centrado {
        max-width: 250px;
        padding-right: 25px;
        padding-left: 25px;
    }

#pagosycuentas #terminaste,
.exito-left-container,
.no-posible-pago,
.pago-hecho {
    margin-bottom: 95px;
    padding-top: 25px;
}

@media screen and (max-width:768px) {
    #pagosycuentas #terminaste,
    .exito-left-container,
    .no-posible-pago,
    .pago-hecho {
        padding-top: 50px;
    }
}

.exito-left-container-titulo,
.no-posible-pago-titulo,
.pago-hecho-titulo {
    padding-bottom: 10px;
}

    .exito-left-container-titulo img,
    .no-posible-pago-titulo img,
    .pago-hecho-titulo img {
        width: 100px;
        margin-right: 30px;
    }

@media screen and (max-width:570px) {
    .exito-left-container-titulo img,
    .no-posible-pago-titulo img,
    .pago-hecho-titulo img {
        width: 75px;
    }
}

@media screen and (max-width:768px) {
    .exito-left-container-titulo img,
    .no-posible-pago-titulo img,
    .pago-hecho-titulo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}

.exito-left-container-titulo p,
.no-posible-pago-titulo p,
.pago-hecho-titulo p {
    display: inline;
}

.exito-left-container-titulo h4,
.no-posible-pago-titulo h4,
.pago-hecho-titulo h4 {
    display: inline;
    vertical-align: 17px;
}

@media screen and (max-width:768px) {
    .exito-left-container-titulo h4,
    .no-posible-pago-titulo h4,
    .pago-hecho-titulo h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:768px) {
    .exito-left-container-titulo h4,
    .no-posible-pago-titulo h4,
    .pago-hecho-titulo h4 {
        text-align: center;
        display: block;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
    }
}

.no-posible-pago-cuerpo ul {
    -webkit-padding-start: 17px;
    padding-left: 17px;
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-imprimir-container-btn,
.no-posible-pago-container-boton {
    padding-bottom: 23px;
    padding-top: 23px;
    margin-bottom: 18px;
    border-bottom: 1px solid #b6b6b7;
}

    #pagosycuentas #terminaste .tabla-detalle-transaccion-imprimir-container-btn .imprimir-detalle-btn,
    .no-posible-pago-boton-reintenta {
        padding-left: 36px;
        padding-right: 36px;
        background-color: #3d7dda;
        color: #fff;
    }

        #pagosycuentas #terminaste .tabla-detalle-transaccion-imprimir-container-btn .imprimir-detalle-btn i,
        .no-posible-pago-boton-reintenta i {
            font-size: 25px;
            vertical-align: -4px;
            margin-left: 4px;
        }

@media screen and (max-width:464px) {
    #pagosycuentas #terminaste .tabla-detalle-transaccion-imprimir-container-btn .imprimir-detalle-btn,
    .no-posible-pago-boton-reintenta {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none !important;
    }
}

.no-posible-pago-volver,
.pago-hecho-volver {
    padding-left: 0;
}

.exito-left-container p,
.pago-hecho p {
    padding-left: 131px;
    margin-top: -26px;
    font-size: 24px;
    margin-bottom: 40px;
    display: inline-block;
}

@media screen and (max-width:768px) {
    .exito-left-container p,
    .pago-hecho p {
        font-size: 16px;
        margin-top: 13px;
        padding-left: 0;
        line-height: 1.3;
    }
}

@media screen and (max-width:570px) {
    .exito-left-container,
    .pago-hecho {
        margin-bottom: 30px;
    }
}

.exito-left-container-titulo,
.pago-hecho-titulo {
    padding-bottom: 0;
    border-bottom: 1px solid #b6b6b7;
}

.contactanos-ex .exito-left-container,
.pre-admision-2b .container-exito .exito-left-container,
.pre-admision-2c .container-exito .exito-left-container {
    margin-bottom: 0 !important;
}

.contactanos-ex .exito-left-container-titulo,
.pre-admision-2b .container-exito .exito-left-container-titulo,
.pre-admision-2c .container-exito .exito-left-container-titulo {
    border: none !important;
}

@media screen and (max-width:991px) {
    .contactanos-ex .exito-left-container-titulo img,
    .pre-admision-2b .container-exito .exito-left-container-titulo img,
    .pre-admision-2c .container-exito .exito-left-container-titulo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 0;
    }
}

@media screen and (max-width:991px) {
    .contactanos-ex .exito-left-container-titulo,
    .pre-admision-2b .container-exito .exito-left-container-titulo,
    .pre-admision-2c .container-exito .exito-left-container-titulo {
        text-align: center;
    }
}

@media screen and (max-width:991px) {
    .contactanos-ex .exito-left-container .p-destacado-1,
    .pre-admision-2b .container-exito .exito-left-container .p-destacado-1,
    .pre-admision-2c .container-exito .exito-left-container .p-destacado-1 {
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width:768px) {
    .contactanos-ex .exito-left-container .p-destacado-1,
    .pre-admision-2b .container-exito .exito-left-container .p-destacado-1,
    .pre-admision-2c .container-exito .exito-left-container .p-destacado-1 {
        padding-bottom: 20px !important;
    }
}

@media screen and (max-width:991px) {
    .contactanos-ex .exito-left-container,
    .pre-admision-2b .container-exito .exito-left-container,
    .pre-admision-2c .container-exito .exito-left-container {
        padding-top: 0;
    }
}

.contactanos-ex div.mensaje-final,
.pre-admision-2b .container-exito div.mensaje-final,
.pre-admision-2c .container-exito div.mensaje-final {
    padding: 80px 0 !important;
}

@media screen and (max-width:991px) {
    .contactanos-ex div.mensaje-final,
    .pre-admision-2b .container-exito div.mensaje-final,
    .pre-admision-2c .container-exito div.mensaje-final {
        padding: 30px 0 !important;
    }
}

.border-left {
    border-left: solid 1px #b6b6b7;
}

@media screen and (max-width:991px) {
    #sugerencias .border-left {
        border-left: none;
    }
}

.p-destacado-1 {
    font-size: 18px;
    margin-top: 30px;
    display: inline-block;
}

@media screen and (max-width:991px) {
    .p-destacado-1 {
        font-size: 16px;
    }
}

@media screen and (max-width:767px) {
    .p-destacado-1 {
        font-size: 15px;
    }
}

.contactanos-1 div.sub-header-2 > div > p.p-destacado-1:nth-child(1) {
    margin-top: 48px;
}

.contactanos-1 div.sub-header-2 {
    margin-bottom: 0 !important;
}

.contactanos-1 .half-bg2 {
    padding-bottom: 80px;
}

.bg-ico-calendario-grid {
    background-image: url(../images/ico-calendario.png);
    background-size: 45px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    min-height: 100px;
}

@media screen and (max-width:991px) {
    .bg-ico-calendario-grid {
        background-position: 15px 0 !important;
        background-size: 37px;
        min-height: 70px;
    }
}

.bg-ico-num-admin {
    background-image: url(../images/ico-num-admin.png);
    background-size: 45px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    min-height: 100px;
}

@media screen and (max-width:991px) {
    .bg-ico-num-admin {
        background-position: 15px 0 !important;
        background-size: 37px;
        min-height: 70px;
    }
}

.bg-ico-fecha-ing {
    background-image: url(../images/ico-fecha-ing.png);
    background-size: 45px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    min-height: 100px;
}

@media screen and (max-width:991px) {
    .bg-ico-fecha-ing {
        background-position: 15px 0 !important;
        background-size: 37px;
        min-height: 70px;
    }
}

.bg-ico-fecha-alt {
    background-image: url(../images/ico-fecha-alt.png);
    background-size: 45px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    min-height: 100px;
}

@media screen and (max-width:991px) {
    .bg-ico-fecha-alt {
        background-position: 15px 0 !important;
        background-size: 37px;
        min-height: 70px;
    }
}

.bg-ico-num-reserva {
    background-image: url(../images/ico-num-reserva.png);
    background-size: 45px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    min-height: 100px;
}

@media screen and (max-width:991px) {
    .bg-ico-num-reserva {
        background-position: 15px 0 !important;
        background-size: 37px;
        min-height: 70px;
    }
}

.bg-ico-alerta-amarilla {
    background-image: url(../images/ico-alerta-amarilla.png);
    background-size: 18px;
    background-position: center center !important;
    background-repeat: no-repeat;
    height: 34px;
    width: 18px;
    top: 0 !important;
}

@media screen and (max-width:991px) {
    .bg-ico-alerta-amarilla {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
    }
}

.bg-ico-alerta-azul {
    background-image: url(../images/ico-alerta-azul.png);
    background-size: 40px;
    background-position: center center !important;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    top: 0 !important;
}

@media screen and (max-width:991px) {
    .bg-ico-alerta-azul {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
    }
}

.box-medicos {
    min-height: 150px;
    border-bottom: solid 1px #979797;
    margin: 10px 0;
    padding: 15px 0 50px;
}

    .box-medicos .info-mini-medico:after {
        content: '';
        display: block;
        clear: both;
        width: 100%;
        height: 1px;
    }

    .box-medicos .imagen {
        width: 138px;
        height: 138px;
        border: 1px solid #ccc;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        margin: 0 20px;
    }

@media screen and (max-width:991px) {
    .box-medicos .imagen {
        float: initial;
        margin: 0 auto;
    }
}

@media screen and (max-width:767px) {
    .box-medicos .imagen {
        margin: 0 20px;
        float: left;
    }
}

.box-medicos h5 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 180px;
}

@media screen and (max-width:991px) {
    .box-medicos h5 {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
    }
}

@media screen and (max-width:767px) {
    .box-medicos h5 {
        text-align: left;
    }
}

.box-medicos p {
    margin-bottom: 0;
    margin-left: 180px;
}

    .box-medicos p.especialidad-dr {
        font-size: 24px;
    }

@media screen and (max-width:991px) {
    .box-medicos p {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
    }
}

@media screen and (max-width:767px) {
    .box-medicos p {
        text-align: left;
    }
}

.sub-header2-btn-hist-pagos,
.sub-header2-h3-select {
    background-color: #cedbee;
    height: 71px;
    padding-top: 13px;
    padding-bottom: 13px;
}

    .sub-header2-btn-hist-pagos .btn-hist-pagos,
    .sub-header2-h3-select .btn-hist-pagos {
        margin-left: 18px;
    }

div.form-group.in-sub-header-2 {
    position: relative;
}

    div.form-group.in-sub-header-2 label {
        position: absolute;
        right: 332px;
        top: 34px;
    }

    div.form-group.in-sub-header-2 ÔÇï select {
        width: 100%;
    }

    div.form-group.in-sub-header-2 .flota-rc.container-select {
        margin-top: 46px;
        width: 300px;
        max-width: 100%;
    }

@media screen and (max-width:991px) {
    div.form-group.in-sub-header-2 .flota-rc.container-select {
        float: none;
        margin: auto;
    }

        div.form-group.in-sub-header-2 .flota-rc.container-select label {
            position: static !important;
            margin-top: 5px;
        }
}

.examenes-body-row .el-header > div,
.examenes-body-row .el-tabla-body-tr > div:nth-child(1n+2),
.examenes-body-row .el-tabla-header > div,
.examenes-lab-1-body-row .el-header > div,
.examenes-lab-1-body-row .el-tabla-body-tr > div:nth-child(1n+2),
.examenes-lab-1-body-row .el-tabla-header > div,
.sin-padding {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

hr.separador-10px {
    padding: 10px 0;
    background-color: #eee;
}

.cargas-fam-3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background-image: url(../images/cargas-fam-3.png);
    background-size: contain;
    background-position: center center !important;
    background-repeat: no-repeat;
    height: 35px;
    width: 50px;
}

@media screen and (max-width:991px) {
    .cargas-fam-3 {
        position: static !important;
        display: block !important;
        margin: 10px auto !important;
    }
}

.cintillo-principal-cat-body p {
    color: #77777a;
    line-height: 1.6;
}

.cintillo-principal-cat-body .cat-dtop-container {
    margin-top: 18px;
}

.cintillo-principal-cat-body .cat-dtop-img {
    background-image: url(../images/rn1-dtop.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width:991px) {
    .cintillo-principal-cat-body .cat-dtop-img {
        background-position: 86% center;
    }
}

@media screen and (max-width:767px) {
    .cintillo-principal-cat-body .cat-dtop-img {
        background-position: 86% center;
    }
}

@media screen and (max-width:600px) {
    .cintillo-principal-cat-body .cat-dtop-img {
        background-position: 71% center;
    }
}

.cintillo-principal-cat-body .cat-dtop-img > .container {
    height: 100%;
    min-height: 432px;
}

@media screen and (max-width:767px) {
    .cintillo-principal-cat-body .cat-dtop-img > .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul {
    height: 432px;
    min-height: 432px;
    background-color: #3d7dda;
    color: #fff;
    padding: 0px 40px 0px 40px;
    opacity: .8;
}

@media screen and (max-width:991px) {
    .cintillo-principal-cat-body .cat-dtop-img .recuadro-azul {
        height: 200px;
        min-height: 200px;
        padding: 25px;
        margin-top: 182px;
    }
}

@media screen and (max-width:767px) {
    .cintillo-principal-cat-body .cat-dtop-img .recuadro-azul {
        padding: 15px;
    }
}

.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul h3 {
    margin-top: 130px;
    margin-bottom: 20px;
}

@media screen and (max-width:991px) {
    .cintillo-principal-cat-body .cat-dtop-img .recuadro-azul h3 {
        margin-top: 20px !important;
    }
}

@media screen and (max-width:767px) {
    .cintillo-principal-cat-body .cat-dtop-img .recuadro-azul h3 {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }
}

.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul p {
    color: #fff;
}

@media screen and (max-width:767px) {
    .cintillo-principal-cat-body .cat-dtop-img .recuadro-azul p {
        font-size: 13px;
    }
}

.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul a {
    color: #fff;
}

.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul .boton-tipo-1,
.cintillo-principal-cat-body .cat-dtop-img .recuadro-azul .boton-tipo-1 a {
    color: #3d7dda;
}

.rb-pequenos-container input[type=radio] {
    display: none;
    visibility: hidden;
}

    .rb-pequenos-container input[type=radio] + label span {
        background-image: url(../images/radio-buttons.png);
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        border: 2px solid #3d7dda;
    }

    .rb-pequenos-container input[type=radio] + label span {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: -2px 10px 0 0;
        vertical-align: middle;
        background-position: right;
        cursor: pointer;
    }

    .rb-pequenos-container input[type=radio]:checked + label span {
        background-position: left;
    }

.ccm .contacto-conmapa {
    padding-top: 10px;
}

    .ccm .contacto-conmapa .col-sm-6 h4.cceleste3,
    .ccm .contacto-conmapa .col-sm-6 i {
        display: inline-block;
    }

@media screen and (max-width:767px) {
    .ccm .contacto-conmapa .col-sm-6 h4.cceleste3,
    .ccm .contacto-conmapa .col-sm-6 i {
        font-size: 18px;
    }
}

.ccm .contacto-conmapa .col-der {
    margin-bottom: 10px;
}

.ccm-google-maps {
    background-image: url(../images/mapa-1.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    margin-bottom: 20px;
}

.ccm-tel-dir div * {
    margin-top: 0;
    margin-bottom: 0;
}

.ccm-tel-dir i {
    font-size: 30px;
    padding-right: 5px;
}

.ccm-tel-dir h4 {
    padding-bottom: 8px !important;
    padding-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: 22px !important;
}

    .ccm-tel-dir h4:nth-child(1n+4) {
        padding-left: 33px;
    }

.social-links {
    font-family: Montserrat,sans-serif;
}

    .social-links span {
        display: inline-block;
        margin-top: 10px;
        float: left;
    }

    .social-links a {
        display: inline-block !important;
        height: 45px !important;
        width: 45px !important;
        overflow: hidden;
        text-indent: -9999px;
        margin-right: 10px !important;
        border-radius: 100% !important;
        background-position: center center;
        background-size: contain;
    }

        .social-links a.youtube {
            background-image: url(../images/youtube-icon.png);
        }

        .social-links a.facebook {
            background-image: url(../images/facebook-icon.png);
        }

        .social-links a.twitter {
            background-image: url(../images/twitter-icon.png);
        }
        .social-links a.instagram {
            background-image: url(../images/instagram-icon.png);
        }

        .social-links a.whatsapp {
            display: none;
        }

display: inline-block !important;
.social-links a.linkedin {
    background-image: url(../images/linkedin-icon.png);
}

@media screen and (min-width:375px) and (max-width:992px) {
    .social-links {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    .social-links {
        text-align: center;
        padding-bottom: 11px;
        border-bottom: 2px solid #a9c3e8;
    }

        .social-links a.whatsapp {
            display: inline-block !important;
            background-image: url(../images/whatsapp-icon.png);
        }
}

.muestra-clave {
    height: 15px;
    width: 15px;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}

    .muestra-clave:checked {
        width: 15px;
        height: 15px;
        -webkit-appearance: checkbox;
        appearance: checkbox;
    }

hr.separador-10px {
    display: inline-block;
    width: 100%;
    margin-top: 0;
    margin-bottom: 45px;
    margin-left: 0;
    margin-right: 0;
    background-color: #e0edf6;
}

.tabla-head-bg-solido .thbs-container {
    margin-bottom: 40px;
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
    padding-right: 0;
}

@media screen and (max-width:991px) {
    .tabla-head-bg-solido .thbs-container {
        padding-left: 0;
    }
}

.tabla-head-bg-solido .thbs-container p:first-child {
    margin-left: 6px;
}

@media screen and (max-width:767px) {
    .tabla-head-bg-solido .thbs-container p:first-child {
        padding-top: 13px;
    }
}

.tabla-head-bg-solido .thbs-container table tbody tr td {
    border: unset;
}

    .tabla-head-bg-solido .thbs-container table tbody tr td:first-child {
        font-weight: 700;
    }

.tabla-head-bg-solido .thbs-container table thead tr th {
    border-bottom: unset;
    background-color: #cedbee;
}

.tabla-head-bg-solido .thbs-container table thead tr th {
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
}

    .tabla-head-bg-solido .thbs-container table thead tr th:first-child {
        border-left: 0 solid;
        min-width: 118px;
    }

    .tabla-head-bg-solido .thbs-container table thead tr th:nth-child(2) {
        min-width: 294px;
    }

    .tabla-head-bg-solido .thbs-container table thead tr th:last-child {
        border-right: 0 solid;
    }

.tabla-head-bg-solido .thbs-container table thead.par tr th:nth-child(1) {
    border-left: unset;
    border-right: 6px solid #fff;
}

.tabla-head-bg-solido .thbs-container table thead.par tr th:nth-child(2) {
    border-left: 6px solid #fff;
    border-right: unset;
}

.tabla-head-bg-solido .thbs-container table.fourth thead tr th:last-child {
    min-width: 340px;
}

.tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:first-child {
    max-width: 118px;
    min-width: 118px;
    width: 118px;
}

.tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:last-child {
    min-width: 426px;
    max-width: 426px;
    width: 426px;
}

.tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:nth-child(2) {
    max-width: 294px;
    min-width: 294px;
    width: 294px;
}

@media screen and (max-width:991px) {
    .tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:first-child {
        min-width: 105px !important;
        max-width: 105px !important;
        width: 105px !important;
    }

    .tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:last-child {
        min-width: 310px !important;
        max-width: 310px !important;
        width: 310px !important;
    }

    .tabla-head-bg-solido .thbs-container table.fourth.equal thead tr th:nth-child(2) {
        min-width: 220px !important;
        max-width: 220px !important;
        width: 220px !important;
    }
}

.tabla-head-bg-solido .thbs-container .panel-group.nuevo-panel {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.container-general {
    display: inline-block;
    width: 100%;
}

.na3b-explore-esp .na3b-explore {
    width: 100% !important;
    display: table !important;
}

    .na3b-explore-esp .na3b-explore .panel-heading {
        display: table !important;
        width: 100% !important;
        min-height: 56px !important;
        max-height: unset !important;
        height: unset !important;
    }

.sub-header2-h3-select {
    height: unset;
    margin-bottom: 0;
}

    .sub-header2-h3-select h3 {
        margin-top: 14px;
        margin-bottom: 0;
    }

    .sub-header2-h3-select div.form-group.in-sub-header-2 {
        margin-top: 0;
        margin-bottom: 0;
    }

        .sub-header2-h3-select div.form-group.in-sub-header-2 .flota-rc.container-select {
            margin-top: 0;
            margin-bottom: 0;
        }

@media screen and (max-width:991px) {
    .sub-header2-h3-select div.form-group.in-sub-header-2 .flota-rc.container-select {
        padding-top: 10px;
    }
}

.sub-header2-h3-select div.form-group.in-sub-header-2 .flota-rc.container-select label {
    margin-top: 0;
    top: 18px;
}

.recuerda-llegar {
    margin-top: 20px;
    margin-bottom: 80px;
    padding: 0 30px;
}

    .recuerda-llegar button {
        float: right;
    }

@media screen and (max-width:991px) {
    .recuerda-llegar button {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }
}

.recuerda-llegar p {
    margin: 0;
    margin-left: -30px;
    padding: 10px 0 12px 25px;
    position: relative;
}

@media screen and (max-width:991px) {
    .recuerda-llegar p {
        text-align: center;
    }
}

.recuerda-llegar .btn-form {
    min-width: 290px;
}

.recuerda-llegar i,
.recuerda-llegar span {
    color: #ffb535;
    font-size: 42px;
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    top: -10px;
    left: 0;
}

@media screen and (max-width:768px) {
    .recuerda-llegar p {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-left: 0;
    }
}

.border-round-cc3,
.border-round-cc3-1px,
.border-round-cc3-3px,
.seg-conv-s-cot-alternativa-1 .scsca1-general .scsca1-sca-content .scsca1-sca-content-cuadrados > div,
.seg-conv-s-cot-alternativa-1 .scsca1-general .scsca1-sts-content-body,
.seg-conv-s-cot-seguro-2 .scscs-planes .col-md-6 > div.container-fluid {
    border-radius: 4px;
    border-style: solid;
    border-color: #3d7dda;
}

.border-round-cc3-3px,
.seg-conv-s-cot-alternativa-1 .scsca1-general .scsca1-sca-content .scsca1-sca-content-cuadrados > div,
.seg-conv-s-cot-alternativa-1 .scsca1-general .scsca1-sts-content-body,
.seg-conv-s-cot-seguro-2 .scscs-planes .col-md-6 > div.container-fluid {
    border-width: 3px;
}

.border-round-cc3-1px {
    border-width: 1px;
}

.datepicker-corregido .datetimepicker {
    background-image: url(../images/ico-calendario.png);
    background-size: auto 50%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 45px;
}
.datepicker-corregido1 .datetimepicker1 {
    background-image: url(../images/ico-calendario-pre.png);
    background-size: auto 50%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 45px;
}
.datepicker-corregido .time {
    background-image: url(../images/ico-time.png);
    background-size: auto 50%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 45px;
}

.datepicker-corregido .upload {
    background-image: url(../images/ico-upload.png);
    background-size: auto 50%;
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 45px;
    cursor: pointer;
}
.datepicker-corregido .bootstrap-datetimepicker-widget {
    max-width: 322px !important;
    min-width: 322px !important;
    width: 322px !important;
    background-color: #e0edf6;
}

    .datepicker-corregido .bootstrap-datetimepicker-widget .timepicker-picker * {
        color: #3d7dda !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .timepicker-picker .timepicker-hour[title="Pick Hour"],
    .datepicker-corregido .bootstrap-datetimepicker-widget .timepicker-picker .timepicker-minute[title="Pick Minute"] {
        pointer-events: none !important;
        color: #fff !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .timepicker-picker .btn[title="Toggle Period"] {
        color: #fff !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-down,
    .datepicker-corregido .bootstrap-datetimepicker-widget .glyphicon.glyphicon-chevron-up {
        color: #3d7dda !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker th.picker-switch[title="Select Decade"] {
        pointer-events: none !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table tbody tr td,
    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table tbody tr td {
        background-color: #e0edf6 !important;
    }

    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days,
    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades,
    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months,
    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years {
        background-color: #e0edf6 !important;
        max-width: 320px !important;
        min-width: 320px !important;
    }

        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days td,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades td,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months td,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years td,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years th {
            padding: 0 !important;
            width: 5px !important;
            height: 5px !important;
        }

            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days td *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days th *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades td *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades th *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months td *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months th *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years td *,
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years th * {
                padding: 0;
                margin: 3px;
            }

        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(1) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr:nth-child(1) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr:nth-child(1) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr:nth-child(1) th {
            padding: 2px !important;
            font-size: 14px !important;
            border: 2px solid #e0edf6 !important;
        }

            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(1) th:nth-child(1),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(1) th:nth-child(3),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr:nth-child(1) th:nth-child(1),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr:nth-child(1) th:nth-child(3),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr:nth-child(1) th:nth-child(1),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr:nth-child(1) th:nth-child(3),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr:nth-child(1) th:nth-child(1),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr:nth-child(1) th:nth-child(3) {
                width: unset !important;
            }

            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(1) th:nth-child(2),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr:nth-child(1) th:nth-child(2),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr:nth-child(1) th:nth-child(2),
            .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr:nth-child(1) th:nth-child(2) {
                background-color: #b8d3fb;
            }

        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table thead tr:nth-child(2) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table thead tr:nth-child(2) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-months table thead tr:nth-child(2) th,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-years table thead tr:nth-child(2) th {
            border: 2px solid #e0edf6 !important;
            border-top: 4px solid #e0edf6 !important;
            border-bottom: 4px solid #e0edf6 !important;
        }

        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody td.day.active,
        .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody td:hover {
            background-color: #3d7dda !important;
            color: #fff !important;
        }

    .datepicker-corregido .bootstrap-datetimepicker-widget .datepicker table tbody td {
        border: 2px solid #e0edf6 !important;
        background-color: #fff !important;
    }

.acepto-cond .checkbox-inline,
.acepto-cond .radio-inline {
    width: 100%;
    height: 90px;
}

@media screen and (max-width:991px) {
    .acepto-cond .checkbox-inline,
    .acepto-cond .radio-inline {
        height: 150px;
    }
}

@media screen and (max-width:660px) {
    .acepto-cond .checkbox-inline,
    .acepto-cond .radio-inline {
        height: 210px;
    }
}

.acepto-cond .checkbox-inline .boton-tipo-2,
.acepto-cond .checkbox-inline .boton-tipo-2-agregar,
.acepto-cond .checkbox-inline label,
.acepto-cond .radio-inline .boton-tipo-2,
.acepto-cond .radio-inline .boton-tipo-2-agregar,
.acepto-cond .radio-inline label {
    opacity: .5;
    transition: opacity .3s ease !important;
}

@media screen and (max-width:360px) {
    .acepto-cond .checkbox-inline .boton-tipo-2,
    .acepto-cond .checkbox-inline .boton-tipo-2-agregar,
    .acepto-cond .radio-inline .boton-tipo-2,
    .acepto-cond .radio-inline .boton-tipo-2-agregar {
        padding-left: 25px !important;
        padding-right: 25px !important;
        width: unset !important;
        min-width: unset !important;
        margin-top: 40px !important;
    }
}

.acepto-cond label {
    font-weight: 400 !important;
    display: inline-block !important;
    margin-top: 29px !important;
}

.acepto-cond input[type=checkbox]:checked + label,
.acepto-cond input[type=checkbox]:checked + label + .boton-tipo-2,
.acepto-cond input[type=checkbox]:checked + label + .boton-tipo-2-agregar,
.acepto-cond:hover input[type=checkbox] + label {
    opacity: 1 !important;
}

.acepto-cond input[type=radio]:checked,
.acepto-cond input[type=radio]:checked + label + .boton-tipo-2,
.acepto-cond input[type=radio]:checked + label + .boton-tipo-2-agregar,
.acepto-cond:hover input[type=radio] + label {
    opacity: 1 !important;
}

hr.simple-1 {
    width: 100%;
    border-bottom: 1px solid #b6b6b7;
}

@media screen and (max-width:767px) {
    .hidden-xs {
        visibility: hidden !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        visibility: hidden !important;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .hidden-md {
        visibility: hidden !important;
    }
}

@media screen and (min-width:1201px) {
    .hidden-lg {
        visibility: hidden !important;
    }
}

.carousel.slide.myCarousel.carousel-azul .carousel-control {
    color: #3d7dda;
}

.carousel.slide.myCarousel.carousel-azul .carousel-indicators .active {
    background-color: #3d7dda;
}

.carousel.slide.myCarousel.carousel-azul .carousel-indicators li {
    border: 1px solid #3d7dda;
}

.calc-tabla-container {
    max-width: 291.6px;
    display: table;
    margin-bottom: 15px;
}

    .calc-tabla-container .calc-tabla-btn-cont {
        padding: 1px;
        float: left;
    }

.busquedas-1-main .sf_pagerNumeric a,
.busquedas-2-main .sf_pagerNumeric a,
.calc-tabla-btn {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 4px;
    background-color: #a9c3e8;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 10.8px;
    font-weight: 700;
    cursor: pointer;
}

    .busquedas-1-main .sf_pagerNumeric a:hover,
    .busquedas-2-main .sf_pagerNumeric a:hover,
    .calc-tabla-btn:hover {
        background-color: #f678ba;
    }

@media screen and (max-width:991px) {
    .calc-tabla-container {
        max-width: 243px;
    }

    .busquedas-1-main .sf_pagerNumeric a,
    .busquedas-2-main .sf_pagerNumeric a,
    .calc-tabla-btn {
        width: 45px;
        height: 45px;
        min-width: 45px;
        background-color: #a9c3e8;
        font-size: 9px;
    }
}

.secciones-scroll table.fondo-tr-th tr:first-child td {
    background-color: #cedbee;
}
/*
.owl-theme .owl-nav [class*=owl-]:hover {
  background-color: rgba(255,255,255,0)!important;
}
*/

.modal-backdrop.fade.in {
    opacity: .9;
    background-color: rgba(0,0,0,.8);
}

.no-absolute {
    position: static !important;
}

.sub-header {
    background-color: #3d7dda;
    min-height: 160px;
    margin-bottom: -10px;
    max-height: 211px;
    display: inline-block;
    width: 100%;
}

    .sub-header h2 {
        color: #fff;
        font-size: 34px;
    }

@media screen and (max-width:767px) {
    .sub-header h2 {
        padding: 45px 0 17px;
    }
}

.sub-header h2 > small {
    color: #fff;
    top: -6px;
    position: relative;
}

.sub-header #volver-a-buscar {
    position: absolute;
    right: 20px;
    top: 50px;
    padding-right: 50px;
    background-image: url(../images/ico-buscar.png);
    background-repeat: no-repeat;
    background-position: 240px center;
}

.sub-header.min {
    min-height: 54px !important;
    margin: 0 !important;
}

.sub-header-2 {
    background-color: #e1e0e1;
    min-height: 162px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .sub-header-2 h3 {
        font-family: 'Open Sans',sans-serif;
        color: #5d5d60;
        font-weight: 400;
        margin-top: 40px;
        line-height: 120%;
    }

.breadcrumbs {
    color: #fff;
    font-size: 12px;
    padding-top: 25px;
}

    .breadcrumbs span {
        display: block;
        float: left;
    }

    .breadcrumbs ol {
        list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .breadcrumbs ol li {
            float: left;
            padding: 0;
            font-size: 12px;
            line-height: 1.6;
        }

            .breadcrumbs ol li a {
                color: #fff;
            }

            .breadcrumbs ol li:before {
                padding: 0 10px;
                content: "/\00a0";
            }

            .breadcrumbs ol li.active a {
                font-weight: 700;
            }

            .breadcrumbs ol li:first-child {
                margin-left: 20px;
            }

                .breadcrumbs ol li:first-child:before {
                    display: none;
                }

#consultas .sub-header-2 {
    margin-bottom: 70px;
}

@media screen and (max-width:991px) {
    .sub-header {
        min-height: 126px;
        /*margin-top: 50px;*/
    }
}

.bootstrap-datetimepicker-widget {
    max-width: 100%;
    width: 100%;
    text-align: center;
    z-index: 99999;
}

    .bootstrap-datetimepicker-widget .datepicker {
        padding: 10px;
        min-width: 227px;
        width: 100%;
        text-align: center;
        display: inline-block;
    }

        .bootstrap-datetimepicker-widget .datepicker .datepicker-days {
            width: 100%;
        }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child {
                background-color: #a9c3e8;
                color: #5d5d60;
                text-transform: uppercase;
            }

                .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child th {
                    height: 36px;
                    width: 29px;
                    padding: 0;
                }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child th:first-of-type,
                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child th:last-of-type {
                        color: #fff;
                        background-color: #3d7dda;
                        width: unset !important;
                    }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:first-child th.picker-switch {
                        cursor: pointer;
                    }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th {
                background-color: #6194de;
                color: #fff;
                height: 36px;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead th {
                text-align: center;
                text-transform: uppercase;
                height: 60px;
            }

                .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed thead th.picker-switch {
                    font-size: 24px;
                }

            .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody {
                background-color: #fff;
            }

                .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td {
                    height: 40px;
                    font-size: 16px;
                    border-radius: 10px;
                    background-color: #efefef;
                    border: 3px solid #fff;
                    font-weight: 700;
                }

                    .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day {
                        cursor: pointer;
                        color: #77777a;
                    }

                        .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day.active {
                            background: #3d7dda;
                            color: #fff;
                        }

                        .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day.new {
                            color: #ddd;
                        }

                        .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day.disabled {
                            cursor: not-allowed;
                            color: #99999b;
                        }

                        .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day.hora-disponible {
                            background: #ec128d;
                        }

                        .bootstrap-datetimepicker-widget .datepicker .datepicker-days .table-condensed tbody td.day.no-disponible {
                            background: #a9c3e8;
                        }

    .bootstrap-datetimepicker-widget .timepicker-picker {
        text-align: center;
        width: 100%;
        margin: 0;
    }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:first-child span,
        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:last-child span {
            color: #fff;
        }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:first-child a,
        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:last-child a {
            color: #fff;
            min-width: 29%;
        }

            .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:first-child a:active,
            .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr:last-child a:active {
                box-shadow: none;
            }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr button {
            width: 36px;
            min-width: 36px;
            background-color: #6194de;
            background-image: none;
            font-weight: 400;
            color: #fff;
            height: 36px;
            padding: 8px 0;
            border-radius: 6px;
            font-size: 14px;
            margin: 0 auto;
            border: none;
        }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed tr .separator {
            color: #fff;
        }

        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed .timepicker-hour,
        .bootstrap-datetimepicker-widget .timepicker-picker .table-condensed .timepicker-minute {
            display: block;
            background-color: #6194de;
            width: 36px;
            color: #fff;
            height: 36px;
            padding: 8px 0;
            border-radius: 6px;
            font-size: 14px;
            margin: 0 auto;
        }

    .bootstrap-datetimepicker-widget .datepicker-years {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child {
            background-color: #a9c3e8;
            color: #5d5d60;
            text-transform: uppercase;
        }

            .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child th {
                height: 36px;
                width: 29px;
                padding: 0;
            }

                .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child th:first-of-type,
                .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child th:last-of-type {
                    color: #fff;
                    background-color: #3d7dda;
                }

                .bootstrap-datetimepicker-widget .datepicker-years thead tr:first-child th.picker-switch {
                    cursor: pointer;
                }

        .bootstrap-datetimepicker-widget .datepicker-years thead th {
            text-align: center;
            height: 60px;
        }

        .bootstrap-datetimepicker-widget .datepicker-years tbody td {
            padding-left: 20px;
            padding-right: 20px;
        }

            .bootstrap-datetimepicker-widget .datepicker-years tbody td span {
                background-color: #6194de;
                color: #fff;
                text-transform: uppercase;
                margin: 14px;
            }

                .bootstrap-datetimepicker-widget .datepicker-years tbody td span.active {
                    background-color: #6194de !important;
                    background-image: none;
                }

        .bootstrap-datetimepicker-widget .datepicker-years .year {
            display: inline-block;
            padding: 0;
            width: 36px;
            height: 36px;
            line-height: 36px;
            margin: 10px 6%;
            text-align: center;
            border: none;
        }

            .bootstrap-datetimepicker-widget .datepicker-years .year.active {
                background-color: #cee1ef;
                border-color: #cee1ef;
                font-weight: 700;
            }

            .bootstrap-datetimepicker-widget .datepicker-years .year:hover {
                background-image: none;
                background-color: #3d7dda;
            }

    .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child {
        background-color: #a9c3e8;
        color: #5d5d60;
        text-transform: uppercase;
    }

        .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child th {
            height: 36px;
            width: 29px;
            padding: 0;
        }

            .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child th:first-of-type,
            .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child th:last-of-type {
                color: #fff;
                background-color: #3d7dda;
            }

            .bootstrap-datetimepicker-widget .datepicker-months thead tr:first-child th.picker-switch {
                cursor: pointer;
            }

    .bootstrap-datetimepicker-widget .datepicker-months thead th {
        text-align: center;
        height: 60px;
    }

    .bootstrap-datetimepicker-widget .datepicker-months tbody td {
        padding-left: 20px;
        padding-right: 20px;
    }

        .bootstrap-datetimepicker-widget .datepicker-months tbody td span {
            background-color: #6194de;
            color: #fff;
            text-transform: uppercase;
        }

    .bootstrap-datetimepicker-widget .datepicker-months .month {
        display: inline-block;
        padding: 0;
        margin: 10px 6%;
        text-align: center;
        border: none;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

        .bootstrap-datetimepicker-widget .datepicker-months .month.active {
            background-color: #6194de !important;
            background-image: none;
        }

        .bootstrap-datetimepicker-widget .datepicker-months .month:hover {
            background-image: none;
            background-color: #3d7dda !important;
        }

    .bootstrap-datetimepicker-widget .datepicker-decades thead tr:first-child {
        background-color: #e0faf6;
        color: #70c6b8;
        text-transform: uppercase;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades thead th {
        text-align: center;
        height: 60px;
    }

    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        display: inline-block;
        padding: 10px 8px;
        margin: 5px;
        text-align: center;
        border: 1px solid #ddd;
        font-size: 12px;
        cursor: pointer;
    }

        .bootstrap-datetimepicker-widget .datepicker-decades .decade.active {
            background-color: #cee1ef;
            border-color: #cee1ef;
            font-weight: 700;
        }

        .bootstrap-datetimepicker-widget .datepicker-decades .decade.disabled {
            cursor: not-allowed;
            background-color: #e8e8e8;
            color: #ccc;
        }

    .bootstrap-datetimepicker-widget .table-condensed {
        width: 100%;
    }

        .bootstrap-datetimepicker-widget .table-condensed a span.glyphicon-calendar,
        .bootstrap-datetimepicker-widget .table-condensed a span.glyphicon-time {
            display: block;
            background-color: #7297c5;
            color: #fff;
            text-align: center;
            padding: 10px;
            margin: 0 25px;
        }

    .bootstrap-datetimepicker-widget .timepicker-hours,
    .bootstrap-datetimepicker-widget .timepicker-minutes {
        text-align: center;
    }

        .bootstrap-datetimepicker-widget .timepicker-hours .hour,
        .bootstrap-datetimepicker-widget .timepicker-hours .minute,
        .bootstrap-datetimepicker-widget .timepicker-minutes .hour,
        .bootstrap-datetimepicker-widget .timepicker-minutes .minute {
            border: 1px solid #ddd;
            width: 50px;
            display: inline-block;
            margin: 5px 7px;
            cursor: pointer;
        }

            .bootstrap-datetimepicker-widget .timepicker-hours .hour.disabled,
            .bootstrap-datetimepicker-widget .timepicker-hours .minute.disabled,
            .bootstrap-datetimepicker-widget .timepicker-minutes .hour.disabled,
            .bootstrap-datetimepicker-widget .timepicker-minutes .minute.disabled {
                background-color: #ddd;
                color: #c1c1c1;
                cursor: not-allowed;
            }

                .bootstrap-datetimepicker-widget .timepicker-hours .hour.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-hours .minute.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-minutes .hour.disabled:hover,
                .bootstrap-datetimepicker-widget .timepicker-minutes .minute.disabled:hover {
                    background-color: #ddd;
                    color: #c1c1c1;
                }

            .bootstrap-datetimepicker-widget .timepicker-hours .hour:hover,
            .bootstrap-datetimepicker-widget .timepicker-hours .minute:hover,
            .bootstrap-datetimepicker-widget .timepicker-minutes .hour:hover,
            .bootstrap-datetimepicker-widget .timepicker-minutes .minute:hover {
                background-color: #c5e9e4;
                border: 1px solid #c5e9e4;
            }

.remove-th .bootstrap-datetimepicker-widget th {
    display: none;
}

#header .container-buscar {
    position: absolute;
    top: -350px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    color: #fff;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header .container-buscar p {
        color: #fff;
        padding: 20px 0 0;
        font-size: 18px;
        text-align: left;
        font-weight: 700;
    }

    #header .container-buscar input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 40px;
        background-image: url(../images/ico-buscar.svg);
        background-repeat: no-repeat;
        background-position: 98%;
        background-size: 46px;
    }

    #header .container-buscar.buscar-drop {
        top: 147px;
    }

        #header .container-buscar.buscar-drop.fixed-buscar {
            position: fixed;
            top: 56px;
        }

    #header .container-buscar.on-top {
        z-index: 100000;
    }

    #header .container-buscar .buscador ol {
        margin-left: 0;
        padding-left: 0;
    }

        #header .container-buscar .buscador ol > li {
            text-align: left;
            border-bottom: 1px solid #d3d3d3;
            padding: 4px 8px;
            list-style: none;
        }

@media screen and (max-width:768px) {
    #header .container-buscar {
        display: none;
    }
}

#header .acceso-directo {
    min-height: 40px;
    font-family: 'Open Sans',sans-serif;
    background-color: #ccc;
    position: relative;
    z-index: 200;
}

    #header .acceso-directo ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #header .acceso-directo ul li {
            float: left;
        }

            #header .acceso-directo ul li a {
                display: block;
                height: 40px;
                padding: 10px 20px;
                font-size: 12px;
                color: #5d5d60;
            }

@media screen and (min-width:768px) and (max-width:992px) {
    #header .acceso-directo ul li a {
        padding: 10px 7px;
        font-size: 11px;
    }
}

#header .acceso-directo ul li.active a {
    color: #77777a;
    background-color: #fff;
}

#header .acceso-directo ul.quick-menu li a {
    background-color: #5d5d60;
    margin-left: 2px;
    padding: 5px 10px 0;
    min-width: 53px;
    text-align: center;
    color: #fff;
}

    #header .acceso-directo ul.quick-menu li a span.icono-busqueda {
        font-size: 20px;
        padding-top: 4px;
    }

#header .acceso-directo ul.quick-menu li.mi-clinica a {
    display: inline-flex;
    line-height: 1.7;
    background-color: #f9b443;
    color: #252424;
    font-size: 18px;
}

    #header .acceso-directo ul.quick-menu li.mi-clinica a strong {
        padding-left: 7px;
    }

@media screen and (min-width:768px) and (max-width:992px) {
    #header .acceso-directo ul.quick-menu li.mi-clinica a {
        font-size: 12px;
        font-height: 2.1;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header .acceso-directo ul.quick-menu li.mi-clinica a {
        font-size: 14px;
        font-height: 1.9;
    }
}

#header .acceso-directo ul.quick-menu li.mi-clinica span {
    margin-left: 20px;
    margin-right: 10px;
}

#header .navbar-header .navbar-toggle {
    padding: 9px 5px;
}

    #header .navbar-header .navbar-toggle span {
        color: #252424;
    }

#header .navbar-header .navbar-brand {
    width: 140px;
    padding: 10px 15px;
}

    #header .navbar-header .navbar-brand.hide-for-menu {
        display: none;
    }

#header .navbar-header .menu-mobile {
    display: block !important;
    width: 34px;
    height: 34px;
}

    #header .navbar-header .menu-mobile span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #3d7dda;
    }

@media screen and (min-width:768px) {
    #header .navbar-header {
        display: none;
    }
}

#header .nav-mobile-img {
    position: absolute;
    left: 19px;
    top: 10px;
    width: 47px;
    padding: 2px 9px;
    z-index: 100000;
}

    #header .nav-mobile-img .mobile-img {
        position: relative;
        top: -50px;
        transition: top .2s ease-in;
    }

        #header .nav-mobile-img .mobile-img.drop {
            top: 0;
            transition: top .4s ease-out;
        }

@media screen and (min-width:768px) {
    #header .nav-mobile-img {
        display: none;
    }
}

@media screen and (max-width:768px) {
    #header .container-menu {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:768px) {
    #header .container-menu .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width:768px) {
    #header .container-menu .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }
}

#header .container-buscar-desktop {
    position: absolute;
    top: -150px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header .container-buscar-desktop p {
        color: #fff;
        padding: 20px 0 10px;
        font-size: 18px;
        text-align: left;
    }

    #header .container-buscar-desktop input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 20px;
        background-image: url(../images/ico-buscar.png);
        background-repeat: no-repeat;
        background-position: 95%;
    }

    #header .container-buscar-desktop.buscar-drop {
        top: 50px;
    }

@media screen and (min-width:768px) {
    #header .container-buscar-desktop {
        width: 99.49vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: -200px;
    }
}

#header .cabezera {
    background-color: #fff;
    min-height: 107px;
    width: 100%;
    transition: 1s;
    position: relative;
    z-index: 999;
    box-shadow: -1px 3px 4px #d6d6d6;
}

@media screen and (max-width:768px) {
    #header .cabezera {
        height: auto;
        border-bottom: 1px solid #d3d3d3;
        position: fixed;
        left: 100%;
        background: #3d7dda;
        visibility: hidden;
        display: none;
        opacity: 0.95;
    }

        #header .cabezera.displayed {
            display: block;
        }

        #header .cabezera.colapsado {
            visibility: visible;
            left: 0;
        }
}

#header .cabezera h1 {
    display: block;
    width: 200px;
    height: 55px;
    float: left;
    background-image: url(../images/logo-clinica.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
    overflow: hidden;
    margin: 25px 0 0;
    transition: .6s;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header .cabezera h1 {
        height: 44px;
        width: 160px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #header .cabezera h1 {
        height: 30px;
        width: 110px;
    }
}

#header .cabezera .menu-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    #header .cabezera .logo {
        display: none;
    }
}

#header .cabezera .nav {
    margin-top: 0;
}

    #header .cabezera .nav h2 {
        width: 0;
        height: 0;
        overflow: hidden;
        float: left;
    }

    #header .cabezera .nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #header .cabezera .nav ul > li {
            float: left;
            /*margin-left: 10px;*/
        }

            #header .cabezera .nav ul > li a {
                color: #3d7dda;
                display: block;
                padding: 45px 15px;
                font-family: Montserrat;
                font-size: 14px;
                font-weight: 500;
                height: 107px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li a {
        color: #fff;
        padding: 10px 0;
        height: auto;
        /*border-bottom: 1px solid #d3d3d3;*/
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header .cabezera .nav ul > li a {
        font-size: 12px;
    }
}

/*@media screen and (min-width:768px) and (max-width:992px) {
    #header .cabezera .nav ul > li a {
        font-size: 11px;
        padding: 33px 7px;
    }
}*/

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li {
        float: none;
        padding: 0 0 0 0;
    }
}

#header .cabezera .nav ul > li:hover a {
    background-color: #3d7dda;
    color: #fff;
}

#header .cabezera .nav ul > li.dropdown .dropdown-menu {
    width: 100%;
    position: absolute;
    display: inline-block;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    text-align: center;
    background-color: #3d7dda;
    position: absolute;
    transition: 1s;
}

@keyframes delay-overflow {
    from {
        max-height: 0;
    }

    to {
        max-height: 2500px;
    }
}

#header .cabezera .nav ul > li.dropdown .dropdown-menu > .container {
    max-height: 0;
    opacity: .2;
    transition: 0s ease-out 0s;
    overflow: hidden;
}

@media screen and (min-width:768px) {
    #header .cabezera .nav ul > li.dropdown:hover {
        position: static;
    }

        #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu {
            padding-bottom: 90px;
            display: inline-block;
        }

            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu > .container {
                margin: 30px 0;
                max-height: 1000px;
                opacity: 1;
                transition: .7s ease-out .1s;
            }

            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu:after,
            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu:before {
                content: '';
                display: block;
                width: 500px;
                height: 100%;
                background-color: #3d7dda;
                position: absolute;
                top: 0;
            }

            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu:before {
                left: -500px;
            }

            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu:after {
                right: -500px;
            }

            #header .cabezera .nav ul > li.dropdown:hover .dropdown-menu > li {
                display: table-cell;
                height: 50px;
                line-height: 50px;
                vertical-align: middle;
            }

            /*#header .cabezera .nav ul > li.dropdown:hover .dropdown-menu a:hover {
                color: #3ed2f7;
            }*/
}

#header .cabezera .nav ul > li.dropdown.mobile-dropdown a {
    border: none;
    background-color: #3d7dda;
    color: #fff;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li.dropdown.mobile-dropdown .menu-chevron:after {
        transform: rotate(90deg);
        transition: transform .3s ease;
        right: 20px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li.dropdown.mobile-dropdown {
        position: static;
    }

        #header .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu {
            display: table;
            border-radius: 0;
            max-height: 1000px;
            text-align: left;
            background-color: #3d7dda;
            border: 0;
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none;
            /*padding-bottom: 90px;*/
            left: auto;
            right: auto;
            margin-left: auto;
            margin-right: auto;
            z-index: 100;
            width: 100%;
            margin-bottom: 10px;
            /*border-bottom: 1px solid #d3d3d3;*/
        }

            #header .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu > li {
                /*display: table-cell;*/
                display: table;
                /*height: 50px;*/
                line-height: 50px;
                vertical-align: middle;
            }

            #header .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu > .container {
                max-height: 1000px;
                opacity: 1 !important;
                animation-timing-function: ease;
                animation: 3.5s delay-overflow;
            }

            #header .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu a:hover {
                color: #3ed2f7 !important;
                background-image: none !important;
            }
}

#header .cabezera .nav ul > li.dropdown.mobile-dropdown:after {
    bottom: auto;
    z-index: 9999999;
}

#header .cabezera .nav ul > li.dropdown.mobile-buttons {
    display: none;
    width: 100%;
    background: #fff;
    padding-right: 0;
    margin-left: 0;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    z-index: 200;
}

    #header .cabezera .nav ul > li.dropdown.mobile-buttons a {
        background-color: #3d7dda;
        color: #fff;
        float: right;
        margin-left: 1px;
        width: 45px;
        height: 50px;
        padding: 12px;
        text-align: center;
        font-size: 20px;
    }

        #header .cabezera .nav ul > li.dropdown.mobile-buttons a span {
            vertical-align: middle;
        }

        #header .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged {
            width: auto;
            font-size: 10px;
            padding: 12px 5px;
        }

            #header .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged img {
                width: 25px;
                margin-right: 5px;
            }

@media screen and (min-width:335px) and (max-width:768px) {
    #header .cabezera .nav ul > li.dropdown.mobile-buttons {
        display: table;
    }

        #header .cabezera .nav ul > li.dropdown.mobile-buttons a {
            display: table-cell;
        }
}

@media screen and (max-width:335px) {
    #header .cabezera .nav ul > li.dropdown.mobile-buttons {
        display: table;
    }

        #header .cabezera .nav ul > li.dropdown.mobile-buttons a {
            display: table-cell;
        }

            #header .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged {
                width: auto;
                font-size: 12px;
                
            }

                #header .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged img {
                    width: 25px;
                    margin-right: 5px;
                }
}

#header .cabezera .nav ul > li.dropdown.mobile-item-only {
    display: none;
    padding: 8px 30px 0 15px;
}

    #header .cabezera .nav ul > li.dropdown.mobile-item-only a {
        border-bottom: none;
        padding: 0;
    }

        #header .cabezera .nav ul > li.dropdown.mobile-item-only a p {
            margin-bottom: 0;
        }

        #header .cabezera .nav ul > li.dropdown.mobile-item-only a:last-child {
            border-bottom: 1px solid #d3d3d3;
            padding-bottom: 8px;
        }

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li.dropdown.mobile-item-only {
        display: block;
    }
}

#header .cabezera .nav ul > li.dropdown.mobile-item-only:last-child a {
    border-bottom: none;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav ul > li.dropdown .menu-chevron:after {
        content: url(../images/chevron-arrow-right.svg);
        position: absolute;
        right: 15px;
        bottom: 2px;
        transition: transform .3s ease;
    }
}

#header .cabezera .nav #menu-especialidad-1 {
    padding: 0 0;
}

    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside {
        padding-bottom: 15px;
        border-bottom: 2px solid #fff;
    }

        #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item p {
                font-size: 19px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item p {
        font-size: 14px;
        text-align: left;
        padding: 2px 9px;
        margin-bottom: 0;
    }
}

#header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item span {
        display: none;
    }
}

#header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside .menu-especialidad-item {
        padding: 0;
        border: none;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside {
        padding-bottom: 5px;
        border-bottom: 1px solid #d3d3d3;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside {
        min-height: 150px;
    }
}

@media screen and (min-width:1200px) {
    #header .cabezera .nav #menu-especialidad-1 .menu-esp-inside {
        min-height: 144px;
    }
}

#header .cabezera .nav #menu-especialidad-1 .explorar {
    color: #fff;
}

    #header .cabezera .nav #menu-especialidad-1 .explorar .explorar-items-container {
        padding-top: 30px;
    }

        #header .cabezera .nav #menu-especialidad-1 .explorar .explorar-items-container .explorar-items {
            padding: 0 0 13px;
            height: auto;
        }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .explorar .explorar-items-container .explorar-items {
        font-size: 12px;
        padding: 3px 9px;
        border: none;
        text-align: left;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .explorar .explorar-items-container {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .explorar h3 {
        font-size: 14px;
        text-align: left;
        margin: 0;
        padding: 2px 9px 6px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 .explorar {
        padding-top: 5px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-especialidad-1 {
        padding: 0;
    }
}

#header .cabezera .nav #menu-atencion {
    padding: 0 0;
}

    #header .cabezera .nav #menu-atencion a {
        height: auto;
        padding: 0;
    }

    #header .cabezera .nav #menu-atencion .menu-atencion-inside {
        padding-bottom: 15px;
    }

        #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item p {
                font-size: 20px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item p {
        /*width:85%;*/
        font-size: 14px;
    }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item span {
        display: none;
    }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item {
        padding: 0;
        text-align: left;
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .menu-especialidad-item {
        min-height: 135px;
    }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-atencion li {
    float: none;
}

    #header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-atencion li a {
        height: auto;
        padding: 3px 0;
        text-align: left;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-atencion {
        display: none;
        padding-left: 20px;
    }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside:first-child {
    border-bottom: 3px solid #fff;
}

@media screen and (min-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside:first-child {
        min-height: 342px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside:first-child {
        border: none;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside:last-child .atencion-items {
        padding-left: 0;
        padding-right:0;
    }

        #header .cabezera .nav #menu-atencion .menu-atencion-inside:last-child .atencion-items div {
            padding-top: 2px;
            padding-bottom: 3px;
        }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-ofrecidos {
    color: #fff;
}

    #header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-ofrecidos h3 {
        margin: 15px 0;
        padding: 0;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-ofrecidos h3 {
        margin: 0 0 10px;
        font-size: 14px;
        text-align: left;
    }
}

#header .cabezera .nav #menu-atencion .menu-atencion-inside .servicios-ofrecidos p {
    margin: 3px 0;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside hr {
        display: none;
    }
}

@media screen and (max-width:768px) {
    /*#header .cabezera .nav #menu-atencion .menu-atencion-inside .sub-servs {
        display: none;
    }*/
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion .menu-atencion-inside {
        padding-bottom: 0;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-atencion {
        padding: 0;
    }
}

#header .cabezera .nav #menu-informate {
    padding: 0 0;
}

    #header .cabezera .nav #menu-informate .menu-inf-inside {
        padding-bottom: 15px;
    }

        #header .cabezera .nav #menu-informate .menu-inf-inside a {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-informate .menu-inf-inside a p {
                font-size: 20px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside a p {
        font-size: 14px;
        text-align: left;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside a span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside a span {
        display: none;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside a {
        padding: 0;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside:first-child {
    border-bottom: 2px solid #fff;
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:first-child {
        min-height: 170px;
    }
}

@media screen and (min-width:1200px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:first-child {
        min-height: 140px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:first-child {
        border: none;
        padding-top: 5px;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside:last-child a {
    padding: 15px 0 0 0;
}

    #header .cabezera .nav #menu-informate .menu-inf-inside:last-child a p {
        font-size: 17px;
        float: left;
        line-height: 2.5;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:last-child a p {
        line-height: inherit;
        float: none;
        font-size: 14px;
        text-align: left;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside:last-child a span {
    float: left;
    font-size: 32px;
    padding-right: 6px;
    margin-left: -10px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:last-child a span {
        display: none;
    }
}

#header .cabezera .nav #menu-informate .menu-inf-inside:last-child a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside:last-child a {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate .menu-inf-inside {
        padding-bottom: 0;
    }
}

#header .cabezera .nav #menu-informate a {
    padding: 0;
    height: auto;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-informate {
        padding: 0;
    }
}

#header .cabezera .nav #menu-eligenos {
    padding: 0 0;
}

    #header .cabezera .nav #menu-eligenos .menu-eli-inside {
        padding-bottom: 15px;
    }

        #header .cabezera .nav #menu-eligenos .menu-eli-inside a {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-eligenos .menu-eli-inside a p {
                font-size: 20px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside a p {
        font-size: 14px;
        text-align: left;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside a span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside a span {
        display: none;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside a {
        padding: 0;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside:first-child {
    border-bottom: 2px solid #fff;
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:first-child {
        min-height: 170px;
    }
}

@media screen and (min-width:1200px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:first-child {
        min-height: 140px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:first-child {
        border: none;
        padding-top:5px;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a {
    padding: 15px 0 0 0;
}

    #header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a p {
        font-size: 18px;
        float: left;
        line-height: 2.5;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a p {
        font-size: 14px;
        float: none;
        line-height: inherit;
        text-align: left;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a span {
    float: left;
    font-size: 32px;
    padding-right: 19px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a span {
        display: none;
    }
}

#header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside:last-child a {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos .menu-eli-inside {
        padding: 0;
    }
}

#header .cabezera .nav #menu-eligenos a {
    padding: 0;
    height: auto;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-eligenos {
        padding: 0;
    }
}

#header .cabezera .nav #menu-ubicaciones {
    padding: 0 0;
}

    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside {
        padding-bottom: 15px;
    }

        #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a p {
                font-size: 20px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a p {
        text-align: left;
        font-size: 14px;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a span {
        display: none;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside a {
        padding: 0;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:first-child {
    border-bottom: 2px solid #fff;
}

@media screen and (min-width:768px) and (max-width:1200px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:first-child {
        min-height: 170px;
    }
}

@media screen and (min-width:1200px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:first-child {
        min-height: 140px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:first-child {
        border: none;
        padding-top:5px;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a {
    padding: 15px 0 0 0;
}

    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a p {
        font-size: 14px;
        float: left;
        line-height: 2.5;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a p {
        font-size: 14px;
        float: none;
        line-height: inherit;
        text-align: left;
    }
}

@media screen and (min-width:1090px) and (max-width:1200px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a p {
        font-size: 12px;
    }
}

@media screen and (min-width:1200px) and (max-width:1320px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a p {
        font-size: 12px;
    }
}

@media screen and (min-width:768px) and (max-width:1090px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a p {
        float: none;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a span {
    float: left;
    font-size: 24px;
    padding-right: 10px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a span {
        display: none;
    }
}

@media screen and (min-width:1090px) and (max-width:1200px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a span {
        font-size: 20px;
        padding-right: 5px;
    }
}

@media screen and (min-width:1200px) and (max-width:1320px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a span {
        font-size: 20px;
        padding-right: 5px;
    }
}

@media screen and (min-width:768px) and (max-width:1090px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a span {
        float: none;
    }
}

#header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside:last-child a {
        padding: 0;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones .menu-ubi-inside {
        padding-bottom: 0;
    }
}

#header .cabezera .nav #menu-ubicaciones a {
    padding: 0;
    height: auto;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-ubicaciones {
        padding: 0;
    }
}

#header .cabezera .nav #menu-seguros {
    padding: 0 0;
}

    #header .cabezera .nav #menu-seguros .menu-seg-inside {
        padding-bottom: 15px;
    }

        #header .cabezera .nav #menu-seguros .menu-seg-inside a {
            padding: 15px 0 0 0;
        }

            #header .cabezera .nav #menu-seguros .menu-seg-inside a p {
                font-size: 20px;
            }

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-seguros .menu-seg-inside a p {
        font-size: 14px;
        text-align: left;
    }
}

#header .cabezera .nav #menu-seguros .menu-seg-inside a span {
    font-size: 45px;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-seguros .menu-seg-inside a span {
        display: none;
    }
}

#header .cabezera .nav #menu-seguros .menu-seg-inside a:hover {
    color: #3ed2f7;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-seguros .menu-seg-inside a {
        padding: 0;
    }
}

@media screen and (min-width:768px) {
    #header .cabezera .nav #menu-seguros .menu-seg-inside {
        min-height: 132px;
    }
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-seguros .menu-seg-inside {
        padding-bottom: 0;
        padding-top:5px;
    }
}

#header .cabezera .nav #menu-seguros a {
    padding: 0;
    height: auto;
}

@media screen and (max-width:768px) {
    #header .cabezera .nav #menu-seguros {
        padding: 0;
    }
}

#header .cabezera .nav .menu-eligenos1 {
    text-align: center;
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

    #header .cabezera .nav .menu-eligenos1 li {
        display: inline-block;
        width: 23%;
        margin: 0 4%;
        float: initial;
    }

        #header .cabezera .nav .menu-eligenos1 li a {
            display: block;
            text-align: center;
        }

            #header .cabezera .nav .menu-eligenos1 li a span {
                font-size: 80px;
                float: left;
                width: 100%;
                height: 120px;
                transition: .6s;
            }

                #header .cabezera .nav .menu-eligenos1 li a span:before {
                    text-shadow: 2px 2px 4px #444;
                }

            #header .cabezera .nav .menu-eligenos1 li a p {
                font-size: 21px;
                font-family: Montserrat,sans-serif;
            }

            #header .cabezera .nav .menu-eligenos1 li a:hover span {
                font-size: 90px;
            }

#header .cabezera .nav .menu-eligenos2 {
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
}

#header .cabezera .nav .menu-seguros {
    text-align: center;
    width: 100%;
}

    #header .cabezera .nav .menu-seguros li {
        display: inline-block;
        width: 24%;
    }

        #header .cabezera .nav .menu-seguros li a {
            display: block;
            text-align: center;
        }

            #header .cabezera .nav .menu-seguros li a span {
                font-size: 80px;
                float: left;
                width: 100%;
            }

                #header .cabezera .nav .menu-seguros li a span:before {
                    text-shadow: 2px 2px 4px #444;
                }

            #header .cabezera .nav .menu-seguros li a p {
                font-size: 22px;
                font-family: Montserrat,sans-serif;
            }

            #header .cabezera .nav .menu-seguros li a:hover {
                color: #3ed2f7;
            }

#header .cabezera .nav .menu-salud1 {
    text-align: center;
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

    #header .cabezera .nav .menu-salud1 li {
        display: inline-block;
        width: 32%;
        float: initial;
    }

        #header .cabezera .nav .menu-salud1 li a {
            display: block;
            text-align: center;
        }

            #header .cabezera .nav .menu-salud1 li a span {
                font-size: 80px;
                float: left;
                width: 100%;
            }

                #header .cabezera .nav .menu-salud1 li a span:before {
                    text-shadow: 2px 2px 4px #444;
                }

            #header .cabezera .nav .menu-salud1 li a p {
                font-size: 21px;
                font-family: Montserrat,sans-serif;
            }

#header .cabezera .nav .menu-salud2 {
    text-align: left;
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
}

    #header .cabezera .nav .menu-salud2 li {
        display: inline-block;
    }

        #header .cabezera .nav .menu-salud2 li a {
            display: block;
            text-align: center;
        }

            #header .cabezera .nav .menu-salud2 li a span {
                font-size: 20px;
            }

                #header .cabezera .nav .menu-salud2 li a span:before {
                    text-shadow: 2px 2px 4px #444;
                }

#header .cabezera .nav .container-buscar-mobile {
    display: none;
    position: absolute;
    top: -150px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header .cabezera .nav .container-buscar-mobile p {
        color: #fff;
        padding: 20px 0 10px;
        font-size: 18px;
        text-align: left;
    }

    #header .cabezera .nav .container-buscar-mobile input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 20px;
        background-image: url(../images/ico-buscar.png);
        background-repeat: no-repeat;
        background-position: 95%;
    }

    #header .cabezera .nav .container-buscar-mobile.buscar-drop {
        top: 50px;
    }

@media screen and (max-width:768px) {
    #header .cabezera .nav .container-buscar-mobile {
        display: block;
    }
}

#header .cabezera .nav .container-logged-menu {
    display: none;
    position: absolute;
    top: -95px;
    z-index: 199;
    width: 100%;
    background: #6aa1f1;
    text-align: center;
    padding: 15px 0;
    transition: top .8s ease;
}

    #header .cabezera .nav .container-logged-menu.menu-logged-drop {
        top: 50px;
    }

    #header .cabezera .nav .container-logged-menu ul {
        text-align: left;
    }

        #header .cabezera .nav .container-logged-menu ul li a {
            font-size: 16px;
        }

        #header .cabezera .nav .container-logged-menu ul li:last-child a {
            border: none;
        }

@media screen and (max-width:768px) {
    #header .cabezera .nav .container-logged-menu {
        display: block;
    }
}

#header .cabezera .quick-menu2 {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    transition: .6s;
    list-style: none;
    padding: 0;
    margin: 0;
}

    #header .cabezera .quick-menu2 li {
        display: table;
        float: left;
        height: 55px;
    }

        #header .cabezera .quick-menu2 li a {
            background-color: #5d5d60;
            margin-left: 2px;
            padding: 5px 10px 0;
            min-width: 53px;
            text-align: center;
            color: #fff;
            height: 55px;
            display: table-cell;
            vertical-align: middle;
        }

        #header .cabezera .quick-menu2 li.mi-clinica a {
            background-color: #f9b443;
            color: #252424;
            font-size: 12px;
            display: table-cell;
            vertical-align: middle;
        }

            #header .cabezera .quick-menu2 li.mi-clinica a strong {
                padding-left: 0;
            }

            #header .cabezera .quick-menu2 li.mi-clinica a span {
                margin-left: 5px;
                margin-right: 5px;
            }

/*@media screen and (max-width:992px) {
    #header .cabezera .quick-menu2 {
        display: none;
    }
}*/

#header .cabezera .sub-menu {
    width: 100%;
    min-height: 170px;
    background-color: #3d7dda;
    position: absolute;
    top: 145px;
    z-index: 999;
    border: 1px solid red;
}

@media screen and (max-width:768px) {
    #header .cabezera {
        position: absolute;
        top: 0;
    }
}

#header.fixedHeader .cabezera {
    position: fixed;
    z-index: 998;
    top: 0;
    min-height: 50px;
    box-shadow: 2px 1px 6px #444;
}

    #header.fixedHeader .cabezera h1 {
        width: 45px;
        height: 45px;
        background-size: contain;
        background-image: url(../images/logo-clinica-fixed.png);
        margin-top: 5px;
    }

    #header.fixedHeader .cabezera .nav ul > li {
        margin-left: 1px;
    }

        #header.fixedHeader .cabezera .nav ul > li a {
            height: auto;
            padding-top: 18px;
            padding-bottom: 18px;
            /*padding-left: 10px;*/
            padding-right: 10px;
        }

@media screen and (max-width:768px) {
    #header.fixedHeader .cabezera .nav ul > li a {
        /*padding: 10px 25px;*/
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header.fixedHeader .cabezera .nav ul > li a {
        font-size: 12px;
    }
}

#header.fixedHeader .cabezera .quick-menu2 {
    height: 55px;
}

@media screen and (max-width:768px) {
    #header {
        position: fixed;
        top: 0;
        z-index: 99999;
        width: 100%;
        background: #fff;
        box-shadow: -1px 3px 4px #d6d6d6;
    }
}

@media screen and (max-width:768px) {
    .acceso-directo {
        display: none;
    }

    .cabezera {
        position: relative;
    }

        .cabezera nav {
            display: none;
        }

        .cabezera .menu-mobile {
            display: block !important;
            width: 34px;
            height: 34px;
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -18px;
        }

            .cabezera .menu-mobile span {
                display: block;
                width: 100%;
                height: 4px;
                margin: 7px 0;
                background-color: #979797;
            }
}

footer {
    width: 100%;
    display: inline-block;
    background-color: #317fe2;
    color: #fff;
    min-height: 150px;
    padding-top: 30px;
}

    footer a {
        color: #fff;
    }

    footer .foot-section {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #86ace4;
        padding: 15px 0;
    }

        footer .foot-section:last-child {
            border: 0;
        }

        footer .foot-section p {
            font-size: 14px;
            margin: 0;
        }

        footer .foot-section .menu-bottom {
            display: inline-block;
            width: 100%;
        }

            footer .foot-section .menu-bottom ul {
                list-style: none;
                list-style-type: none;
                padding: 0;
                margin: 0;
                font-size: 14px;
            }

                footer .foot-section .menu-bottom ul li {
                    margin: 5px 0 10px;
                }

                footer .foot-section .menu-bottom ul.last-menu {
                    float: left;
                    list-style-type: none;
                    width: 100%;
                }

                    footer .foot-section .menu-bottom ul.last-menu li {
                        font-size: 14px;
                        margin-right: 50px;
                        padding-left: 17px;
                    }

                        footer .foot-section .menu-bottom ul.last-menu li a {
                            font-size: 14px;
                        }

@media screen and (max-width:375px) {
    footer .foot-section .menu-bottom ul.last-menu li a {
        padding-left: 0;
        font-size: 12px;
    }
}

@media screen and (min-width:768px) {
    footer .foot-section .menu-bottom ul.last-menu li:first-child {
        min-width: 160px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .menu-bottom ul.last-menu li:first-child {
        min-width: 140px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .menu-bottom ul.last-menu li {
        font-size: 12px;
        margin-right: 2%;
    }
}

@media screen and (min-width:768px) {
    footer .foot-section .menu-bottom ul.last-menu li {
        display: inline-block;
    }
}

footer .foot-section .menu-bottom div:first-child ul {
    padding: 6px 0 0;
}

@media screen and (max-width:375px) {
    footer .foot-section .menu-bottom div:first-child ul {
        padding: 0;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .menu-bottom {
        padding-top: 20px;
    }
}

footer .foot-section .logos-footer {
    text-align: right;
    margin-bottom: 35px;
    float: right;
}

    footer .foot-section .logos-footer span {
        display: inline-block;
    }

        footer .foot-section .logos-footer span:first-child img {
            margin-top: 20px;
            width: 150px;
        }

    footer .foot-section .logos-footer:first-child {
        padding-left: 0;
    }

        footer .foot-section .logos-footer:first-child span {
            float: none;
            display: block;
            text-align: center;
        }

    footer .foot-section .logos-footer:last-child span:last-child {
        padding-top: 10px;
        display: block;
    }

@media screen and (min-width:376px) and (max-width:767px) {
    footer .foot-section .logos-footer {
        text-align: center;
    }
}

footer .foot-section h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}

footer .foot-section h4 {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
    padding: 0;
    color: #fff;
    border: 0;
}

footer .foot-section .call-us h3 {
    font-size: 24px;
    margin-bottom: 14px;
    padding-top: 27px;
}

@media screen and (max-width:375px) {
    footer .foot-section .call-us h3 {
        text-align: center;
        margin-bottom: 0;
    }

        footer .foot-section .call-us h3.telephone-number:before {
            content: url(../images/telefono-icono.png);
            height: 31px;
            width: 28px;
            position: relative;
            top: 6px;
            left: -6px;
        }
}

footer .foot-section .call-us h3:nth-child(2) {
    padding-top: 0;
}

footer .foot-section .call-us p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 36px;
}

@media screen and (max-width:375px) {
    footer .foot-section .call-us p {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 0;
    }
}

footer .foot-section .call-us .telephone-number {
    font-size: 24px;
    font-weight: 400;
    margin-top: -12px;
    line-height: 1.4;
}

    footer .foot-section .call-us .telephone-number:before {
        content: url(../images/telefono-icono.png);
        height: 31px;
        position: relative;
        background-size: cover;
        left: 0;
        top: 8px;
        width: 28px;
    }

@media screen and (max-width:375px) {
    footer .foot-section .call-us .telephone-number:before {
        content: none;
    }
}

@media screen and (max-width:395px) {
    footer .foot-section .call-us .telephone-number {
        font-size: 32px;
        padding-left: 0;
        text-align: center;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .call-us .telephone-number {
        font-size: 30px;
    }
}

@media screen and (min-width:320px) and (max-width:375px) {
    footer .foot-section .call-us .telephone-number {
        font-size: 28px;
    }
}

footer .foot-section .call-us a {
    font-size: 18px;
}

    footer .foot-section .call-us a:after {
        content: url(../images/chevron-arrow-right.png);
        font-weight: 700;
        font-size: 26px;
        position: relative;
        top: 2px;
        right: -18px;
    }

/*@media screen and (max-width:375px) {
  footer .foot-section .call-us a {
    display: none;
  }
}*/

@media screen and (max-width:767px) {
    footer .foot-section .call-us {
        padding-bottom: 18px;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    footer .foot-section .call-us {
        text-align: center;
    }
}

footer .foot-section .locations h3 {
    font-size: 24px;
    padding-top: 27px;
}

@media screen and (max-width:450px) {
    footer .foot-section .locations h3 {
        margin-top: 15px;
        text-align: center;
        font-size: 32px;
        margin-bottom: 8px;
        padding: 10px;
        padding-top: 27px;
    }
}

footer .foot-section .locations .lugar {
    margin-bottom: 5px;
}

@media screen and (max-width:767px) {
    footer .foot-section .locations .lugar h4:after {
        content: url(../images/chevron-arrow-right.png);
        position: absolute;
        right: 12px;
        transition: transform .3s;
        top: 0;
    }
}

footer .foot-section .locations .lugar .extra-info {
    /*font-style: italic;*/
    /*margin-top: 13px;*/
    font-size: 13px;
}

footer .foot-section .locations .lugar:last-child,
footer .foot-section .locations .lugar:nth-last-child(2) {
    margin-bottom: 0;
}

footer .foot-section .locations .lugar .location-content img {
    display: none;
}

footer .foot-section .locations .lugar label {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

footer .foot-section .locations .lugar input {
    display: none !important;
}

@media screen and (max-width:767px) {
    footer .foot-section .locations .lugar {
        margin-bottom: 0;
        padding: 10px 0 14px;
        border-bottom: 2px solid #a9c3e8;
    }

        footer .foot-section .locations .lugar label {
            display: block;
        }

        footer .foot-section .locations .lugar .location-content {
            max-height: 0;
            opacity: 0;
            transition: height .3s,opacity .3s;
        }
}

@media screen and (max-width:767px) and (max-width:767px) {
    footer .foot-section .locations .lugar .location-content p {
        padding-bottom: 13px;
    }
}

@media screen and (max-width:767px) {
    footer .foot-section .locations .lugar .location-content img {
        display: block;
        max-width: 375px;
        margin: auto;
    }
}

@media screen and (max-width:767px) and (min-width:320px) and (max-width:375px) {
    footer .foot-section .locations .lugar .location-content img {
        max-width: 100%;
    }
}

@media screen and (max-width:767px) {
    footer .foot-section .locations .lugar .location-content .extra-info {
        margin-top: 0;
    }

    footer .foot-section .locations .lugar label input:checked ~ .location-content {
        height: 100%;
        max-height: 350px;
        opacity: 1;
        transition: max-height .4s,opacity .6s;
    }

        footer .foot-section .locations .lugar label input:checked ~ .location-content .location-content {
            display: table;
            width: 100%;
        }

    footer .foot-section .locations .lugar label input:checked ~ h4:after {
        transition: transform .3s;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

footer .foot-section .locations .lugar.clinica-sm h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}

@media screen and (max-width:396px) {
    footer .foot-section .locations .lugar.clinica-sm h4 {
        font-size: 18px;
    }
}

footer .foot-section .locations .lugar.clinica-sm p {
    font-size: 14px;
    margin-bottom: 10px;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .locations .lugar.clinica-sm p {
        font-size: 17px;
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    footer .foot-section .locations .lugar.clinica-sm p {
        font-size: 14px;
    }
}

@media screen and (min-width:767px) {
    footer .foot-section .locations .lugar {
        min-height: 100px;
    }
}

footer .foot-section .locations .row:last-child {
    margin-top: 25px;
    /*line-height: 2;*/
}

@media screen and (max-width:767px) {
    footer .foot-section .locations .row:last-child {
        margin-top: 0;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    footer .foot-section .locations {
        text-align: center;
    }
}

footer .foot-section .telefonos-dependencias {
    text-align: right;
}

    footer .foot-section .telefonos-dependencias a {
        position: static;
        text-align: right;
        font-size: 14px;
    }

        footer .foot-section .telefonos-dependencias a p {
            width: 235px;
            position: absolute;
            right: 45px;
            top: -97px;
            margin: auto 0 auto auto;
        }

            footer .foot-section .telefonos-dependencias a p:after {
                content: '';
                background: url(../images/chevron-arrow-right.png);
                position: absolute;
                background-size: 11px 17px;
                width: 10px;
                background-repeat: no-repeat;
                margin-left: 18px;
                height: 19px;
                top: auto;
                right: auto;
            }

@media screen and (min-width:992px) {
    footer .foot-section .telefonos-dependencias a p:after {
        margin-top: -7px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .telefonos-dependencias a p {
        top: -42px;
    }
}

@media screen and (min-width:320px) and (max-width:395px) {
    footer .foot-section .telefonos-dependencias a p {
        width: 284px;
        margin: auto;
        text-align: center;
        font-size: 12px;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    footer .foot-section .telefonos-dependencias a p {
        position: static;
        text-align: center;
        padding: 30px 0 0 0;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .telefonos-dependencias a p {
        position: static;
        padding: 15px 0 11px 0;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .telefonos-dependencias a {
        padding: 15px 0 11px 0;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        z-index: 10;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    footer .foot-section .telefonos-dependencias {
        position: static;
        text-align: center;
        padding: 30px 0 0 0;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .telefonos-dependencias {
        position: static;
        padding: 15px 0 11px 0;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .telefonos-dependencias {
        bottom: 96px;
    }
}

@media screen and (max-width:768px) {
    footer .foot-section .help {
        padding-bottom: 30px;
    }
}

footer .foot-section .help h3 {
    font-size: 32px;
    line-height: 1.5;
}

@media screen and (min-width:375px) and (max-width:992px) {
    footer .foot-section .help h3 {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .help h3 {
        text-align: center;
        margin-bottom: 0;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    footer .foot-section .help h3 {
        font-size: 24px;
        padding-top: 30px;
    }
}

footer .foot-section .help .need-help a {
    padding-left: 0;
    position: relative;
    display: block;
}

    footer .foot-section .help .need-help a [class^=icon-] {
        left: 0;
        top: -8px;
        font-size: 35px;
    }

@media screen and (max-width:375px) {
    footer .foot-section .help .need-help a [class^=icon-] {
        position: absolute;
    }
}

@media screen and (min-width:992px) {
    footer .foot-section .help .need-help a h4,
    footer .foot-section .help .need-help a span {
        float: left;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    footer .foot-section .help .need-help a .help-desc {
        font-size: 12px;
    }
}

@media screen and (min-width:375px) and (max-width:768px) {
    footer .foot-section .help .need-help a {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .help .need-help a {
        padding-left: 45px;
        padding-bottom: 15px;
    }
}

@media screen and (min-width:992px) {
    footer .foot-section .help .need-help a {
        padding-top: 0;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    footer .foot-section .help .need-help a {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .help .need-help:last-child a {
        padding-bottom: 24px;
        border-bottom: 2px solid #a9c3e8;
    }
}

footer .foot-section .form-group {
    position: relative;
}

    footer .foot-section .form-group .form-control {
        color: #317fe2;
        background-color: rgba(255,255,255,.7);
        font-size: 18px;
        padding-left: 20px;
        padding-right: 75px;
        height: 44px;
        margin-top: 10px;
    }

        footer .foot-section .form-group .form-control::-webkit-input-placeholder {
            color: rgba(49,127,226,.5);
        }

@media screen and (max-width:375px) {
    footer .foot-section .form-group .form-control::-webkit-input-placeholder {
        text-align: center;
        padding-left: 20px;
        color: #3d7dda;
    }
}

footer .foot-section .form-group .form-control:-moz-placeholder {
    color: rgba(49,127,226,.5);
}

footer .foot-section .form-group .form-control::-moz-placeholder {
    color: rgba(49,127,226,.5);
}

footer .foot-section .form-group .form-control:-ms-input-placeholder {
    color: rgba(49,127,226,.5);
}

@media screen and (max-width:375px) {
    footer .foot-section .form-group .form-control {
        margin-top: 20px;
        margin-bottom: 0;
        height: 36px;
    }
}

footer .foot-section .form-group:before {
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    color: #317fe2;
    position: absolute;
    right: 23px;
    top: 4px;
    font-size: 27px;
}

@media screen and (max-width:375px) {
    footer .foot-section .form-group:before {
        font-size: 20px;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section .form-group {
        padding-bottom: 19px;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (max-width:375px) {
    footer .foot-section {
        border-bottom: none;
        padding: 0;
    }
}

footer:after,
footer:before {
    content: " ";
    display: table;
}

footer:after {
    clear: both;
}

footer .container_boton_buscar_footer {
    padding-right: 14px;
}

    footer .container_boton_buscar_footer .boton_buscar_footer {
        float: right;
        background-color: #fff;
        opacity: .8;
        color: #3d7dda;
    }

@media screen and (max-width:992px) {
    footer .container_boton_buscar_footer .boton_buscar_footer {
        float: unset;
        display: block;
        margin: 20px auto 10px auto;
    }
}

@media screen and (max-width:992px) {
    footer .container_boton_buscar_footer .boton_buscar_footer {
        margin: 23px auto 21px auto;
    }
}

.back-top {
    position: fixed;
    cursor: pointer;
    bottom: -50px;
    left: 10px;
    width: 50px;
    height: 50px;
    border: 2px solid #3d7dda;
    border-radius: 50%;
    z-index: 99999;
    background-color: #fff;
    opacity: 0;
    transition: .5s;
}

    .back-top.appear {
        opacity: 1;
        bottom: 15px;
    }

    .back-top img {
        animation: MoveUpDown 1s linear infinite;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8px;
        margin: 0 auto;
    }

@keyframes MoveUpDown {
    0% {
        bottom: 8px;
    }

    50% {
        bottom: 13px;
    }

    100% {
        bottom: 8px;
    }
}

#footer div.col-md-8.col-xs-12.locations label > h4 > ul {
    padding-left: 0;
}

@media screen and (max-width:768px) {
    #footer div.col-md-8.col-xs-12.locations label > h4 > ul li {
        list-style-type: none;
    }
}

* {
    box-sizing: border-box;
}

.divisor-o .wizard,
.divisor-o-rf .wizard,
.reserva-de-horas-id .wizard,
.reserva-de-horas-id-rf .wizard {
    height: 96px;
}

    .divisor-o .wizard ol,
    .divisor-o-rf .wizard ol,
    .reserva-de-horas-id .wizard ol,
    .reserva-de-horas-id-rf .wizard ol {
        bottom: -33px;
    }

.divisor-o-rf .divisor-o,
.reserva-de-horas-id-rf .divisor-o {
    padding-top: 60px;
}

.divisor-o-rf .contenedor-formularios.paso3-mgBottom,
.divisor-o-rf .contenedor-formularios.paso3-mgBottom-id,
.reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom,
.reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id {
    margin-top: 90px;
}

.divisor-o-rf .contenedor-formularios.paso3-mgBottom-id,
.reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id {
    margin-bottom: 80px;
}

    #pagosycuentas .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos,
    #pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .login-horas,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .login-horas {
        padding-left: 0;
        border-left: none;
    }

        #pagosycuentas .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos button,
        #pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos button,
        .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos button,
        .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .login-horas button,
        .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos button,
        .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .login-horas button {
            margin-top: 20px;
            float: right;
        }

@media screen and (max-width:500px) {
    #pagosycuentas .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos button,
    #pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos button,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos button,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .login-horas button,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos button,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .login-horas button {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

#pagosycuentas .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos .link.link-clave,
#pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos .link.link-clave,
.divisor-o-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos .link.link-clave,
.divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .login-horas .link.link-clave,
.reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos .link.link-clave,
.reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .login-horas .link.link-clave {
    margin-top: 33px;
}

@media screen and (max-width:500px) {
    #pagosycuentas .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos .link.link-clave,
    #pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .completa-datos .link.link-clave,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos .link.link-clave,
    .divisor-o-rf .contenedor-formularios.paso3-mgBottom-id .login-horas .link.link-clave,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id #pagosycuentas .completa-datos .link.link-clave,
    .reserva-de-horas-id-rf .contenedor-formularios.paso3-mgBottom-id .login-horas .link.link-clave {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.divisor-o-rf .contenedor-formularios .contactarte,
.reserva-de-horas-id-rf .contenedor-formularios .contactarte {
    padding-top: 21px;
}

#pagosycuentas .divisor-o-rf .contenedor-formularios .completa-datos,
#pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios .completa-datos,
.divisor-o-rf .contenedor-formularios #pagosycuentas .completa-datos,
.divisor-o-rf .contenedor-formularios .login-horas,
.reserva-de-horas-id-rf .contenedor-formularios #pagosycuentas .completa-datos,
.reserva-de-horas-id-rf .contenedor-formularios .login-horas {
    padding-left: 22%;
    margin-bottom: 100px;
}

@media screen and (max-width:991px) {
    #pagosycuentas .divisor-o-rf .contenedor-formularios .completa-datos,
    #pagosycuentas .reserva-de-horas-id-rf .contenedor-formularios .completa-datos,
    .divisor-o-rf .contenedor-formularios #pagosycuentas .completa-datos,
    .divisor-o-rf .contenedor-formularios .login-horas,
    .reserva-de-horas-id-rf .contenedor-formularios #pagosycuentas .completa-datos,
    .reserva-de-horas-id-rf .contenedor-formularios .login-horas {
        padding-left: 0;
        border-left: none;
    }
}

.divisor-o-rf .contenedor-formularios input,
.divisor-o-rf .contenedor-formularios select,
.reserva-de-horas-id-rf .contenedor-formularios input,
.reserva-de-horas-id-rf .contenedor-formularios select {
    min-width: 100%;
}

.divisor-o-rf .half-bg2,
.reserva-de-horas-id-rf .half-bg2 {
    padding-top: 0;
    padding-bottom: 0;
}

#pagosycuentas .divisor-o-rf .completa-datos h4#titulo-form-comp-datos,
#pagosycuentas .reserva-de-horas-id-rf .completa-datos h4#titulo-form-comp-datos,
.divisor-o-rf #pagosycuentas .completa-datos h4#titulo-form-comp-datos,
.divisor-o-rf .login-horas h4#titulo-form-comp-datos,
.reserva-de-horas-id-rf #pagosycuentas .completa-datos h4#titulo-form-comp-datos,
.reserva-de-horas-id-rf .login-horas h4#titulo-form-comp-datos {
    padding-bottom: 0;
}

.divisor-o h3,
.reserva-de-horas-id h3 {
    margin: 80px 0 30px;
}

.divisor-o hr,
.reserva-de-horas-id hr {
    border-top: 1px solid #979797;
    margin: 40px 0;
}

.divisor-o .instrucciones,
.reserva-de-horas-id .instrucciones {
    display: none;
}

    .divisor-o .instrucciones.show,
    .reserva-de-horas-id .instrucciones.show {
        display: block;
    }

.divisor-o .titulo-paso,
.reserva-de-horas-id .titulo-paso {
    margin-top: 82px;
    margin-bottom: 65px;
}

    .divisor-o .titulo-paso p,
    .reserva-de-horas-id .titulo-paso p {
        font-size: 24px;
        margin: 0 0 60px;
    }

    .divisor-o .titulo-paso h3,
    .reserva-de-horas-id .titulo-paso h3 {
        font-size: 24px;
        margin: 0;
    }

    .divisor-o .titulo-paso i,
    .reserva-de-horas-id .titulo-paso i {
        color: #3d7dda;
        font-size: 42px;
        margin-left: 20px;
        vertical-align: middle;
    }

.divisor-o .contenedor-formularios,
.reserva-de-horas-id .contenedor-formularios {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 36px;
    padding-right: 36px;
}

    .divisor-o .contenedor-formularios.paso3-mgBottom,
    .reserva-de-horas-id .contenedor-formularios.paso3-mgBottom {
        margin-bottom: 90px;
    }

    .divisor-o .contenedor-formularios.paso2-mgBottom-a,
    .reserva-de-horas-id .contenedor-formularios.paso2-mgBottom-a {
        margin-bottom: 60px;
    }

    .divisor-o .contenedor-formularios.paso2-mgBottom-b,
    .reserva-de-horas-id .contenedor-formularios.paso2-mgBottom-b {
        margin-bottom: 118px;
    }

    .divisor-o .contenedor-formularios .separador-forms,
    .reserva-de-horas-id .contenedor-formularios .separador-forms {
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        border-left: 1px solid #cdcbcb;
    }

        .divisor-o .contenedor-formularios .separador-forms span,
        .reserva-de-horas-id .contenedor-formularios .separador-forms span {
            display: block;
            position: absolute;
            left: -10px;
            top: 50%;
            width: 20px;
            background-color: #fff;
            color: #4a4a4a;
            font-size: 24px;
            text-align: center;
        }

@media screen and (max-width:991px) {
    .divisor-o .contenedor-formularios .separador-forms,
    .reserva-de-horas-id .contenedor-formularios .separador-forms {
        display: none;
    }
}

.divisor-o .disabled,
.reserva-de-horas-id .disabled {
    opacity: .5;
    cursor: not-allowed;
}

#pagosycuentas .divisor-o .completa-datos h4,
#pagosycuentas .reserva-de-horas-id .completa-datos h4,
.divisor-o #pagosycuentas .completa-datos h4,
.divisor-o .login-horas h4,
.reserva-de-horas-id #pagosycuentas .completa-datos h4,
.reserva-de-horas-id .login-horas h4 {
    border: 0;
    margin: 0 0 20px;
    padding: 0;
    font-size: 24px;
}

#pagosycuentas .divisor-o .completa-datos h5,
#pagosycuentas .reserva-de-horas-id .completa-datos h5,
.divisor-o #pagosycuentas .completa-datos h5,
.divisor-o .login-horas h5,
.reserva-de-horas-id #pagosycuentas .completa-datos h5,
.reserva-de-horas-id .login-horas h5 {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #3d7dda;
}

    #pagosycuentas .divisor-o .completa-datos h5 span,
    #pagosycuentas .reserva-de-horas-id .completa-datos h5 span,
    .divisor-o #pagosycuentas .completa-datos h5 span,
    .divisor-o .login-horas h5 span,
    .reserva-de-horas-id #pagosycuentas .completa-datos h5 span,
    .reserva-de-horas-id .login-horas h5 span {
        font-family: 'Open Sans',sans-serif;
        font-size: 32px;
        font-weight: 700;
        color: #3d7dda;
    }

#pagosycuentas .divisor-o .completa-datos .bajada,
#pagosycuentas .reserva-de-horas-id .completa-datos .bajada,
.divisor-o #pagosycuentas .completa-datos .bajada,
.divisor-o .login-horas .bajada,
.reserva-de-horas-id #pagosycuentas .completa-datos .bajada,
.reserva-de-horas-id .login-horas .bajada {
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

#pagosycuentas .divisor-o .completa-datos label,
#pagosycuentas .reserva-de-horas-id .completa-datos label,
.divisor-o #pagosycuentas .completa-datos label,
.divisor-o .login-horas label,
.reserva-de-horas-id #pagosycuentas .completa-datos label,
.reserva-de-horas-id .login-horas label {
    margin-top: 15px;
}

#pagosycuentas .divisor-o .completa-datos select,
#pagosycuentas .reserva-de-horas-id .completa-datos select,
.divisor-o #pagosycuentas .completa-datos select,
.divisor-o .login-horas select,
.reserva-de-horas-id #pagosycuentas .completa-datos select,
.reserva-de-horas-id .login-horas select {
    text-indent: 20px;
}

#pagosycuentas .divisor-o .completa-datos ul,
#pagosycuentas .reserva-de-horas-id .completa-datos ul,
.divisor-o #pagosycuentas .completa-datos ul,
.divisor-o .login-horas ul,
.reserva-de-horas-id #pagosycuentas .completa-datos ul,
.reserva-de-horas-id .login-horas ul {
    list-style: none;
    padding: 0;
}

.resultados .leyenda-calendario {
    padding-left: 70px;
    padding-right: 40px;
}

    .resultados .leyenda-calendario i,
    .resultados .leyenda-calendario p {
        display: inline;
        font-size: 11px;
    }

    .resultados .leyenda-calendario i {
        font-size: 25px;
    }

    .resultados .leyenda-calendario > div > div:nth-child(1) > i {
        color: #f678ba;
    }

    .resultados .leyenda-calendario > div > div:nth-child(2) > i {
        color: #a9c3e8;
    }

    .resultados .leyenda-calendario > div > div:nth-child(3) > i {
        color: #b6b6b7;
    }

    .resultados .leyenda-calendario p {
        display: inline-block;
    }

.resultados .col-xs-4 {
    padding: 0 !important;
}

.contactarte {
    font-size: 24px;
}

@media screen and (max-width:767px) {
    .contactarte {
        font-size: 20px;
    }
}

.layout-resultado {
    position: relative;
    padding-bottom: 60px;
    margin-top: 55px;
}

    .layout-resultado .resultados {
        padding-top: 340px;
    }

@media screen and (max-width:450px) {
    .layout-resultado .resultados {
        padding-top: 240px;
    }
}

.layout-resultado.force-padding {
    padding-top: 150px;
}

    .layout-resultado.force-padding .resultados {
        padding-top: 200px;
    }

@media screen and (max-width:450px) {
    .layout-resultado.force-padding .resultados {
        padding-top: 60px;
    }
}

.layout-resultado .fixed-filter {
    background-color: #fff;
    padding: 0;
    width: 100%;
    z-index: 800;
    position: absolute;
    top: 0;
    transition: .5s;
}

    .layout-resultado .fixed-filter .orden {
        float: right;
        margin-top: 20px;
    }

        .layout-resultado .fixed-filter .orden .ordenar-por {
            float: left;
            margin-right: 30px;
            margin-top: 10px;
            font-size: 14px;
        }

            .layout-resultado .fixed-filter .orden .ordenar-por select {
                border: 0;
                background: 0 0;
                font-weight: 700;
                width: 120px;
                margin-left: 3px;
            }

        .layout-resultado .fixed-filter .orden .calendario {
            float: left;
            margin-right: 20px;
        }

            .layout-resultado .fixed-filter .orden .calendario input.form-control {
                display: none;
            }

            .layout-resultado .fixed-filter .orden .calendario .input-group-addon {
                width: 34px;
                height: 34px;
                border: 0;
                cursor: pointer;
                background-color: transparent;
                background-image: url(../images/ico-calendario.png);
            }

    .layout-resultado .fixed-filter .grey-box-filter {
        background-color: #cee1ef;
        min-height: 100px;
        padding: 18px 20px 0;
        position: relative;
    }

        .layout-resultado .fixed-filter .grey-box-filter .marcador-sucursal {
            position: relative;
            padding-left: 50px;
        }

@media screen and (max-width:1200px) {
    .layout-resultado .fixed-filter .grey-box-filter .marcador-sucursal {
        display: none;
    }
}

.layout-resultado .fixed-filter .grey-box-filter .marcador-sucursal:before {
    content: '';
    display: block;
    width: 28px;
    height: 36px;
    background-image: url(../images/map-marker.png);
    position: absolute;
    left: 20px;
    top: -10px;
}

.layout-resultado .fixed-filter .grey-box-filter .marcador-sucursal a {
    margin-left: 15px;
    color: #77777a;
    font-size: 14px;
}

.layout-resultado .fixed-filter .grey-box-filter .more-filters {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    top: 100px;
    left: 0;
    background-color: #defaf6;
    padding: 0 20px;
    transition: .3s;
}

    .layout-resultado .fixed-filter .grey-box-filter .more-filters.open {
        padding: 20px;
        height: 130px;
    }

@media screen and (max-width:991px) {
    .layout-resultado .fixed-filter .grey-box-filter .more-filters.open {
        height: 300px;
    }
}

.layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro {
    padding: 0 20px;
}

    .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro p {
        color: #3d7dda;
        font-size: 14px;
        font-weight: 700;
        padding-left: 37px;
        padding-top: 10px;
        display: block;
        height: 34px;
        position: relative;
    }

        .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro p span {
            display: block;
            position: absolute;
            left: 0;
            top: 5px;
            width: 34px;
            height: 34px;
            background-repeat: no-repeat;
            background-position: left center;
        }

            .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro p span.ico-horario {
                background-image: url(../images/ico-horario.png);
            }

            .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro p span.ico-sexo {
                background-image: url(../images/ico-sexo.png);
            }

            .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro p span.ico-idioma {
                background-image: url(../images/ico-idioma.png);
            }

    .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro select.form-control {
        height: 38px !important;
    }

.layout-resultado .fixed-filter .select-pm-am h4 {
    float: left;
}

.layout-resultado .fixed-filter .select-pm-am a {
    margin-left: 20px;
    color: #77777a;
}

    .layout-resultado .fixed-filter .select-pm-am a.active {
        font-weight: 700;
    }

.layout-resultado .fixed-filter .fechas-horas {
    position: relative;
    overflow: hidden;
    height: 60px;
    margin: -5px 60px 0;
}

    .layout-resultado .fixed-filter .fechas-horas .columna {
        margin-top: 25px;
    }

        .layout-resultado .fixed-filter .fechas-horas .columna .day {
            font-size: 24px;
            font-weight: 700;
            background-color: #fff;
            margin: -4px 0 0 0;
        }

.layout-resultado .fixed-filter .btn-ante-hora {
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    position: absolute;
    left: 38px;
    top: 15px;
    background-color: #0086e0;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(../images/arrow-left.png);
    background-position: center;
    background-repeat: no-repeat;
}

.layout-resultado .fixed-filter .btn-prox-hora {
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    position: absolute;
    right: 38px;
    top: 15px;
    background-color: #0086e0;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url(../images/arrow-right.png);
    background-position: center;
    background-repeat: no-repeat;
}

.layout-resultado .container-btn-ver-mas-r {
    padding-top: 20px;
}

.dias-semana {
    padding: 0 20px;
}

@media screen and (max-width:450px) {
    .dias-semana {
        padding: 0;
        margin-top: 10px;
    }
}

.dias-semana table {
    width: 100%;
}

    .dias-semana table tr td {
        background: #3d7dda;
        color: #fff;
        height: 40px;
        border-radius: 10px 10px 0 0;
        text-align: center;
        font-weight: 700;
        border: 3px solid #a9c3e8;
        border-bottom: 0;
        width: 14.2%;
    }

.btn-prox-hora {
    display: block;
}

.contenedor-calendario {
    padding: 0 10px;
}

@media screen and (max-width:450px) {
    .contenedor-calendario {
        padding: 0;
    }
}

.horas-doctor {
    overflow: hidden;
    max-height: 230px;
    transition: 1s;
    margin: 0 0;
    padding: 0 10px;
}

    .horas-doctor.open {
        max-height: 900px;
    }

    .horas-doctor.no-web {
        max-height: 250px;
    }

    .horas-doctor .columna {
        padding: 0 20px 0 10px;
    }

        .horas-doctor .columna .via-telefonica {
            padding: 20px 0 10px 90px;
            position: relative;
            margin-bottom: 10px;
        }

            .horas-doctor .columna .via-telefonica p {
                margin: 0 0 10px;
                text-align: left;
            }

                .horas-doctor .columna .via-telefonica p a {
                    color: #000;
                    font-weight: 700;
                    font-size: 24px;
                    padding-left: 30px;
                    position: relative;
                }

                    .horas-doctor .columna .via-telefonica .telefono:before {
                        content: '';
                        display: block;
                        width: 28px;
                        height: 32px;
                        position: absolute;                        
                        background-image: url(../images/ico-phone-negro.png);
                        background-repeat: no-repeat;
                    }

.open-horas {
    width: 100%;
    text-align: center;
}

    .open-horas span {
        display: inline-block;
        cursor: pointer;
        color: #0086e0;
        padding-right: 30px;
        margin-top: 15px;
        position: relative;
    }

        .open-horas span:before {
            content: '';
            display: block;
            width: 13px;
            height: 9px;
            background-image: url(../images/down-arrow.png);
            position: absolute;
            right: 0;
            top: 5px;
            transition: 1s;
        }

        .open-horas span.link-opened:before {
            transform: rotateX(180deg);
        }

.columna {
    text-align: center;
    transition: 1s;
    position: relative;
    width: 100%;
    left: 0;
    padding: 0 10px;
}

    .columna .day {
        width: 100%;
        float: left;
        margin: 0 1.5%;
    }

        .columna .day .info-ui {
            display: none;
            color: #3d7dda;
            font-size: 12px;
            padding-left: 25px;
            height: 20px;
            text-align: left;
            background-image: url(../images/ico-swipe.png);
            background-repeat: no-repeat;
            background-position: left center;
            margin: 10px 20px 0;
            padding-top: 3px;
        }

@media screen and (max-width:450px) {
    .columna .day .info-ui {
        display: block;
    }
}

.columna .day.half {
    width: 47%;
}

    .columna .day.half span {
        font-weight: 700;
        display: block;
        padding: 15px 0 10px;
    }

@media screen and (max-width:450px) {
    .columna .day.half span {
        display: block;
        text-align: left;
    }
}

.columna .day.half .no-atiende {
    /*background-color: #b6b6b7;*/
    display: block;
    width: 100%;
    margin: 5px 0;
    padding: 45px 30px 0;
    min-height: 175px;
    color: #000;
    border-radius: 4px;
}

@media screen and (max-width:450px) {
    .columna .day.half .no-atiende {
        min-height: 40px;
        padding: 15px 12px;
    }
}

.columna .day.half .no-atiende p {
    margin: 10px 0 0;
    text-align: center;
    font-weight: 700;
}

@media screen and (max-width:450px) {
    .columna .day.half .no-atiende p {
        font-size: 14px;
        margin: 0;
        font-weight: 600;
    }
}

@media screen and (max-width:450px) {
    .columna .day.half .no-atiende img {
        display: none;
    }
}

.columna .day.half .prox-hora {
    height: 64px;
    padding-top: 12px;
    margin: 0 0 20px;
    background-color: #f678ba;
}

@media screen and (max-width:450px) {
    .columna .day.half .prox-hora {
        height: 54px;
    }
}

.columna .day.half .prox-hora p {
    margin: 0;
    text-align: center;
    font-weight: 700;
}

@media screen and (max-width:450px) {
    .columna .day.half .prox-hora p {
        display: inline-block;
    }
}

.columna .day .hora-reserva {
    display: block;
    width: 100%;
    min-height: 40px;
    background-color: #a9c3e8;
    margin: 5px 0;
    text-align: center;
    color: #000;
    font-weight: 700;
    padding: 10px;
    border-radius: 4px;
}

    .columna .day .hora-reserva:hover {
        background-color: #e72e7e;
        color: #fff;
    }

    .columna .day .hora-reserva.disable {
        cursor: not-allowed;
        background-color: #d8d8d8;
    }

.columna a.prox-hora {
    display: block;
    background-color: #f678bc;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    margin: 0 10px;
    height: 54px;
    padding-top: 15px;
    border-radius: 4px;
}

.box-banner {
    position: relative;
    display: block;
    height: 220px;
    border-radius: 5px;
    text-align: center;
    padding: 120px 20px 30px;
    margin-top: 70px;
}

    .box-banner .icono {
        position: absolute;
        display: block;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 60px;
        height: 60px;
    }

        .box-banner .icono.cancel {
            background-image: url(../images/ico-banner-close-blanco.png);
        }

            .box-banner .icono.cancel + p {
                max-width: 240px;
                display: block;
                margin: auto;
            }

@media screen and (max-width:767px) {
    .box-banner .icono.cancel + p {
        margin-left: 0;
    }
}

@media screen and (max-width:991px) {
    .box-banner .icono.cancel + p {
        max-width: unset;
    }
}

.box-banner .icono.info {
    background-image: url(../images/ico-banner-info-blanco.png);
}

.box-banner .icono.phone {
    background-image: url(../images/ico-banner-phone-blanco.png);
}

.box-banner p {
    color: #fff !important;
    font-size: 24px;
    line-height: 1;
}

    .box-banner p.big-number {
        font-size: 36px;
    }

@media screen and (max-width:1200px) {
    .box-banner p.big-number {
        font-size: 30px;
    }
}

.box-banner.green-blue p {
    color: #fff;
    line-height: 1;
}

@media screen and (max-width:450px) {
    .bootstrap-datetimepicker-widget .datepicker {
        padding: 10px 0;
    }
}

.zone-reserva-finalizada {
    padding: 35px 0 25px;
    display: table;
    width: 100%;
}

    .zone-reserva-finalizada:nth-child(4) {
        border-bottom: 0;
    }

    .zone-reserva-finalizada .alerta-amarilla {
        padding-left: 70px;
        font-size: 16px;
        position: relative;
    }

@media screen and (max-width:991px) {
    .zone-reserva-finalizada .alerta-amarilla {
        height: 45px;
        margin-bottom: 20px;
    }
}

.zone-reserva-finalizada .alerta-amarilla:before {
    content: '';
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/alert-yellow.png);
}

.zone-reserva-finalizada h4 {
    border: 0;
    margin: 20px 0 70px;
    color: #3d7dda;
    font-size: 24px;
    padding: 0 0 0 50px;
    float: left;
    position: relative;
}

@media screen and (max-width:991px) {
    .zone-reserva-finalizada h4 {
        float: initial;
        margin-bottom: 20px;
    }
}

.zone-reserva-finalizada h4 span {
    color: #000;
    padding-left: 30px;
}

.zone-reserva-finalizada h4:before {
    content: '';
    width: 37px;
    height: 33px;
    position: absolute;
    left: 0;
    top: -7px;
    background-image: url(../images/ico-blue-maleta.png);
}

.zone-reserva-finalizada i {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 50px;
    color: #3d7dda;
}

.zone-reserva-finalizada h5 {
    color: #3d7dda;
    font-size: 20px;
    font-weight: 700;
    padding-left: 55px;
    position: relative;
}

@media screen and (max-width:991px) {
    .zone-reserva-finalizada h5 {
        margin-top: 20px;
    }
}

.zone-reserva-finalizada h5.recordatorios,
.zone-reserva-finalizada h5.valores {
    font-size: 24px;
    color: #5d5d60;
    padding-left: 0;
}

    .zone-reserva-finalizada h5.recordatorios + p,
    .zone-reserva-finalizada h5.valores + p {
        padding-left: 0;
        font-weight: 700;
        color: #5d5d60;
        margin-bottom: 17px;
        font-size: 16px;
    }

.zone-reserva-finalizada h5.recordatorios {
    margin-bottom: 30px;
}

.zone-reserva-finalizada span {
    padding-left: 55px;
    font-size: 18px;
    display: block;
}

.zone-reserva-finalizada p {
    font-size: 20px;
    margin-bottom: 3px;
    padding-left: 55px;
}

    .zone-reserva-finalizada p a {
        color: #0086e0;
        font-size: 16px;
    }

.zone-reserva-finalizada .caja-valores-prevision {
    background-color: #e5edf6;
    padding: 17px 30px 17px 30px;
    min-height: 90px;
    margin-left: 0;
    margin-bottom: 20px;
}

    .zone-reserva-finalizada .caja-valores-prevision p {
        padding-left: 7px;
        color: #77777a;
    }

        .zone-reserva-finalizada .caja-valores-prevision p:first-child {
            font-size: 16px;
        }

.zone-reserva-finalizada ul {
    margin-left: 0;
    padding-left: 20px;
    margin-bottom: 0;
}

.zone-reserva-finalizada .caja-recordatorios {
    background-color: #e5edf6;
    padding: 0 30px;
    min-height: 144px;
    margin-left: 0;
    margin-bottom: 20px;
}

@media screen and (max-width:464px) {
    .zone-reserva-finalizada .caja-recordatorios {
        padding: 0 10px;
    }
}

.zone-reserva-finalizada .caja-recordatorios .btn-editar {
    float: right;
    padding-right: 65px;
    padding-left: 65px;
}

@media screen and (max-width:991px) {
    .zone-reserva-finalizada .caja-recordatorios .btn-editar {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 20px;
    }
}

.zone-reserva-finalizada .caja-recordatorios p {
    padding: 17px 0 17px 7px;
    color: #77777a;
    font-size: 24px;
}

@media screen and (max-width:991px) {
    .zone-reserva-finalizada .caja-recordatorios p {
        font-size: 20px;
    }
}

@media screen and (max-width:464px) {
    .zone-reserva-finalizada .caja-recordatorios p {
        font-size: 16px;
    }
}

.zone-reserva-finalizada .caja-recordatorios i {
    display: inline;
    position: relative;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #77777a;
    margin-right: 20px;
}

.zone-reserva-finalizada .caja-recordatorios hr {
    margin: 0 !important;
    width: 100%;
    position: relative;
    border-top: 1px solid #979797 !important;
}

    .zone-reserva-finalizada .caja-recordatorios hr:after,
    .zone-reserva-finalizada .caja-recordatorios hr:before {
        content: "";
        position: absolute;
        top: -2px;
        width: 30px;
        background-color: #979797;
    }

    .zone-reserva-finalizada .caja-recordatorios hr:after {
        left: -30px;
    }

    .zone-reserva-finalizada .caja-recordatorios hr:before {
        right: -30px;
    }

@media screen and (max-width:1200px) and (min-width:992px) {
    .box-banner p {
        font-size: 18px;
    }
}

@media screen and (max-width:767px) {
    .reserva-de-horas-id .sub-header {
        min-height: 100px;
    }

        .reserva-de-horas-id .sub-header #volver-a-buscar {
            display: none;
        }

    .reserva-de-horas-id h3 {
        margin: 30px 0;
    }

    .reserva-de-horas-id .busqueda-reserva {
        height: initial;
        border: 0;
    }

        .reserva-de-horas-id .busqueda-reserva .elegir-sucursal {
            width: 100%;
            float: initial;
            border: 1px solid #000;
            margin-bottom: 20px;
        }

        .reserva-de-horas-id .busqueda-reserva .busqueda-input {
            float: initial;
            border: 1px solid #000;
            width: 100%;
        }

        .reserva-de-horas-id .busqueda-reserva .resultado {
            position: static;
        }

            .reserva-de-horas-id .busqueda-reserva .resultado.opened {
                height: auto;
                width: 100%;
            }

            .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado {
                height: initial;
            }

                .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado ul {
                    height: initial;
                }

                    .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado ul.close-ul {
                        height: 0;
                        margin-top: 0;
                    }

                    .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado ul li {
                        margin: 0;
                    }

                        .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado ul li a {
                            padding: 15px 20px;
                        }

                            .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado ul li a.link-medico {
                                border-bottom: 1px solid #444;
                                padding: 10px 20px;
                            }

                .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado .titulo {
                    padding-left: 20px;
                    background-color: #f0f2f4;
                    border-bottom: 1px solid #dcdcdc;
                }

                    .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado .titulo:before {
                        left: initial;
                        right: 20px;
                        top: 27px;
                        background-image: url(../images/down-arrow.png) !important;
                        width: 13px;
                        height: 9px;
                        transform: rotateX(180deg);
                    }

                    .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado .titulo.linkclosed {
                        height: 65px;
                    }

                        .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado .titulo.linkclosed:before {
                            transform: rotateX(0);
                        }

                .reserva-de-horas-id .busqueda-reserva .resultado .box-resultado .masbuscado {
                    display: none;
                }

    .reserva-de-horas-id .titulo-paso p {
        display: none;
    }

    .reserva-de-horas-id .titulo-paso h3 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
        text-align: center;
        padding-bottom: 15px;
    }

        .reserva-de-horas-id .titulo-paso h3 i {
            line-height: 2;
        }

    #pagosycuentas .reserva-de-horas-id .completa-datos .btn,
    .reserva-de-horas-id #pagosycuentas .completa-datos .btn,
    .reserva-de-horas-id .login-horas .btn {
        display: block;
        width: 100%;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos .form-control,
    .reserva-de-horas-id #pagosycuentas .completa-datos .form-control,
    .reserva-de-horas-id .login-horas .form-control {
        height: 54px;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos h4,
    .reserva-de-horas-id #pagosycuentas .completa-datos h4,
    .reserva-de-horas-id .login-horas h4 {
        background-color: #e9f8d9;
        padding: 20px 20px 0;
        margin: 0 -15px;
        font-size: 14px;
    }

        #pagosycuentas .reserva-de-horas-id .completa-datos h4.especial-mobile,
        .reserva-de-horas-id #pagosycuentas .completa-datos h4.especial-mobile,
        .reserva-de-horas-id .login-horas h4.especial-mobile {
            background-color: transparent;
            font-size: 20px;
            font-weight: 700;
        }

    #pagosycuentas .reserva-de-horas-id .completa-datos form,
    .reserva-de-horas-id #pagosycuentas .completa-datos form,
    .reserva-de-horas-id .login-horas form {
        background-color: #e9f8d9;
        padding: 20px;
        margin: 0 -15px;
        margin-bottom: 10px;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos hr,
    .reserva-de-horas-id #pagosycuentas .completa-datos hr,
    .reserva-de-horas-id .login-horas hr {
        display: none;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos .bajada,
    .reserva-de-horas-id #pagosycuentas .completa-datos .bajada,
    .reserva-de-horas-id .login-horas .bajada {
        font-size: 14px;
        margin: 20px 0;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos ul li,
    .reserva-de-horas-id #pagosycuentas .completa-datos ul li,
    .reserva-de-horas-id .login-horas ul li {
        font-size: 14px;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos .col-xs-3 select,
    #pagosycuentas .reserva-de-horas-id .completa-datos .col-xs-6 select,
    .reserva-de-horas-id #pagosycuentas .completa-datos .col-xs-3 select,
    .reserva-de-horas-id #pagosycuentas .completa-datos .col-xs-6 select,
    .reserva-de-horas-id .login-horas .col-xs-3 select,
    .reserva-de-horas-id .login-horas .col-xs-6 select {
        text-indent: 0;
    }

    #pagosycuentas .reserva-de-horas-id .completa-datos .radio-inline,
    .reserva-de-horas-id #pagosycuentas .completa-datos .radio-inline,
    .reserva-de-horas-id .login-horas .radio-inline {
        margin-right: 20px;
    }

    .box-banner.green-blue p {
        color: #fff;
        text-align: center;
    }

    .box-banner .icono {
        width: 48px;
        height: 48px;
    }

    .box-banner p {
        font-size: 18px;
        line-height: 1.2;
    }

        .box-banner p.big-number {
            font-size: 24px;
        }

    .wizard {
        display: none;
    }

    .wizard-mobile {
        display: block !important;
        background-color: #2f5e9f;
        padding: 15px 0 20px;
        position: relative;
    }

        .wizard-mobile p {
            font-size: 14px;
            margin: 0;
            line-height: 1;
            color: #fff;
            font-weight: 700;
        }

            .wizard-mobile p span {
                font-size: 24px;
                font-weight: 700;
                padding: 0 4px;
            }

        .wizard-mobile:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136,183,213,0);
            border-top-color: #345aaa;
            border-width: 10px;
            margin-left: -10px;
            z-index: 9998;
        }

    .layout-resultado h4 {
        font-size: 14px;
    }

    .layout-resultado .fixed-filter {
        background-color: #cee1ef;
        padding: 0;
    }

        .layout-resultado .fixed-filter h3 {
            font-size: 16px;
            margin: 30px 0 0;
        }

        .layout-resultado .fixed-filter .orden {
            margin-top: 0;
        }

            .layout-resultado .fixed-filter .orden .ordenar-por {
                display: none;
            }

            .layout-resultado .fixed-filter .orden .calendario {
                margin-right: 55px;
                height: 68px;
                width: 62px;
                position: relative;
                background-image: url(../images/ico-calendario-mobile.png);
                background-position: center;
                background-repeat: no-repeat;
            }

                .layout-resultado .fixed-filter .orden .calendario:before {
                    content: '';
                    width: 1px;
                    height: 80%;
                    position: absolute;
                    left: 0;
                    top: 10%;
                    background-color: #fff;
                }

                .layout-resultado .fixed-filter .orden .calendario .input-group-addon {
                    background: 0 0;
                    height: 68px;
                    width: 62px;
                    curso: pointer;
                }

        .layout-resultado .fixed-filter .btn-prox-hora {
            right: 20px;
            top: 25px;
        }

        .layout-resultado .fixed-filter .btn-ante-hora {
            left: 20px;
            top: 25px;
        }

        .layout-resultado .fixed-filter .grey-box-filter {
            background-color: #defaf6;
            margin: 0 -15px;
        }

            .layout-resultado .fixed-filter .grey-box-filter .marcador-sucursal {
                display: none;
            }

            .layout-resultado .fixed-filter .grey-box-filter .more-filters.open {
                height: 310px;
            }

            .layout-resultado .fixed-filter .grey-box-filter .more-filters .columna-filtro {
                margin-bottom: 10px;
            }

            .layout-resultado .fixed-filter .grey-box-filter .fechas-horas .columna {
                width: 100%;
                margin-top: 15px;
            }

                .layout-resultado .fixed-filter .grey-box-filter .fechas-horas .columna .day {
                    width: 100%;
                    font-size: 24px;
                    font-weight: 400;
                    margin-bottom: 20px;
                }

                    .layout-resultado .fixed-filter .grey-box-filter .fechas-horas .columna .day span {
                        font-weight: 700;
                        display: inline-block;
                    }

        .layout-resultado .fixed-filter #launch-filters {
            width: 64px;
            height: 68px;
            overflow: hidden;
            position: absolute;
            text-indent: -9999px;
            top: -86px;
            right: -5px;
            background-color: #cee1ef;
            background-image: url(../images/mobile-filter-more.png);
            background-repeat: no-repeat;
            background-position: center;
        }

            .layout-resultado .fixed-filter #launch-filters:before {
                content: '';
                width: 1px;
                height: 80%;
                position: absolute;
                left: 0;
                top: 10%;
                background-color: #fff;
            }

    .layout-resultado .box-medicos {
        padding: 0;
    }

        .layout-resultado .box-medicos .info-mini-medico p {
            display: none;
        }

            .layout-resultado .box-medicos .info-mini-medico p.especialidad-dr {
                font-size: 14px;
                display: block;
            }

        .layout-resultado .box-medicos .imagen {
            width: 140px;
            height: 140px;
            margin-left: 0;
        }

        .layout-resultado .box-medicos h5 {
            font-size: 16px;
            margin-bottom: 5px;
            margin-left: 80px;
        }

        .layout-resultado .box-medicos p {
            line-height: 1.1;
            margin-left: 80px;
        }

        .layout-resultado .box-medicos .columna {
            padding: 0;
            width: 100%;
        }

            .layout-resultado .box-medicos .columna .slide-horas {
                overflow-x: scroll;
                width: 100%;
                display: flex;
                position: relative;
            }

            .layout-resultado .box-medicos .columna .day {
                width: 97%;
                margin-bottom: 10px;
            }

                .layout-resultado .box-medicos .columna .day .hora-reserva {
                    min-width: 80px;
                    padding: 10px 0;
                    margin: 5px;
                    display: inline-flex;
                    flex-direction: column;
                    text-align: center;
                }

                .layout-resultado .box-medicos .columna .day.half {
                    position: relative;
                }
}

@media screen and (max-width:767px) and (max-width:450px) {
    .layout-resultado .box-medicos .columna .day.half::before {
        top: 50px;
    }
}

@media screen and (max-width:767px) and (max-width:450px) {
    .layout-resultado .box-medicos .columna .day.half::after {
        top: 50px;
    }
}

@media screen and (max-width:767px) {
    .layout-resultado .box-medicos .columna a.prox-hora {
        width: 100%;
        margin: 0 0 15px;
    }

    .horas-doctor {
        margin: 20px 0 0;
        padding: 0;
        max-height: 500px;
        position: relative;
    }

        .horas-doctor.no-web {
            max-height: 250px;
        }

            .horas-doctor.no-web:before {
                display: none;
            }

            .horas-doctor.no-web:after {
                display: none;
            }

        .horas-doctor.sin-hora:before {
            display: none;
        }

        .horas-doctor.sin-hora:after {
            display: none;
        }

        .horas-doctor .columna {
            padding: 0;
        }

            .horas-doctor .columna .via-telefonica {
                background-color: #f0f2f4;
                padding: 20px 20px 10px 80px;
                margin-bottom: 10px;
            }
}

@media screen and (max-width:767px) and (max-width:450px) {
    .horas-doctor .columna .via-telefonica {
        padding: 20px 20px 10px 20px;
    }
}

@media screen and (max-width:767px) {
    .horas-doctor .columna .via-telefonica:before {
        width: 35px;
        height: 35px;
        background-image: url(../images/ico-alerta-mobile.png);
    }
}

@media screen and (max-width:767px) and (max-width:450px) {
    .horas-doctor .columna .via-telefonica:before {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .horas-doctor .columna .via-telefonica p a {
        color: #000;
        font-weight: 700;
        font-size: 14px;
    }

    .open-horas {
        display: none;
    }

    .zone-reserva-finalizada {
        padding: 20px 0;
    }

        .zone-reserva-finalizada #anular {
            padding-left: 20px;
        }

        .zone-reserva-finalizada .alerta-amarilla {
            padding-left: 70px;
            font-size: 14px;
            margin-bottom: 20px;
        }

            .zone-reserva-finalizada .alerta-amarilla:before {
                content: '';
                width: 46px;
                height: 46px;
                background-image: url(../images/alert-yellow.png);
            }

        .zone-reserva-finalizada h4 {
            color: #000;
            font-size: 14px;
            padding: 0 0 0 50px;
            margin-bottom: 10px;
            float: initial;
        }

            .zone-reserva-finalizada h4 span {
                color: #000;
                display: block;
                font-weight: 700;
                padding-left: 0;
            }

            .zone-reserva-finalizada h4:before {
                content: '';
                width: 37px;
                height: 33px;
                position: absolute;
                left: 0;
                top: -7px;
                background-image: url(../images/ico-blue-maleta.png);
            }

        .zone-reserva-finalizada h5 {
            color: #000;
            font-size: 14px;
            padding-left: 55px;
            margin-bottom: 0;
            margin-top: 16px;
        }

            .zone-reserva-finalizada h5 span {
                width: 43px;
                height: 45px;
            }

                .zone-reserva-finalizada h5 span.paciente {
                    background-image: url(../images/ico-green-paciente.png);
                }

                .zone-reserva-finalizada h5 span.medico {
                    background-image: url(../images/ico-blue-medico.png);
                }

                .zone-reserva-finalizada h5 span.cuando {
                    background-image: url(../images/ico-blue-calendar.png);
                }

                .zone-reserva-finalizada h5 span.lugar {
                    background-image: url(../images/ico-blue-lugar.png);
                    height: 55px;
                }

            .zone-reserva-finalizada h5.valores {
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 10px;
            }

                .zone-reserva-finalizada h5.valores:before {
                    background-image: url(../images/ico-blue-maleta.png);
                    top: -12px;
                    width: 43px;
                    height: 45px;
                }

            .zone-reserva-finalizada h5.recordatorios {
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 10px;
            }

                .zone-reserva-finalizada h5.recordatorios:before {
                    background-image: url(../images/ico-blue-campana.png);
                    top: 0;
                    width: 43px;
                    height: 45px;
                }

        .zone-reserva-finalizada a,
        .zone-reserva-finalizada p {
            font-size: 14px;
            margin-bottom: 3px;
            padding-left: 55px;
        }

        .zone-reserva-finalizada .caja-valores-prevision {
            background-color: transparent;
            padding: 0;
            min-height: 100px;
            margin-left: 50px;
            margin-bottom: 20px;
        }

            .zone-reserva-finalizada .caja-valores-prevision p {
                font-size: 14px;
                padding-left: 5px;
            }

        .zone-reserva-finalizada ul {
            margin-left: 30px;
        }
}

.cont-busqueda-input {
    float: left;
    position: relative;
    width: 77%;
}

@media screen and (max-width:991px) {
    .cont-busqueda-input {
        width: 74%;
    }
}

@media screen and (max-width:767px) {
    .cont-busqueda-input {
        width: 100% !important;
    }
}

.cont-busqueda-input i {
    position: absolute;
    color: #3d7dda;
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 34px;
}

.cont-busqueda-input input {
    width: 100% !important;
}

.busqueda-reserva {
    border: 1px solid #ccc;
    height: 71px;
    position: relative;
    font-size: 16px;
}

    .busqueda-reserva .elegir-sucursal {
        width: 23%;
        float: left;
        position: relative;
        padding-left: 45px;
    }

        .busqueda-reserva .elegir-sucursal:after {
            font-family: clinica-ico;
            content: '\e825';
            color: #3d7dda;
            position: absolute;
            top: 13px;
            left: 10px;
            font-size: 30px;
        }

@media screen and (max-width:991px) {
    .busqueda-reserva .elegir-sucursal {
        width: 26%;
    }
}

.busqueda-reserva .elegir-sucursal select {
    border: 0;
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    padding-left: 5px;
}

    .busqueda-reserva .elegir-sucursal select:focus {
        outline: 0;
    }

.busqueda-reserva .busqueda-input {
    float: left;
    width: 70%;
    height: 69px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-style: italic;
    border: 1px solid #ccc;
    padding-left: 55px;
}

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

.busqueda-reserva label {
    font-size: 14px;
    font-weight: 400;
}

.busqueda-reserva .resultado {
    visibility: hidden;
    opacity: 0;
    transition: visibility .5s,height .3s linear;
    border: 1px solid #000;
    width: 75%;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    /*top: 69px;*/
    top: 5px;
    z-index: 9999;
}

    .busqueda-reserva .resultado.opened {
        visibility: visible;
        opacity: 1;
        height: 350px;
        width: 77%;
    }

    .busqueda-reserva .resultado .box-resultado {
        background-color: #fff;
        height: 100%;
        border-right: 1px solid #979797;
        padding: 0;
        font-size: 16px;
    }

        .busqueda-reserva .resultado .box-resultado:last-child {
            border-right: 0;
        }

        .busqueda-reserva .resultado .box-resultado .titulo {
            display: block;
            background-color: #c5c5c5;
            color: #77777a;
            padding: 22px 10px 0 55px;
            height: 65px;
            text-transform: uppercase;
            position: relative;
        }

            .busqueda-reserva .resultado .box-resultado .titulo:before {
                content: '';
                display: block;
                width: 32px;
                height: 32px;
                background-repeat: no-repeat;
                background-position: center;
                position: absolute;
                left: 18px;
                top: 15px;
            }

            .busqueda-reserva .resultado .box-resultado .titulo.especialidad:before {
                background-image: url(../images/ico-especialidad.png);
            }

            .busqueda-reserva .resultado .box-resultado .titulo.tratamiento:before {
                background-image: url(../images/ico-tratamiento.png);
            }

            .busqueda-reserva .resultado .box-resultado .titulo.especialista:before {
                background-image: url(../images/ico-especialista.png);
            }

        .busqueda-reserva .resultado .box-resultado .masbuscado {
            display: block;
            height: 63px;
            padding-left: 20px;
            padding-top: 20px;
            background-color: #f2efef;
        }

        .busqueda-reserva .resultado .box-resultado ul {
            list-style: none;
            margin: 15px 0 0;
            padding: 0;
            overflow: scroll;
            overflow-x: hidden;
            height: 200px;
        }

            .busqueda-reserva .resultado .box-resultado ul li {
                margin-bottom: 5px;
            }

                .busqueda-reserva .resultado .box-resultado ul li a {
                    color: #77777a;
                    position: relative;
                    display: block;
                    padding: 5px 20px;
                }

                    .busqueda-reserva .resultado .box-resultado ul li a.link-medico {
                        min-height: 50px;
                    }

                        .busqueda-reserva .resultado .box-resultado ul li a.link-medico span {
                            line-height: 1;
                            display: block;
                            padding-left: 58px;
                        }

                            .busqueda-reserva .resultado .box-resultado ul li a.link-medico span.especialidad {
                                font-size: 12px;
                            }

                            .busqueda-reserva .resultado .box-resultado ul li a.link-medico span.especialista {
                                font-weight: 700;
                                margin-bottom: 5px;
                            }

                            .busqueda-reserva .resultado .box-resultado ul li a.link-medico span.mini-thum {
                                width: 48px;
                                height: 48px;
                                position: absolute;
                                left: 20px;
                                top: 5px;
                                padding-left: 0;
                            }

                    .busqueda-reserva .resultado .box-resultado ul li a:hover {
                        background-color: #cee1ef;
                    }

.reservadehoras-1 {
    padding-bottom: 80px;
    display: table;
    width: 100%;
}

.reservadehoras-4 .zone-reserva-finalizada {
    padding-bottom: 0;
}

@media screen and (max-width:767px) {
    .reservadehoras-4 .row_resena_datos:first-child {
        padding-top: 0;
        padding-bottom: 0 !important;
    }
}

.reservadehoras-4 .titulo-paso {
    /*display: table;
  margin-bottom: 0!important;*/
}

@media screen and (max-width:767px) {
    .reservadehoras-4 .titulo-paso,
    .reservadehoras-4 .titulo-paso > h3 {
        margin-bottom: 0 !important;
        display: block;
        text-align: center;
    }
}

.reservadehoras-4 .titulo-paso .icono-imprimir {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: -12px;
    margin-left: 10px;
    background-size: contain;
    background-image: url(../images/icono-imprimir.png);
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width:767px) {
    .reservadehoras-4 .titulo-paso .icono-imprimir {
        margin-top: 15px;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

.reservadehoras-4 .row_resena_datos:first-child {
    padding-bottom: 50px;
}

.reservadehoras-4 .container_resena_datos {
    margin-bottom: 0;
}

.reservadehoras-1 .busqueda-reserva {
    /*height: 53px !important;*/
    z-index: 99;
    position: relative;
}

@media screen and (max-width:767px) {
    .reservadehoras-1 .busqueda-reserva + .row {
        padding-top: 95px;
    }

    .reservadehoras-1 .busqueda-reserva label.only-mobile {
        margin-top: 15px;
    }
}

@media screen and (max-width:600px) {
    .reservadehoras-1 .busqueda-reserva + .row {
        padding-top: 105px;
    }
}

.reservadehoras-1 .busqueda-reserva .elegir-sucursal:after {
    top: 7px;
}

.reservadehoras-1 .busqueda-reserva .elegir-sucursal select {
    height: 51px !important;
}

.reservadehoras-1 .busqueda-reserva div.icon-ico-search {
    position: absolute;
    right: 15px;
    top: 4px;
    font-size: 30px;
}

@media screen and (max-width:767px) {
    .reservadehoras-1 .busqueda-reserva div.icon-ico-search {
        display: none;
    }
}

.reservadehoras-1 .busqueda-reserva .busqueda-input {
    height: 51px !important;
    float: right;
}

.reservadehoras-1 .busqueda-reserva .resultado {
    /*top: 52px;*/
}

    .reservadehoras-1 .busqueda-reserva .resultado .box-resultado ul li a {
        padding: 2px 20px;
    }

    .reservadehoras-1 .busqueda-reserva .resultado .box-resultado .masbuscado,
    .reservadehoras-1 .busqueda-reserva .resultado .box-resultado .titulo {
        height: 40px;
        padding: 10px 10px 0 55px;
    }

        .reservadehoras-1 .busqueda-reserva .resultado .box-resultado .masbuscado:before,
        .reservadehoras-1 .busqueda-reserva .resultado .box-resultado .titulo:before {
            width: 25px;
            height: 25px;
            background-size: contain;
            top: 6px;
        }

    .reservadehoras-1 .busqueda-reserva .resultado .box-resultado .masbuscado {
        font-weight: 700;
    }

.reservadehoras-1 .box-banner {
    margin-top: 21px;
    height: 163px;
    padding: 92px 20px 30px;
}

    .reservadehoras-1 .box-banner p {
        line-height: 1.2;
    }

    .reservadehoras-1 .box-banner .icono {
        top: 21px;
    }

.reservadehoras-1 h3 {
    margin: 49px 0 16px !important;
}

#sugerencias-1,
#sugerencias-2 {
    padding-bottom: 75px;
}

    #sugerencias-1 .half-bg2,
    #sugerencias-2 .half-bg2 {
        padding: 80px 0;
    }

    #pagosycuentas #sugerencias-1 .contenedor-formularios .completa-datos h4,
    #pagosycuentas #sugerencias-2 .contenedor-formularios .completa-datos h4,
    #sugerencias-1 .contenedor-formularios #pagosycuentas .completa-datos h4,
    #sugerencias-1 .contenedor-formularios .login-horas h4,
    #sugerencias-2 .contenedor-formularios #pagosycuentas .completa-datos h4,
    #sugerencias-2 .contenedor-formularios .login-horas h4 {
        border: 0;
        margin: 0 0 10px;
        padding: 0;
        font-size: 24px;
    }

    #pagosycuentas #sugerencias-1 .contenedor-formularios .completa-datos ::-moz-placeholder,
    #pagosycuentas #sugerencias-2 .contenedor-formularios .completa-datos ::-moz-placeholder,
    #sugerencias-1 .contenedor-formularios #pagosycuentas .completa-datos ::-moz-placeholder,
    #sugerencias-1 .contenedor-formularios .login-horas ::-moz-placeholder,
    #sugerencias-2 .contenedor-formularios #pagosycuentas .completa-datos ::-moz-placeholder,
    #sugerencias-2 .contenedor-formularios .login-horas ::-moz-placeholder {
        line-height: 200px;
    }

    #pagosycuentas #sugerencias-1 .contenedor-formularios .completa-datos ::-webkit-input-placeholder,
    #pagosycuentas #sugerencias-2 .contenedor-formularios .completa-datos ::-webkit-input-placeholder,
    #sugerencias-1 .contenedor-formularios #pagosycuentas .completa-datos ::-webkit-input-placeholder,
    #sugerencias-1 .contenedor-formularios .login-horas ::-webkit-input-placeholder,
    #sugerencias-2 .contenedor-formularios #pagosycuentas .completa-datos ::-webkit-input-placeholder,
    #sugerencias-2 .contenedor-formularios .login-horas ::-webkit-input-placeholder {
        line-height: 200px;
    }

    #pagosycuentas #sugerencias-1 .contenedor-formularios .completa-datos :-ms-input-placeholder,
    #pagosycuentas #sugerencias-2 .contenedor-formularios .completa-datos :-ms-input-placeholder,
    #sugerencias-1 .contenedor-formularios #pagosycuentas .completa-datos :-ms-input-placeholder,
    #sugerencias-1 .contenedor-formularios .login-horas :-ms-input-placeholder,
    #sugerencias-2 .contenedor-formularios #pagosycuentas .completa-datos :-ms-input-placeholder,
    #sugerencias-2 .contenedor-formularios .login-horas :-ms-input-placeholder {
        line-height: 200px;
    }

    #sugerencias-1 .contenedor-formularios .contactarte p,
    #sugerencias-2 .contenedor-formularios .contactarte p {
        font-size: 24px;
    }

    #sugerencias-1 .contenedor-formularios .separador-forms,
    #sugerencias-2 .contenedor-formularios .separador-forms {
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        border-left: 1px solid #cdcbcb;
    }

@media screen and (max-width:991px) {
    #sugerencias-1 .contenedor-formularios .separador-forms,
    #sugerencias-2 .contenedor-formularios .separador-forms {
        display: none;
    }
}

#sugerencias-1 .contenedor-formularios .separador-forms span,
#sugerencias-2 .contenedor-formularios .separador-forms span {
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
}

#sugerencias-1 .exito-left-container-container,
#sugerencias-2 .exito-left-container-container {
    padding-bottom: 25px;
}

#sugerencias-1 .exito-left-container-titulo,
#sugerencias-2 .exito-left-container-titulo {
    border: none !important;
}

@media screen and (max-width:767px) {
    #sugerencias .sub-header {
        min-height: 126px;
    }

        #sugerencias .sub-header h2 {
            margin-top: 42px;
            margin-bottom: 0;
            padding-right: 47%;
            font-size: 28px;
        }

    #sugerencias .sub-header-2 {
        min-height: 126px;
        margin-bottom: 36px;
    }

        #sugerencias .sub-header-2 h3 {
            margin-top: 27px;
            font-size: 14px;
        }

    #pagosycuentas #sugerencias .contenedor-formularios .completa-datos h4,
    #sugerencias .contenedor-formularios #pagosycuentas .completa-datos h4,
    #sugerencias .contenedor-formularios .login-horas h4 {
        font-size: 20px;
    }

    #pagosycuentas #sugerencias .contenedor-formularios .completa-datos .text-right,
    #sugerencias .contenedor-formularios #pagosycuentas .completa-datos .text-right,
    #sugerencias .contenedor-formularios .login-horas .text-right {
        text-align: center;
    }
}

#sugerencias-2 {
    padding-bottom: 50px;
}

    #sugerencias-2 .mensaje-final {
        padding-bottom: 20px;
    }

    #sugerencias-2 .exito-left-container {
        margin-bottom: 50px;
    }

    #sugerencias-2 .invisible-terminaste h2 {
        font-size: 24px;
        font-weight: 700;
    }

.anulacion .anular-hora-1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

    #pagosycuentas .anulacion .anular-hora-1 .completa-datos,
    .anulacion .anular-hora-1 #pagosycuentas .completa-datos,
    .anulacion .anular-hora-1 .login-horas {
        display: inline-block;
        width: 100%;
    }

        #pagosycuentas .anulacion .anular-hora-1 .completa-datos .icon-ico-info-2,
        .anulacion .anular-hora-1 #pagosycuentas .completa-datos .icon-ico-info-2,
        .anulacion .anular-hora-1 .login-horas .icon-ico-info-2 {
            float: left;
        }

.anulacion h3 {
    margin-bottom: 40px;
}

.anulacion .icon-ico-info-2.cc3:before {
    font-size: 36px;
    padding-left: 0;
    position: absolute;
}

@media screen and (max-width:500px) {
    .anulacion .icon-ico-info-2.cc3:before {
        display: block;
        text-align: center;
        position: static;
    }
}

.anulacion .info-reserva {
    padding-left: 45px;
    width: 180px;
}

.anulacion .info-reserva-anular-hora-1 {
    text-align: left;
}

    .anulacion .info-reserva-anular-hora-1 span {
        margin-left: 42px;
        display: inline-block;
        float: left;
    }

@media screen and (max-width:500px) {
    .anulacion .info-reserva-anular-hora-1 {
        display: block;
        text-align: center;
    }

        .anulacion .info-reserva-anular-hora-1 span {
            margin-left: 0;
        }
}

.anulacion .info-reserva-anular-hora-1 .btn {
    float: right;
}

#pagosycuentas .anulacion .disabled.completa-datos,
.anulacion #pagosycuentas .disabled.completa-datos,
.anulacion .login-horas.disabled {
    opacity: .5;
}

    #pagosycuentas .anulacion .disabled.completa-datos input,
    .anulacion #pagosycuentas .disabled.completa-datos input,
    .anulacion .login-horas.disabled input {
        cursor: not-allowed;
    }

    #pagosycuentas .anulacion .disabled.completa-datos .btn,
    .anulacion #pagosycuentas .disabled.completa-datos .btn,
    .anulacion .login-horas.disabled .btn {
        cursor: not-allowed;
        float: right;
    }

.anulacion .contenedor-formularios {
    position: relative;
    float: left;
    width: 100%;
}

    .anulacion .contenedor-formularios:after {
        content: '';
        display: block;
        clear: both;
    }

    .anulacion .contenedor-formularios .separador-forms {
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        border-left: 1px solid #4a4a4a;
    }

@media screen and (max-width:991px) {
    .anulacion .contenedor-formularios .separador-forms {
        display: none;
    }
}

.anulacion .contenedor-formularios .separador-forms span {
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
}

.anulacion .info-hora-anular {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #77777a;
    padding-top: 60px;
}

    .anulacion .info-hora-anular .info-txt {
        margin-left: 250px;
    }

        .anulacion .info-hora-anular .info-txt h4 {
            font-size: 28px;
            border: 0;
            margin: 0;
            padding: 0;
        }

        .anulacion .info-hora-anular .info-txt p {
            font-size: 20px;
            margin: 0;
        }

    .anulacion .info-hora-anular .img-especialista {
        position: absolute;
        left: 0;
        top: 40px;
        width: 230px;
        height: 230px;
        overflow: hidden;
        border-radius: 50%;
        border: 1px solid #ccc;
    }

        .anulacion .info-hora-anular .img-especialista img {
            width: 100%;
            height: auto;
        }

.anulacion #boton-anular {
    margin: 30px 0 60px;
}

.anulacion .cuando,
.anulacion .donde {
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 60px;
    font-size: 20px;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position: center left;
}

    .anulacion .cuando h5,
    .anulacion .donde h5 {
        color: #3d7dda;
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        font-family: 'Open Sans',sans-serif;
    }

    .anulacion .cuando span,
    .anulacion .donde span {
        font-weight: 700;
    }

    .anulacion .cuando .icon-location,
    .anulacion .donde .icon-location {
        font-size: 45px;
        position: absolute;
        margin-left: -50px;
    }

        .anulacion .cuando .icon-location:before,
        .anulacion .donde .icon-location:before {
            vertical-align: 10px;
            color: #3d7dda;
        }

.anulacion .cuando {
    background-image: url(../images/ico-calendario.png);
}

.anulacion .icon-ico-info-2.cc3,
.anulacion .pull-left.info-reserva-anular-hora-1 {
    margin-top: 25px;
}

@media screen and (max-width:576px) {
    .donde {
        margin-left: 11px !important;
        display: block;
    }
}

.final-anular {
    padding: 150px 0;
}

#anular-hora-2 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width:767px) {
    .anulacion h3 {
        font-size: 18px;
        margin-bottom: 10px !important;
    }

    .anulacion h4 {
        font-size: 16px;
        padding: 0 0 20px;
    }

    .anulacion .sub-header {
        min-height: 120px !important;
    }

    .anulacion .final-anular {
        padding: 40px 20px;
        text-align: center;
    }

        .anulacion .final-anular h3 {
            padding: 0;
            margin-top: 90px !important;
        }

            .anulacion .final-anular h3:before {
                top: -70px;
                left: 0;
                right: 0;
                margin: 0 auto;
                width: 60px;
                height: 60px;
                background-size: contain;
                background-repeat: no-repeat;
            }

        .anulacion .final-anular p {
            padding: 0;
            font-size: 16px;
        }

        .anulacion .final-anular #volver-busqueda {
            float: initial;
        }

    .anulacion .info-hora-anular {
        padding-top: 40px;
    }

        .anulacion .info-hora-anular .info-txt {
            margin: 0 20px;
        }

            .anulacion .info-hora-anular .info-txt h4 {
                font-size: 16px;
                padding-left: 110px;
            }

            .anulacion .info-hora-anular .info-txt p {
                font-size: 14px;
                padding-left: 110px;
            }

        .anulacion .info-hora-anular .img-especialista {
            left: 20px;
            top: 25px;
            width: 90px;
            height: 90px;
        }

    .anulacion .cuando,
    .anulacion .donde {
        margin: 20px 0 0 15px;
        font-size: 14px;
        padding-left: 40px;
        padding-top: 20px;
        background-repeat: no-repeat;
        background-position: top left;
    }

        .anulacion .cuando h5,
        .anulacion .donde h5 {
            color: #3d7dda;
            font-size: 16px;
            font-weight: 700;
            margin: 0;
            font-family: 'Open Sans',sans-serif;
        }

        .anulacion .cuando span,
        .anulacion .donde span {
            font-weight: 700;
        }

    .anulacion .donde {
        margin-left: 32px;
    }

    .anulacion .cuando {
        padding-left: 60px;
        margin-left: 0;
        background-position: bottom left;
    }

    .anulacion .contenedor-formularios .separador-forms {
        display: none;
    }

    .anulacion .info-reserva {
        display: block;
        margin-top: 15px;
        float: initial !important;
    }
}

.layout-especialista .head-especialista {
    min-height: 200px;
    background-color: #9eaec0;
    margin-bottom: 100px;
    margin-top: -30px;
}

    .layout-especialista .head-especialista h3 {
        margin-left: 240px !important;
        font-size: 28px;
        margin-bottom: 15px !important;
        margin-top: 70px !important;
    }

    .layout-especialista .head-especialista .ubicacion {
        margin-left: 240px;
    }

        .layout-especialista .head-especialista .ubicacion a {
            display: inline-block;
            padding-left: 40px;
            padding-top: 7px;
            height: 36px;
            background-image: url(../images/ico-blue-lugar36.png);
            background-repeat: no-repeat;
            background-position: center left;
            color: #4a4a4a;
            font-size: 14px;
            margin-right: 50px;
        }

            .layout-especialista .head-especialista .ubicacion a:hover {
                font-weight: 700;
            }

    .layout-especialista .head-especialista .img-especialista {
        position: absolute;
        left: 15px;
        top: 30px;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        border: 1px solid #ccc;
        overflow: hidden;
    }

@media screen and (max-width:991px) {
    .layout-especialista .head-especialista .img-especialista {
        top: -20px;
    }
}

.layout-especialista .head-especialista .img-especialista img {
    width: 100%;
    height: auto;
}

.layout-especialista h4 {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 10px;
}

.layout-especialista table {
    margin-bottom: 40px;
}

    .layout-especialista table tr {
        margin-bottom: 10px;
    }

        .layout-especialista table tr td {
            vertical-align: top;
            padding-top: 25px;
        }

            .layout-especialista table tr td ul {
                list-style: none;
            }

                .layout-especialista table tr td ul li {
                    margin-bottom: 10px;
                }

.layout-especialista .horas-especialista {
    position: relative;
}

    .layout-especialista .horas-especialista h4 {
        border: 0;
    }

    .layout-especialista .horas-especialista .calendario {
        position: absolute;
        right: 0;
        top: 0;
    }

        .layout-especialista .horas-especialista .calendario input {
            display: none;
        }

        .layout-especialista .horas-especialista .calendario .input-group-addon {
            width: 38px;
            height: 38px;
            border: 0;
            background-color: transparent;
            background-image: url(../images/ico-blue-calendar.png);
        }

    .layout-especialista .horas-especialista .box-horas .selec-fecha {
        min-height: 72px;
        position: relative;
        background-color: #cee1ef;
        padding: 0 75px;
        position: relative;
    }

        .layout-especialista .horas-especialista .box-horas .selec-fecha .btn-hour {
            position: absolute;
            width: 36px;
            height: 36px;
            border-radius: 4px;
            background-color: #7297c5;
            top: 19px;
            background-repeat: no-repeat;
            background-position: center;
        }

            .layout-especialista .horas-especialista .box-horas .selec-fecha .btn-hour.left-hour {
                left: 20px;
                background-image: url(../images/arrow-left.png);
            }

            .layout-especialista .horas-especialista .box-horas .selec-fecha .btn-hour.right-hour {
                right: 20px;
                background-image: url(../images/arrow-right.png);
            }

    .layout-especialista .horas-especialista .box-horas .selec-hora {
        background-color: #a9c3e8;
        padding: 20px 75px;
    }

        .layout-especialista .horas-especialista .box-horas .selec-hora h5 {
            height: 35px;
            background-image: url(../images/ico-green-lugar.png);
            background-repeat: no-repeat;
            background-position: center left;
            padding-left: 30px;
            padding-top: 10px;
            color: #4a4a4a;
            font-size: 14px;
            margin-top: 20px;
        }

        .layout-especialista .horas-especialista .box-horas .selec-hora .columna-especialista {
            margin-bottom: 25px;
        }

        .layout-especialista .horas-especialista .box-horas .selec-hora .no-web .via-telefonica {
            background-color: #9eaec0;
            color: #000;
            font-weight: 700;
            height: 54px;
            width: 100%;
            padding-top: 15px;
        }

    .layout-especialista .horas-especialista .box-horas .columna-especialista {
        position: relative;
        overflow: hidden;
    }

        .layout-especialista .horas-especialista .box-horas .columna-especialista .day {
            float: left;
            width: 31%;
            margin: 0 1.15%;
            position: relative;
            transition: 1s;
            left: 0;
        }

            .layout-especialista .horas-especialista .box-horas .columna-especialista .day .hour {
                display: block;
                height: 36px;
                margin: 5px 0;
                background-color: #9eaec0;
                color: #000;
                font-weight: 700;
                text-align: center;
                line-height: 2.4;
            }

                .layout-especialista .horas-especialista .box-horas .columna-especialista .day .hour:hover {
                    background-color: #e72e7e;
                    color: #fff;
                }

                .layout-especialista .horas-especialista .box-horas .columna-especialista .day .hour.disabled {
                    cursor: not-allowed;
                    color: #000;
                    background-color: rgba(255,255,255,.3);
                }

            .layout-especialista .horas-especialista .box-horas .columna-especialista .day .date {
                text-align: center;
                text-transform: uppercase;
                font-weight: 700;
                padding-top: 26px;
            }

        .layout-especialista .horas-especialista .box-horas .columna-especialista:after {
            content: '';
            display: block;
            width: 100%;
            clear: both;
        }

.mobile-force-right {
    float: right;
}

@media screen and (max-width:991px) {
    .mobile-force-right {
        float: initial;
    }
}

@media screen and (max-width:767px) {
    .mobile-force-right {
        float: initial;
        margin-top: -15px;
        background-color: #cee1ef;
    }

    .layout-especialista .head-especialista {
        margin-top: -60px;
        margin-bottom: 0;
    }

        .layout-especialista .head-especialista h3 {
            margin-left: 120px !important;
            font-size: 18px;
            margin-bottom: 15px !important;
            margin-top: 30px !important;
        }

        .layout-especialista .head-especialista .ubicacion {
            margin-left: 120px;
        }

            .layout-especialista .head-especialista .ubicacion a {
                display: block;
                padding-left: 40px;
                padding-top: 7px;
                margin-bottom: 10px;
                height: 36px;
                background-image: url(../images/ico-blue-lugar36.png);
                color: #4a4a4a;
                font-size: 14px;
                margin-right: 0;
            }

        .layout-especialista .head-especialista .img-especialista {
            width: 100px;
            height: 100px;
            top: 0;
        }

    .layout-especialista h4 {
        font-size: 16px;
    }

    .layout-especialista .horas-especialista {
        padding-top: 3px;
    }

        .layout-especialista .horas-especialista h4 {
            border: 0;
            font-size: 16px;
        }

        .layout-especialista .horas-especialista .calendario {
            position: absolute;
            right: -15px;
            top: 0;
        }

            .layout-especialista .horas-especialista .calendario input {
                display: none;
            }

            .layout-especialista .horas-especialista .calendario .input-group-addon {
                width: 70px;
                height: 63px;
                border: 0;
                position: relative;
                background-color: transparent;
                background-image: url(../images/ico-calendario-mobile.png);
                background-repeat: no-repeat;
                background-position: center;
            }

                .layout-especialista .horas-especialista .calendario .input-group-addon:before {
                    content: '';
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 10px;
                    height: 50px;
                    width: 2px;
                    background-color: #fff;
                }

        .layout-especialista .horas-especialista .box-horas {
            margin: 0 -15px;
        }

            .layout-especialista .horas-especialista .box-horas .selec-fecha {
                height: 72px;
                overflow: hidden;
                padding: 0 75px;
                position: relative;
            }

                .layout-especialista .horas-especialista .box-horas .selec-fecha .btn-hour {
                    background-color: #68c6b9;
                    top: 19px;
                }

            .layout-especialista .horas-especialista .box-horas .selec-hora {
                background-color: #a9c3e8;
                padding: 20px;
            }

                .layout-especialista .horas-especialista .box-horas .selec-hora h5 {
                    height: 35px;
                    background-image: url(../images/ico-green-lugar.png);
                    background-repeat: no-repeat;
                    background-position: center left;
                    padding-left: 30px;
                    padding-top: 10px;
                    color: #4a4a4a;
                    font-size: 14px;
                    margin-top: 20px;
                }

                .layout-especialista .horas-especialista .box-horas .selec-hora .columna-especialista {
                    margin-bottom: 25px;
                }

                    .layout-especialista .horas-especialista .box-horas .selec-hora .columna-especialista:before {
                        content: '';
                        display: block;
                        width: 30px;
                        height: 45px;
                        position: absolute;
                        right: 0;
                        background: -moz-linear-gradient(left,rgba(148,208,200,0) 0,#94d0c8 100%);
                        background: -webkit-linear-gradient(left,rgba(148,208,200,0) 0,#94d0c8 100%);
                        background: linear-gradient(to right,rgba(148,208,200,0) 0,#94d0c8 100%);
                        z-index: 99;
                    }

            .layout-especialista .horas-especialista .box-horas .columna-especialista {
                position: relative;
                overflow: hidden;
                height: 45px;
            }

                .layout-especialista .horas-especialista .box-horas .columna-especialista .day {
                    width: 100%;
                    margin: 0;
                    overflow-x: scroll;
                    display: flex;
                }

                    .layout-especialista .horas-especialista .box-horas .columna-especialista .day .hour {
                        display: flex;
                        min-width: 80px;
                        flex-direction: column;
                        margin: 5px;
                    }

                    .layout-especialista .horas-especialista .box-horas .columna-especialista .day .date {
                        margin: 0 auto;
                        font-size: 24px;
                        padding-top: 18px;
                    }
}

#presupuesto-1 .wizard,
#presupuesto-2 .wizard,
#presupuesto-3 .wizard {
    height: 72px;
    margin-bottom: 0;
}

    #presupuesto-1 .wizard ol,
    #presupuesto-2 .wizard ol,
    #presupuesto-3 .wizard ol {
        bottom: -4px;
    }

        #presupuesto-1 .wizard ol li,
        #presupuesto-2 .wizard ol li,
        #presupuesto-3 .wizard ol li {
            width: 33.333%;
        }

#presupuesto-1 .wizard-mobile,
#presupuesto-2 .wizard-mobile,
#presupuesto-3 .wizard-mobile {
    margin-bottom: 0;
}

#presupuesto-1 .half-bg2,
#presupuesto-2 .half-bg2,
#presupuesto-3 .half-bg2 {
    padding-bottom: 80px;
}

#pagosycuentas #presupuesto-1 .completa-datos,
#pagosycuentas #presupuesto-2 .completa-datos,
#pagosycuentas #presupuesto-3 .completa-datos,
#presupuesto-1 #pagosycuentas .completa-datos,
#presupuesto-1 .login-horas,
#presupuesto-2 #pagosycuentas .completa-datos,
#presupuesto-2 .login-horas,
#presupuesto-3 #pagosycuentas .completa-datos,
#presupuesto-3 .login-horas {
    padding-right: 0 !important;
}

@media screen and (max-width:375px) {
    #pagosycuentas #presupuesto-1 .completa-datos .form-group,
    #pagosycuentas #presupuesto-2 .completa-datos .form-group,
    #pagosycuentas #presupuesto-3 .completa-datos .form-group,
    #presupuesto-1 #pagosycuentas .completa-datos .form-group,
    #presupuesto-1 .login-horas .form-group,
    #presupuesto-2 #pagosycuentas .completa-datos .form-group,
    #presupuesto-2 .login-horas .form-group,
    #presupuesto-3 #pagosycuentas .completa-datos .form-group,
    #presupuesto-3 .login-horas .form-group {
        padding-right: 0;
    }

        #pagosycuentas #presupuesto-1 .completa-datos .form-group.required:after,
        #pagosycuentas #presupuesto-2 .completa-datos .form-group.required:after,
        #pagosycuentas #presupuesto-3 .completa-datos .form-group.required:after,
        #presupuesto-1 #pagosycuentas .completa-datos .form-group.required:after,
        #presupuesto-1 .login-horas .form-group.required:after,
        #presupuesto-2 #pagosycuentas .completa-datos .form-group.required:after,
        #presupuesto-2 .login-horas .form-group.required:after,
        #presupuesto-3 #pagosycuentas .completa-datos .form-group.required:after,
        #presupuesto-3 .login-horas .form-group.required:after {
            right: 0;
        }
}

@media screen and (max-width:768px) {
    #presupuesto-1 .p-destacado-1,
    #presupuesto-2 .p-destacado-1,
    #presupuesto-3 .p-destacado-1 {
        margin-top: 0;
    }
}

#presupuesto-1 .boton-tipo-2,
#presupuesto-1 .boton-tipo-2-agregar,
#presupuesto-2 .boton-tipo-2,
#presupuesto-2 .boton-tipo-2-agregar,
#presupuesto-3 .boton-tipo-2,
#presupuesto-3 .boton-tipo-2-agregar {
    margin-top: 20px;
}

@media screen and (max-width:375px) {
    #presupuesto-1 .wizard-mobile:before {
        display: none;
    }

    #presupuesto-1 .sub-header {
        min-height: 144px;
        padding-top: 0;
        padding-bottom: 0;
    }

        #presupuesto-1 .sub-header h2 {
            font-size: 28px;
            margin: 52px 0 45px;
        }

    .presupuesto-xs p {
        font-size: 24px;
        font-weight: 700;
    }

        .presupuesto-xs p span {
            font-size: 14px;
            font-weight: 400;
        }

    .presupuesto {
        padding-top: 33px;
    }

        .presupuesto p {
            font-size: 13px;
            line-height: 24px;
            padding-bottom: 38px;
            border-bottom: solid 1px #b6b6b7;
            margin-bottom: 0;
        }

        #pagosycuentas .presupuesto .completa-datos,
        .presupuesto #pagosycuentas .completa-datos,
        .presupuesto .login-horas {
            padding-top: 36px;
        }

            #pagosycuentas .presupuesto .completa-datos h4,
            .presupuesto #pagosycuentas .completa-datos h4,
            .presupuesto .login-horas h4 {
                font-size: 18px;
                padding: 0;
                margin-bottom: 0;
            }

            #pagosycuentas .presupuesto .completa-datos .missing-data,
            .presupuesto #pagosycuentas .completa-datos .missing-data,
            .presupuesto .login-horas .missing-data {
                font-size: 14px;
                color: #3d7dda;
                padding-left: 10px;
                margin-bottom: 42px;
            }

                #pagosycuentas .presupuesto .completa-datos .missing-data:before,
                .presupuesto #pagosycuentas .completa-datos .missing-data:before,
                .presupuesto .login-horas .missing-data:before {
                    content: "*";
                    font-size: 32px;
                    font-weight: 700;
                    position: relative;
                    top: 11px;
                    color: #3d7dda;
                    left: -6px;
                }

        .presupuesto .form-group {
            padding-right: 18px;
        }

            .presupuesto .form-group.required:after {
                content: "*";
                font-size: 32px;
                font-weight: 700;
                position: absolute;
                top: -31px;
                right: 20px;
                color: #3d7dda;
            }

        .presupuesto .form-control {
            border-radius: 0;
            border: solid 1px #9b9b9b;
            height: 54px;
        }

            .presupuesto .form-control:focus {
                outline: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .presupuesto .form-control.error {
                border-color: red;
            }

        .presupuesto .margin-resp {
            margin: 54px 0 64px;
        }
}

#presupuesto-3 .exito-left-container {
    margin-bottom: 50px;
}

#presupuesto-3 .exito-left-container-titulo {
    border-bottom: none;
}

* {
    box-sizing: border-box;
}

#sobrecupo hr {
    border-top: 1px solid #979797;
    width: 100%;
}

#sobrecupo .sub-header {
    margin-bottom: -1px;
}

    #sobrecupo .sub-header .btn {
        float: right;
        position: relative;
        bottom: 28px;
    }

        #sobrecupo .sub-header .btn.btn-blue {
            background-color: #14458e;
        }

#sobrecupo .sub-header-2 {
    min-height: 252px;
    padding-bottom: 74px;
    padding-top: 36px;
    margin-bottom: 100px;
}

#sobrecupo .sub-row-2 .sub-desc h3 {
    color: #77777a;
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 20px;
    line-height: 120%;
    font-weight: 700;
}

#sobrecupo .sub-row-2 .sub-desc p {
    margin-bottom: 2px;
}

#sobrecupo .sub-row-2 .sub-desc .icon-location {
    font-size: 35px;
    padding-right: 12px;
    position: relative;
    top: 7px;
}

#sobrecupo .wizard {
    background-color: transparent;
    margin-top: -18px;
    margin-bottom: 0;
}

    #sobrecupo .wizard ol li {
        width: 33.3333333%;
    }

#pagosycuentas #sobrecupo .disabled.completa-datos,
#sobrecupo #pagosycuentas .disabled.completa-datos,
#sobrecupo .login-horas.disabled {
    opacity: .5;
}

    #pagosycuentas #sobrecupo .disabled.completa-datos input,
    #sobrecupo #pagosycuentas .disabled.completa-datos input,
    #sobrecupo .login-horas.disabled input {
        cursor: not-allowed;
    }

    #pagosycuentas #sobrecupo .disabled.completa-datos .btn,
    #sobrecupo #pagosycuentas .disabled.completa-datos .btn,
    #sobrecupo .login-horas.disabled .btn {
        cursor: not-allowed;
    }

#sobrecupo .disabled {
    opacity: .5;
}

#sobrecupo .contenedor-formularios {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 36px;
    padding-right: 36px;
}

    #sobrecupo .contenedor-formularios.paso1-mgBottom {
        margin-bottom: 142px;
    }

    #sobrecupo .contenedor-formularios.paso2-mgBottom {
        margin-bottom: 131px;
    }

    #sobrecupo .contenedor-formularios:after {
        content: '';
        display: block;
        clear: both;
    }

    #sobrecupo .contenedor-formularios .separador-forms {
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        border-left: 1px solid #cdcbcb;
    }

@media screen and (max-width:991px) {
    #sobrecupo .contenedor-formularios .separador-forms {
        display: none;
    }
}

#sobrecupo .contenedor-formularios .separador-forms span {
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
}

#sobrecupo .paso3-mgBottom {
    margin-bottom: 96px;
}

.sobrecupo-1 .wizard ol,
.sobrecupo-2 .wizard ol,
.sobrecupo-3 .wizard ol {
    bottom: -13px;
}

.sobrecupo-1 .sub-header .btn-blue,
.sobrecupo-2 .sub-header .btn-blue,
.sobrecupo-3 .sub-header .btn-blue {
    margin-top: -25px;
}

.sobrecupo-1 .sub-header-2,
.sobrecupo-2 .sub-header-2,
.sobrecupo-3 .sub-header-2 {
    border-bottom: none;
    padding-top: 60px !important;
    min-height: unset;
}

@media screen and (max-width:991px) {
    .sobrecupo-1 .sub-header-2 .sub-row-2 *,
    .sobrecupo-2 .sub-header-2 .sub-row-2 *,
    .sobrecupo-3 .sub-header-2 .sub-row-2 * {
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        text-align: center;
        width: 100%;
    }

        .sobrecupo-1 .sub-header-2 .sub-row-2 * img,
        .sobrecupo-2 .sub-header-2 .sub-row-2 * img,
        .sobrecupo-3 .sub-header-2 .sub-row-2 * img {
            float: none !important;
            width: 100px;
            margin: 25px auto 15px auto;
        }

        .sobrecupo-1 .sub-header-2 .sub-row-2 * .icon-location,
        .sobrecupo-2 .sub-header-2 .sub-row-2 * .icon-location,
        .sobrecupo-3 .sub-header-2 .sub-row-2 * .icon-location {
            padding-right: 0 !important;
        }
}

.sobrecupo-1 .exito-left-container-titulo,
.sobrecupo-2 .exito-left-container-titulo,
.sobrecupo-3 .exito-left-container-titulo {
    border-bottom: none;
}

@media screen and (max-width:991px) {
    .sobrecupo-1 .exito-left-container-titulo p,
    .sobrecupo-2 .exito-left-container-titulo p,
    .sobrecupo-3 .exito-left-container-titulo p {
        text-align: center;
        display: block;
    }
}

.sobrecupo-1 .wizard ol li:first-child,
.sobrecupo-2 .wizard ol li:first-child,
.sobrecupo-3 .wizard ol li:first-child {
    clear: both;
}

@media screen and (max-width:460px) {
    .sobrecupo-2 .sub-header h2,
    .sobrecupo-3 .sub-header h2 {
        margin-top: 23px !important;
        margin-bottom: 74px !important;
    }
}

.sobrecupo-2 .sub-header-2,
.sobrecupo-3 .sub-header-2 {
    margin-bottom: 0 !important;
}

.sobrecupo-2 .half-bg2,
.sobrecupo-3 .half-bg2 {
    padding-bottom: 80px;
}

.sobrecupo-1 .wizard ol {
    bottom: -41px;
}

@media screen and (max-width:375px) {
    #sobrecupo .sub-header {
        min-height: 144px;
    }

        #sobrecupo .sub-header h2 {
            margin-top: 74px;
            margin-bottom: 23px;
            font-size: 28px;
        }

    #sobrecupo .wizard-mobile:before {
        display: none;
    }

    #sobrecupo .sub-header-2 {
        min-height: 232px;
        padding-bottom: 34px;
        padding-top: 38px;
        background-color: #e1e0e1;
    }

    #sobrecupo .sub-row-2 {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

        #sobrecupo .sub-row-2 img {
            width: 89px;
            height: 92px;
        }

        #sobrecupo .sub-row-2 .sub-desc h3 {
            color: #77777a;
            margin-top: 0;
            margin-bottom: 9px;
            font-size: 20px;
            line-height: 120%;
            font-weight: 700;
        }

        #sobrecupo .sub-row-2 .sub-desc p {
            margin-bottom: 2px;
        }

        #sobrecupo .sub-row-2 .sub-desc .icon-location {
            font-size: 35px;
            padding-right: 12px;
            position: relative;
            top: 7px;
        }

    #sobrecupo .sobrecupo-xs p {
        font-size: 24px;
        font-weight: 700;
    }

        #sobrecupo .sobrecupo-xs p span {
            font-size: 14px;
            font-weight: 400;
        }

    #sobrecupo .contenedor-formularios {
        padding-left: 0;
        padding-right: 0;
    }

        #sobrecupo .contenedor-formularios.paso1-mgBottom {
            margin-bottom: 60px;
        }

        #sobrecupo .contenedor-formularios .form-control {
            height: 54px;
            border: solid 2px #b6b6b7;
        }

    #sobrecupo .gray-bg {
        background-color: #e1e0e1;
        margin-bottom: 36px;
    }

        #sobrecupo .gray-bg h4 {
            font-size: 14px;
            font-weight: 400;
            margin-top: 0;
            padding-top: 29px;
            padding-bottom: 28px;
        }

    #sobrecupo .btn-sobrecupo {
        margin-top: 36px;
        width: 100%;
    }
}

@media screen and (max-width:992px) {
    .xs-no-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:768px) {
    .home {
        padding-top: 50px;
    }
}

.home h2 {
    color: #77777a;
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 35px;
}

    .home h2 span {
        font-weight: 700;
    }

.home .carousel-inner {
    width: 100%;
    display: inline-block;
     /*margin-top: -3px;*/ 
}

.home .carousel-principal {
    height: 100%;
}

.home .carousel-inner .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 35px;
}

@media screen and (max-width:992px) {
    .home .carousel-inner .owl-dots {
        bottom: 20px;
    }
}

.home .carousel-inner .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid #fff;
}

.home .carousel-inner .owl-dots .owl-dot.active span {
    background-color: #fff;
}

.home .carousel-inner .owl-next,
.home .carousel-inner .owl-prev {
    position: absolute;
    top: 35%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    display: block;
    width: 44px;
    height: 64px;
    line-height: 50px;
    text-indent: -9999999px;
    background-color: transparent;
}

@media screen and (max-width:992px) {
    .home .carousel-inner .owl-next,
    .home .carousel-inner .owl-prev {
        background-size: 23px;
    }
}

.home .carousel-inner .owl-prev {
    left: 7px;
    background-image: url(../images/icon-arrow-left.png);
}

@media screen and (max-width:992px) {
    .home .carousel-inner .owl-prev {
        left: 0;
    }
}

.home .carousel-inner .owl-next {
    right: 7px;
    background-image: url(../images/icon-arrow-right.png);
}

@media screen and (max-width:992px) {
    .home .carousel-inner .owl-next {
        right: 0;
    }
}

.home #slider-1-home {
    width: 100%;
    display: inline-block;
    /*height: 430px;*/
}

/*@media screen and (max-width:992px) {
    .home #slider-1-home {
        height: 560px;
    }
}*/

.home #slider-1-home .slider-layout1,
.home #slider-1-home .slider-layout2,
.home #slider-1-home .slider-layout3 {
    position: absolute;
    height: 430px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1,
    .home #slider-1-home .slider-layout2,
    .home #slider-1-home .slider-layout3 {
        height: 530px;
    }
}

.home #slider-1-home .slider-layout1 {
    padding-top: 70px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 {
        padding-top: 0;
    }
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 .container {
        position: initial;
    }
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 .xs-text-slider-bottom {
        background-color: #75b437;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 325px;
        padding-top: 35px;
        padding-left: 47px;
        padding-right: 42px;
    }
}

.home #slider-1-home .slider-layout1 h3,
.home #slider-1-home .slider-layout1 img,
.home #slider-1-home .slider-layout1 p {
    margin: 0;
    padding: 0;
}

.home #slider-1-home .slider-layout1 h3 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 120%;
    margin-bottom: 10px;
    width: 78%;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 h3 {
        font-size: 24px;
        width: 100%;
    }
}

.home #slider-1-home .slider-layout1 p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 40px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 p {
        margin-bottom: 18px;
        font-size: 12px;
    }
}

.home #slider-1-home .slider-layout1 .btn-slider {
    color: #3d7dda;
    background-color: #fff;
    width: 210px;
}

.home #slider-1-home .slider-layout1 img {
    position: absolute;
    bottom: 25px;
    right: 175px;
    width: 186px;
    height: 170px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout1 img {
        width: 107px;
        height: 98px;
        top: 23px;
        right: 19px;
        bottom: inherit;
    }
}

.home #slider-1-home .slider-layout2 {
    padding-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout2 {
        padding-top: 0;
        background-position: center right 17%;
    }
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout2 .container {
        position: initial;
    }
}

.home #slider-1-home .slider-layout2 .xs-text-slider-bottom {
    padding-top: 65px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: rgba(61,125,218,.7);
    height: 430px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout2 .xs-text-slider-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 325px;
        padding-top: 35px;
        padding-left: 47px;
        padding-right: 42px;
    }
}

.home #slider-1-home .slider-layout2 h4,
.home #slider-1-home .slider-layout2 p {
    margin: 0;
    padding: 0;
}

.home #slider-1-home .slider-layout2 h4 {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 120%;
    margin-bottom: 22px;
    width: 78%;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout2 h4 {
        font-size: 24px;
        width: 100%;
    }
}

.home #slider-1-home .slider-layout2 p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 34px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout2 p {
        margin-bottom: 20px;
        font-size: 12px;
    }
}

.home #slider-1-home .slider-layout2 .btn-slider {
    color: #3d7dda;
    background-color: #fff;
    width: 170px;
}

.home #slider-1-home .slider-layout3 {
    padding-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout3 {
        padding-top: 0;
        background-position: center right 38%;
    }
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout3 .container {
        position: initial;
    }
}

.home #slider-1-home .slider-layout3 .xs-text-slider-bottom {
    padding-top: 135px;
    padding-left: 35px;
    padding-right: 35px;
    height: 430px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout3 .xs-text-slider-bottom {
        background-color: #cedbee;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 250px;
        padding-top: 35px;
        padding-left: 47px;
        padding-right: 42px;
    }
}

.home #slider-1-home .slider-layout3 h5,
.home #slider-1-home .slider-layout3 p {
    margin: 0;
    padding: 0;
}

.home #slider-1-home .slider-layout3 h5 {
    font-size: 48px;
    font-weight: 400;
    color: #3d7dda;
    line-height: 120%;
    margin-bottom: 10px;
    width: 78%;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout3 h5 {
        font-size: 24px;
        width: 100%;
    }
}

.home #slider-1-home .slider-layout3 p {
    color: #5d5d60;
    font-size: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width:992px) {
    .home #slider-1-home .slider-layout3 p {
        margin-bottom: 20px;
        font-size: 12px;
    }
}

.home #slider-1-home .slider-layout3 .btn-slider {
    color: #fff;
    background-color: #3d7dda;
    width: 265px;
}

.home .reserva-home {
    padding: 60px 0;
}

    .home .reserva-home h2 {
        text-align: center;
        color: #5d5d60;
        font-size: 32px;
    }

.home #navegacion-home {
    width: 100%;
    display: inline-block;
    background-color: #3d7dda;
    height: auto;
    padding-top: 70px;
    padding-bottom: 60px;
    position: relative;
    /*margin-bottom: 13px;*/
}

@media screen and (max-width:992px) {
    .home #navegacion-home {
        height: auto;
        padding-top: 40px;
        padding-bottom: 10px;
    }
}

/*.home #navegacion-home:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/down-arrow2.png);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
  margin: 0 auto;
}*/

@media screen and (max-width:992px) {
    .home #navegacion-home:before {
        background-image: none;
        height: 0;
        width: 0;
    }
}

.home #navegacion-home .text-center > div {
    display: inline-block;
    float: left;
    font-size: 20px;
    color: #fff;
    width: 145px;
    text-align: center;
    margin: 0 10px;
    white-space: normal;
}

    .home #navegacion-home .text-center > div:hover {
        cursor: pointer;
    }

        .home #navegacion-home .text-center > div:hover i:before {
            -webkit-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -moz-transform: scale(1.3);
            transform: scale(1.3);
        }

@media screen and (max-width:992px) {
    .home #navegacion-home .text-center > div {
        margin: 0;
        width: 50%;
        white-space: normal;
        vertical-align: top;
        height: 115px;
    }
}

.home #navegacion-home .text-center > div span {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
}

.home #navegacion-home .text-center > div p {
    font-size: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width:992px) {
    .home #navegacion-home .text-center > div p {
        font-size: 14px;
    }
}

.home #navegacion-home .text-center > div em,
.home #navegacion-home .text-center > div i {
    font-size: 40px;
}

    .home #navegacion-home .text-center > div em:before,
    .home #navegacion-home .text-center > div i:before {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

@media screen and (max-width:992px) {
    .home #navegacion-home .text-center > div em,
    .home #navegacion-home .text-center > div i {
        font-size: 35px;
    }
}

.home .informate-home {
    background-color: #e0e0e0;
    padding-bottom: 35px;
    padding-top: 40px;
    /*margin-bottom: 18px;*/
}

@media screen and (max-width:992px) {
    /*.home .informate-home .xs-border-top-bottom {
        display: inline-block;
        width: 100%;
        border-top: 2px solid #979797;
        border-bottom: 2px solid #979797;
    }*/
}

@media screen and (max-width:767px) {
    .home .informate-home .xs-border-bottom {
        display: inline-block;
        width: 100%;
        border-bottom: 2px solid #979797;
    }
}

@media screen and (max-width:992px) {
    .home .informate-home h2 {
        margin-left: 15px;
    }
}

.home .informate-home a {
    display: block;
}

.home .informate-home h4:first-of-type {
    color: #5d5d60;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    margin-bottom: 15px;
}

.home .informate-home h4 {
    color: #5d5d60;
    border: 0;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    padding: 0;
}

.home .informate-home .inf-img-principal {
    /*background-image: url(../content/hablemos1.png);*/
    height: 470px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.home .informate-home .informate-imagen {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}

.home .informate-home .carousel-informate {
    margin-bottom: 30px;
}

    .home .informate-home .carousel-informate .item {
        position: relative;
    }

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item > div {
        height: 470px;
    }
}

.home .informate-home .carousel-informate .item h3 {
    position: absolute;
}

    .home .informate-home .carousel-informate .item h3:before {
        content: "";
        position: absolute;
        top: -10px;
        left: 0;
        height: 43px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
    }

    .home .informate-home .carousel-informate .item h3.temas:before {
        background-image: url(../images/temas-span.png);
        width: 146px;
    }

    .home .informate-home .carousel-informate .item h3.youtube:before {
        background-image: url(../images/youtube-span.png);
        width: 86px;
    }

    .home .informate-home .carousel-informate .item h3.laclinica:before {
        background-image: url(../images/youtube-icon.png);
        width: 130px;
    }

.home .informate-home .carousel-informate .item .inf-img-principal h3:before {
    left: -15px;
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item .inf-img-principal h3:before {
        left: 0;
    }
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item a {
        min-height: 450px;
        display: inline-block;
        width: 100%;
    }
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-1 {
    padding: 20px 30px;
    position: absolute;
    min-height: 200px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(51,51,51,.4);
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item .informate-detalle.seccion-1 {
        height: auto;
    }
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-1 h4,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-1 p {
    color: #fff;
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-1 p {
    margin-top: 0;
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-2 h4,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-2 p,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-3 h4,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-3 p {
    margin: 0;
    padding: 0;
    color: #5d5d60;
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-2 p,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-3 p {
    margin-top: 0;
    font-size: 14px;
}

.home .informate-home .carousel-informate .item .informate-detalle.seccion-2 h4,
.home .informate-home .carousel-informate .item .informate-detalle.seccion-3 h4 {
    font-size: 20px;
}

.home .informate-home .carousel-informate .item .informate-imagen.seccion-2 {
    background-image: url(../content/hablemos2.png);
    background-position: center right 22% !important;
    height: 270px;
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item .informate-imagen.seccion-2 {
        height: 470px;
        background-position: center right 23%;
    }
}

.home .informate-home .carousel-informate .item .informate-imagen.seccion-3 {
    background-image: url(../content/hablemos3.png);
    background-position: top right 20%;
    height: 235px;
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .item .informate-imagen.seccion-3 {
        height: 470px;
        background-position: top;
    }
}

@media screen and (max-width:992px) {
    .home .informate-home .carousel-informate .informate-detalle {
        padding: 20px 10px 10px 25px !important;
        height: 250px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(51,51,51,.4);
    }

        .home .informate-home .carousel-informate .informate-detalle h4,
        .home .informate-home .carousel-informate .informate-detalle p {
            color: #fff !important;
        }

        .home .informate-home .carousel-informate .informate-detalle p {
            margin-top: 0;
        }
}

.home .informate-home .caja-informacion {
    border-top: 2px solid #979797;
    border-bottom: 2px solid #979797;
    padding-top: 35px;
    position: relative;
    min-height: 400px;
}

@media screen and (max-width:992px) {
    .home .informate-home .caja-informacion {
        border-top: 0;
        border-bottom: 0;
    }
}

.home .informate-home .caja-informacion h3 {
    margin: 0;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    color: #5d5d60;
    line-height: 2;
}

.home .informate-home .caja-informacion img {
    width: 100%;
    margin-bottom: 25px;
}

@media screen and (min-width:767px) and (max-width:992px) {
    .home .informate-home .caja-informacion p.parrafo {
        min-height: 130px;
    }
}

.home .informate-home .caja-informacion h4 {
    font-family: 'Open Sans',sans-serif;
    min-height: 80px;
    margin-bottom: 10px;
    margin-top: 5px;
}

@media screen and (max-width:992px) {
    .home .informate-home .caja-informacion h4 {
        min-height: inherit;
    }
}

@media screen and (max-width:767px) {
    .home .informate-home .caja-informacion .xs-border-bottom:last-of-type {
        border-bottom: 0;
    }
}

.home .informate-home .caja-secciones {
    /*padding-top: 40px;*/
}

    .home .informate-home .caja-secciones .nav-salud {
        background-color: #fff;
        width: 100%;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        text-align: center;
        display: block;
        margin: 0;
        padding-bottom: 38px;
        padding-top: 35px;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 160px;
    }

        .home .informate-home .caja-secciones .nav-salud em,
        .home .informate-home .caja-secciones .nav-salud i {
            font-size: 35px;
        }

        .home .informate-home .caja-secciones .nav-salud p {
            color: #3d7dda;
            font-size: 20px;
        }

@media screen and (max-width:992px) {
    .home .informate-home .caja-secciones .nav-salud {
        white-space: normal;
        vertical-align: top;
        min-height: inherit;
        height: 140px;
        padding-top: 20px;
    }
}

.home .informate-home .caja-secciones .nav-salud:hover {
    cursor: pointer;
}

    .home .informate-home .caja-secciones .nav-salud:hover em:before,
    .home .informate-home .caja-secciones .nav-salud:hover i:before {
        -webkit-transform: scale(1.7);
        -ms-transform: scale(1.7);
        -moz-transform: scale(1.7);
        transform: scale(1.7);
    }

    .home .informate-home .caja-secciones .nav-salud:hover p {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        position: relative;
        top: 20px;
    }

.home .informate-home .caja-secciones .nav-salud p {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width:992px) {
    .home .informate-home .caja-secciones .nav-salud p {
        font-size: 14px;
    }
}

.home .informate-home .caja-secciones .nav-salud em:before,
.home .informate-home .caja-secciones .nav-salud i:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width:992px) {
    .home .informate-home .caja-secciones .nav-salud em,
    .home .informate-home .caja-secciones .nav-salud i {
        font-size: 35px;
    }
}

.home .informate-home .carousel-indicators {
    bottom: -60px;
}

    .home .informate-home .carousel-indicators li {
        background-color: transparent;
        width: 15px;
        height: 15px;
        border: 1px solid #3d7dda;
    }

        .home .informate-home .carousel-indicators li.active {
            background-color: #3d7dda;
        }

.home .informate-home .carousel-control {
    width: 10%;
}

    .home .informate-home .carousel-control.left {
        left: -85px;
    }

    .home .informate-home .carousel-control.right {
        right: -85px;
    }

.home #slider-2-home {
    width: 100%;
    display: inline-block;
    height: 575px;
    margin-bottom: 18px;
}

@media screen and (max-width:992px) {
    .home #slider-2-home {
        height: 560px;
    }
}

.home #slider-2-home .slider-layout1,
.home #slider-2-home .slider-layout2,
.home #slider-2-home .slider-layout3 {
    position: relative;
    height: 575px;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1,
    .home #slider-2-home .slider-layout2,
    .home #slider-2-home .slider-layout3 {
        height: 575px;
    }
}

.home #slider-2-home .slider-layout1 {
    padding-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 {
        padding-top: 0;
        background-position: center right 38%;
    }
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 .container {
        position: initial;
    }
}

.home #slider-2-home .slider-layout1 .xs-text-slider-bottom {
    padding-top: 65px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: rgba(61,125,218,.7);
    height: 575px;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 .xs-text-slider-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        height: inherit;
        min-height: 305px;
        padding-top: 10px;
        padding-left: 47px;
        padding-right: 22px;
    }
}

.home #slider-2-home .slider-layout1 h3,
.home #slider-2-home .slider-layout1 h4,
.home #slider-2-home .slider-layout1 p {
    margin: 0;
    padding: 0;
}

.home #slider-2-home .slider-layout1 h3 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    line-height: 120%;
    margin-bottom: 10px;
    width: 78%;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 h3 {
        font-size: 19px;
        width: 100%;
        margin-bottom: 5px;
    }
}

.home #slider-2-home .slider-layout1 h4 {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 120%;
    margin-bottom: 22px;
    width: 78%;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 h4 {
        font-size: 23px;
        width: 100%;
        margin-bottom: 15px;
    }
}

.home #slider-2-home .slider-layout1 p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 34px;
}

@media screen and (max-width:992px) {
    .home #slider-2-home .slider-layout1 p {
        margin-bottom: 20px;
        font-size: 12px;
    }
}

.home #slider-2-home .slider-layout1 .btn-slider {
    color: #3d7dda;
    background-color: #fff;
    width: 170px;
}

.home #slider-3-home {
    /*height: 570px;*/
    width: 100%;
    background-size: 50%;
    background-image: url(../images/bg-seguros.png);
    background-position: left center;
    background-repeat: no-repeat;
    /*padding-top: 40px;*/
}

@media screen and (max-width:992px) {
    .home #slider-3-home {
        background-image: none;
        padding-top: 25px;
    }
}

@media screen and (max-width:992px) {
    .home #slider-3-home h2 {
        text-align: center;
        font-size: 24px;
    }
}

.home #slider-3-home img {
    width: 60%;
    /*height: 100px;*/
    margin-left: auto;
    margin-right: auto;
}

.home #slider-3-home h3,
.home #slider-3-home p {
    color: #77777a;
}

.home #slider-3-home h3 {
    font-size: 20px;
}

.home #slider-3-home p {
    font-size: 14px;
}

@media screen and (max-width:992px) {
    .home #slider-3-home .item {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width:992px) {
    .home #slider-3-home .carousel-inner .owl-dots {
        bottom: 0;
        position: relative;
    }
}

.home #slider-3-home .carousel-inner .owl-dot span {
    background-color: transparent;
    border: 1px solid #3d7dda;
}

.home #slider-3-home .carousel-inner .owl-dot.active span {
    background-color: #3d7dda;
}

.home #slider-3-home .carousel-inner .owl-prev {
    background-image: url(../images/icon-arrow-left-light-blue.png);
}

.home #slider-3-home .carousel-inner .owl-next {
    background-image: url(../images/icon-arrow-right-light-blue.png);
}

.home #slider-4-home {
    width: 100%;
    display: inline-block;
    height: 575px;
    margin-bottom: 18px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home {
        min-height: 650px;
        height: auto;
    }
}

.home #slider-4-home .slider-layout1,
.home #slider-4-home .slider-layout2,
.home #slider-4-home .slider-layout3 {
    position: relative;
    height: 575px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1,
    .home #slider-4-home .slider-layout2,
    .home #slider-4-home .slider-layout3 {
        min-height: 650px;
    }
}

.home #slider-4-home .slider-layout1 {
    padding-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 {
        padding-top: 0;
        background-position: center right 38%;
        height: auto;
    }
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 .container {
        position: initial;
    }
}

.home #slider-4-home .slider-layout1 .xs-text-slider-bottom {
    padding-top: 35px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: rgba(20,69,142,.8);
    height: 575px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 .xs-text-slider-bottom {
        min-height: 650px;
        height: 100%;
        padding: 30px 22px 50px 47px;
    }
}

.home #slider-4-home .slider-layout1 h2,
.home #slider-4-home .slider-layout1 h3 {
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    padding: 0;
}

.home #slider-4-home .slider-layout1 h2 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
    line-height: 120%;
    margin-bottom: 10px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 h2 {
        font-size: 24px;
        width: 100%;
        margin-bottom: 5px;
    }
}

.home #slider-4-home .slider-layout1 h3 {
    font-size: 24px;
    font-weight: 400;
    color: #6194de;
    line-height: 120%;
    margin-bottom: 20px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 h3 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 15px;
    }
}

.home #slider-4-home .slider-layout1 .listado-especialidades ul {
    font-family: 'Open Sans',sans-serif;
    list-style: none;
    float: left;
    padding: 0 40px 0 0;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 .listado-especialidades ul {
        margin-bottom: 0;
    }

        .home #slider-4-home .slider-layout1 .listado-especialidades ul:nth-child(2) {
            margin-bottom: 15px;
        }
}

.home #slider-4-home .slider-layout1 .listado-especialidades ul li {
    font-size: 14px;
    color: #fff;
    position: relative;
    display: block;
    padding-left: 18px;
    margin-bottom: 15px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 .listado-especialidades ul li {
        margin-bottom: 5px;
    }
}

.home #slider-4-home .slider-layout1 .listado-especialidades ul li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    position: absolute;
    left: 0;
    top: 0;
}

.home #slider-4-home .slider-layout1 .btn-slider {
    color: #fff;
    background-color: #3d7dda;
    width: 380px;
}

@media screen and (max-width:992px) {
    .home #slider-4-home .slider-layout1 .btn-slider {
        width: 100%;
        white-space: normal;
        min-height: 44px;
        height: auto;
    }
}

.barra-cabecera-gris {
    background-color: #fff;
    min-height: 132px;
    padding-top: 0;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris {
        min-height: 60px;
    }
}

.barra-cabecera-gris h3 {
    margin: 0;
    font-size: 32px;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris h3 {
        margin-top: 10px;
    }
}

.barra-cabecera-gris .locacion {
    color: #2583d8;
    position: relative;
    padding: 15px 0 0 30px;
    font-size: 16px;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris .locacion {
        margin-bottom: 0;
        margin-top: -5px;
    }
}

.barra-cabecera-gris .locacion span {
    font-size: 25px;
    position: absolute;
    left: 0;
    top: 12px;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris strong {
        display: none;
    }
}

.barra-cabecera-gris .seleccion-formato {
    height: 136px;
    position: relative;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris .seleccion-formato {
        height: 41px;
        margin-top: 18px;
    }
}

.barra-cabecera-gris .seleccion-formato .zona-botones {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0 10px;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris .seleccion-formato .zona-botones {
        padding: 0;
    }
}

.barra-cabecera-gris .seleccion-formato a {
    display: inline-block;
    width: 47%;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #77777a;
    font-size: 18px;
    margin: 0 0;
    background-color: #efefef;
    border-radius: 5px 5px 0 0;
}

@media screen and (max-width:450px) {
    .barra-cabecera-gris .seleccion-formato a {
        font-size: 12px;
        padding: 12px;
    }
}

.barra-cabecera-gris .seleccion-formato a:hover {
    background-color: #b8d3fb;
}

.barra-cabecera-gris .seleccion-formato a.active {
    background-color: #a9c3e8;
    font-weight: 700;
}

.barra-azul-fecha {
    background-color: #a9c3e8;
    min-height: 72px;
}

.barra-filtro {
    background-color: #efefef;
    min-height: 54px;
}

@media screen and (max-width:450px) {
    .barra-filtro {
        display: none;
    }
}

.barra-filtro .filtro-btn {
    position: relative;
    display: block;
    padding: 20px 0 20px 40px;
    line-height: 1;
}

    .barra-filtro .filtro-btn span {
        color: #3d7dda;
        position: absolute;
        left: 0;
        top: 13px;
        font-size: 25px;
    }

.barra-filtro .el-filtro {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    transition: .5s;
}

    .barra-filtro .el-filtro.open {
        max-height: 580px;
        margin: 20px 0;
    }

    .barra-filtro .el-filtro .guia-filtro {
        display: block;
        font-weight: 700;
        margin-top: 45px;
        margin-left: 15px;
        margin-right: 30px;
        float: left;
    }

@media screen and (max-width:980px) {
    .barra-filtro .el-filtro .guia-filtro {
        float: initial;
    }
}

* {
    box-sizing: border-box;
}

#pre-admision hr,
.preadmision hr {
    border-top: 1px solid #979797;
    width: 100%;
}

#pre-admision .sub-header,
.preadmision .sub-header {
    min-height: 215px;
}

#pre-admision .wizard,
.preadmision .wizard {
    background-color: transparent;
    margin-top: -100px;
    margin-bottom: 0;
}

    #pre-admision .wizard ol,
    .preadmision .wizard ol {
        bottom: -47px;
    }

        #pre-admision .wizard ol li,
        .preadmision .wizard ol li {
            width: 33.3333333%;
        }

#pagosycuentas #pre-admision .disabled.completa-datos,
#pagosycuentas .preadmision .disabled.completa-datos,
#pre-admision #pagosycuentas .disabled.completa-datos,
#pre-admision .login-horas.disabled,
.preadmision #pagosycuentas .disabled.completa-datos,
.preadmision .login-horas.disabled {
    opacity: .5;
}

    #pagosycuentas #pre-admision .disabled.completa-datos input,
    #pagosycuentas .preadmision .disabled.completa-datos input,
    #pre-admision #pagosycuentas .disabled.completa-datos input,
    #pre-admision .login-horas.disabled input,
    .preadmision #pagosycuentas .disabled.completa-datos input,
    .preadmision .login-horas.disabled input {
        cursor: not-allowed;
    }

    #pagosycuentas #pre-admision .disabled.completa-datos .btn,
    #pagosycuentas .preadmision .disabled.completa-datos .btn,
    #pre-admision #pagosycuentas .disabled.completa-datos .btn,
    #pre-admision .login-horas.disabled .btn,
    .preadmision #pagosycuentas .disabled.completa-datos .btn,
    .preadmision .login-horas.disabled .btn {
        cursor: not-allowed;
    }

#pagosycuentas #pre-admision .completa-datos h6,
#pagosycuentas .preadmision .completa-datos h6,
#pre-admision #pagosycuentas .completa-datos h6,
#pre-admision .login-horas h6,
.preadmision #pagosycuentas .completa-datos h6,
.preadmision .login-horas h6 {
    font-size: 24px;
    color: #77777a;
    border-top: 1px solid #cdcbcb;
    padding-top: 29px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#pagosycuentas #pre-admision .completa-datos .form-group span.msg,
#pagosycuentas .preadmision .completa-datos .form-group span.msg,
#pre-admision #pagosycuentas .completa-datos .form-group span.msg,
#pre-admision .login-horas .form-group span.msg,
.preadmision #pagosycuentas .completa-datos .form-group span.msg,
.preadmision .login-horas .form-group span.msg {
    font-size: 14px;
    color: #77777a;
    margin-left: 30px;
    margin-top: 20px;
    display: block;
}

#pre-admision .disabled,
.preadmision .disabled {
    opacity: .5;
}

#pre-admision .contenedor-formularios,
.preadmision .contenedor-formularios {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
}

    #pre-admision .contenedor-formularios.paso1-mgBottom,
    .preadmision .contenedor-formularios.paso1-mgBottom {
        margin-bottom: 117px;
    }

        #pagosycuentas #pre-admision .contenedor-formularios.paso1-mgBottom .completa-datos .form-group:last-of-type,
        #pagosycuentas .preadmision .contenedor-formularios.paso1-mgBottom .completa-datos .form-group:last-of-type,
        #pre-admision .contenedor-formularios.paso1-mgBottom #pagosycuentas .completa-datos .form-group:last-of-type,
        #pre-admision .contenedor-formularios.paso1-mgBottom .login-horas .form-group:last-of-type,
        .preadmision .contenedor-formularios.paso1-mgBottom #pagosycuentas .completa-datos .form-group:last-of-type,
        .preadmision .contenedor-formularios.paso1-mgBottom .login-horas .form-group:last-of-type {
            margin-top: 57px;
        }

    #pre-admision .contenedor-formularios.paso2a-mgBottom,
    .preadmision .contenedor-formularios.paso2a-mgBottom {
        margin-bottom: 208px;
    }

        #pagosycuentas #pre-admision .contenedor-formularios.paso2a-mgBottom .completa-datos .form-group:last-of-type,
        #pagosycuentas .preadmision .contenedor-formularios.paso2a-mgBottom .completa-datos .form-group:last-of-type,
        #pre-admision .contenedor-formularios.paso2a-mgBottom #pagosycuentas .completa-datos .form-group:last-of-type,
        #pre-admision .contenedor-formularios.paso2a-mgBottom .login-horas .form-group:last-of-type,
        .preadmision .contenedor-formularios.paso2a-mgBottom #pagosycuentas .completa-datos .form-group:last-of-type,
        .preadmision .contenedor-formularios.paso2a-mgBottom .login-horas .form-group:last-of-type {
            margin-top: 57px;
        }

    #pre-admision .contenedor-formularios.paso2b-mgBottom,
    #pre-admision .contenedor-formularios.paso2c-mgBottom,
    .preadmision .contenedor-formularios.paso2b-mgBottom,
    .preadmision .contenedor-formularios.paso2c-mgBottom {
        margin-bottom: 123px;
        padding-left: 0;
        padding-right: 0;
    }

        #pagosycuentas #pre-admision .contenedor-formularios.paso2b-mgBottom .completa-datos h4,
        #pagosycuentas #pre-admision .contenedor-formularios.paso2c-mgBottom .completa-datos h4,
        #pagosycuentas .preadmision .contenedor-formularios.paso2b-mgBottom .completa-datos h4,
        #pagosycuentas .preadmision .contenedor-formularios.paso2c-mgBottom .completa-datos h4,
        #pre-admision .contenedor-formularios.paso2b-mgBottom #pagosycuentas .completa-datos h4,
        #pre-admision .contenedor-formularios.paso2b-mgBottom .login-horas h4,
        #pre-admision .contenedor-formularios.paso2c-mgBottom #pagosycuentas .completa-datos h4,
        #pre-admision .contenedor-formularios.paso2c-mgBottom .login-horas h4,
        .preadmision .contenedor-formularios.paso2b-mgBottom #pagosycuentas .completa-datos h4,
        .preadmision .contenedor-formularios.paso2b-mgBottom .login-horas h4,
        .preadmision .contenedor-formularios.paso2c-mgBottom #pagosycuentas .completa-datos h4,
        .preadmision .contenedor-formularios.paso2c-mgBottom .login-horas h4 {
            padding-left: 15px;
            padding-right: 15px;
        }

    #pre-admision .contenedor-formularios:after,
    .preadmision .contenedor-formularios:after {
        content: '';
        display: block;
        clear: both;
    }

    #pre-admision .contenedor-formularios .separador-forms,
    .preadmision .contenedor-formularios .separador-forms {
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        border-left: 1px solid #cdcbcb;
    }

@media screen and (max-width:991px) {
    #pre-admision .contenedor-formularios .separador-forms,
    .preadmision .contenedor-formularios .separador-forms {
        display: none;
    }
}

#pre-admision .contenedor-formularios .separador-forms span,
.preadmision .contenedor-formularios .separador-forms span {
    display: block;
    position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    background-color: #fff;
    color: #4a4a4a;
    font-size: 24px;
    text-align: center;
}

@media screen and (max-width:767px) {
    #pre-admision .sub-header {
        min-height: 144px;
    }

    #pre-admision .text-right {
        text-align: center;
    }
}

.pre-admision-1 .wizard,
.pre-admision-2a .wizard {
    margin-bottom: 0 !important;
}

.pre-admision-1 .half-bg2,
.pre-admision-2a .half-bg2 {
    padding-bottom: 60px;
}

table thead .picker-switch {
    background-color: #fff !important;
    border-width: 4px !important;
    border-bottom-width: 4px !important;
}

.pre-admision-2b .mensaje-final,
.pre-admision-2c .mensaje-final {
    padding-top: 30px;
    padding-bottom: 10px;
}

.pre-admision-2b p,
.pre-admision-2c p {
    line-height: 1.4;
}

@media screen and (max-width:991px) {
    .pre-admision-2b p,
    .pre-admision-2c p {
        padding-left: 0;
    }
}

@media screen and (max-width:768px) {
    .pre-admision-2b p,
    .pre-admision-2c p {
        margin-bottom: 10px !important;
    }
}

.pre-admision-2b hr,
.pre-admision-2c hr {
    margin: 30px 0 20px 0;
}

#especialidades p,
.elm-especialidades p {
    font-size: 14px;
    line-height: 1.6;
}

#especialidades h4,
.elm-especialidades h4 {
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    margin: 25px 0 20px;
}

#especialidades ul,
.elm-especialidades ul {
    margin-bottom: 35px;
}

    #especialidades ul li,
    .elm-especialidades ul li {
        margin-bottom: 10px;
    }

#especialidades h3,
.elm-especialidades h3 {
    font-size: 24px;
    color: #3d7dda;
}

#especialidades .carrusel-noticias,
.elm-especialidades .carrusel-noticias {
    width: 100%;
    min-height: 400px;
    background-color: #e0edf6;
    margin-top: 20px;
    padding-top: 20px;
}

    #especialidades .carrusel-noticias .owl-next,
    #especialidades .carrusel-noticias .owl-prev,
    .elm-especialidades .carrusel-noticias .owl-next,
    .elm-especialidades .carrusel-noticias .owl-prev {
        position: absolute;
        top: 120px;
        height: 60px;
        width: 35px;
        overflow: hidden;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
    }

    #especialidades .carrusel-noticias .owl-dot span,
    .elm-especialidades .carrusel-noticias .owl-dot span {
        height: 16px;
        width: 16px;
        border: 1px solid #3d7ddc;
        background-color: transparent;
    }

    #especialidades .carrusel-noticias .owl-dot.active span,
    .elm-especialidades .carrusel-noticias .owl-dot.active span {
        background-color: #3d7ddc;
    }

    #especialidades .carrusel-noticias .owl-next,
    .elm-especialidades .carrusel-noticias .owl-next {
        background-image: url(../images/arrow-blue-right.png) !important;
        right: -60px;
    }

    #especialidades .carrusel-noticias .owl-prev,
    .elm-especialidades .carrusel-noticias .owl-prev {
        left: -60px;
        background-image: url(../images/arrow-blue-left.png) !important;
    }

    #especialidades .carrusel-noticias .item-owl,
    .elm-especialidades .carrusel-noticias .item-owl {
        padding: 15px 10px;
    }

        #especialidades .carrusel-noticias .item-owl .bajada,
        .elm-especialidades .carrusel-noticias .item-owl .bajada {
            color: #77777a;
            font-size: 14px;
            display: block;
            margin-top: 15px;
            overflow: hidden;
            max-height: 63px;
            text-overflow: ellipsis;
        }

        #especialidades .carrusel-noticias .item-owl h4,
        .elm-especialidades .carrusel-noticias .item-owl h4 {
            font-size: 16px;
            margin: 0;
            margin-top: 15px;
            font-family: 'Open Sans',sans-serif;
        }

    #especialidades .carrusel-noticias .card,
    .elm-especialidades .carrusel-noticias .card {
        min-height: 340px;
        padding: 20px;
        text-overflow: ellipsis;
        overflow-y: hidden;
        max-height: 340px;
        height: 340px;
    }

#especialidades .secciones-scroll,
.elm-especialidades .secciones-scroll {
    padding-top: 21px;
}

@media screen and (max-width:768px) {
    #especialidades .secciones-scroll,
    .elm-especialidades .secciones-scroll {
        padding-top: 15px;
    }
}

#especialidades .secciones-scroll .panel-group,
.elm-especialidades .secciones-scroll .panel-group {
    margin-bottom: 30px;
}

#especialidades .secciones-scroll a,
.elm-especialidades .secciones-scroll a {
    color: #3d7dda !important;
}

    #especialidades .secciones-scroll a:hover,
    .elm-especialidades .secciones-scroll a:hover {
        color: #3ed2f7 !important;
    }

#especialidades .banner-corazon,
.elm-especialidades .banner-corazon {
    width: 100%;
    min-height: 230px;
    margin: 25px 0;
    background-image: url(../images/cut-hearth.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    border-top: 1px solid #b6b6b7;
    border-bottom: 1px solid #b6b6b7;
}

@media screen and (max-width:768px) {
    #especialidades .banner-corazon,
    .elm-especialidades .banner-corazon {
        background-image: url(../images/cut-hearth-mobile.png);
    }
}

#especialidades .banner-corazon h4,
.elm-especialidades .banner-corazon h4 {
    font-size: 24px;
}

@media screen and (max-width:768px) {
    #especialidades .banner-corazon h4,
    .elm-especialidades .banner-corazon h4 {
        font-size: 18px;
    }
}

#especialidades .banner-corazon a,
.elm-especialidades .banner-corazon a {
    font-size: 16px;
    font-weight: 600;
    color: #77777a;
}

@media screen and (max-width:768px) {
    #especialidades .owl-theme .owl-nav,
    .elm-especialidades .owl-theme .owl-nav {
        display: none;
    }
}

@media screen and (max-width:1200px) {
    #especialidades .slider-box-an,
    .elm-especialidades .slider-box-an {
        background-position: right top;
    }
}

@media screen and (max-width:767px) {
    #especialidades .slider-box-an,
    .elm-especialidades .slider-box-an {
        background-position: 65% center;
    }
}

.filtro-subespecialidades {
    padding-bottom: 30px;
    padding-top: 30px;
}

@media screen and (max-width:768px) {
    .filtro-subespecialidades {
        text-align: left !important;
    }
}

.filtro-subespecialidades select {
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width:768px) {
    .filtro-subespecialidades select {
        margin-left: 0;
    }
}

.scroll-zone {
    width: 100%;
    position: relative;
}

    .scroll-zone .fixed-menu {
        position: absolute;
        z-index: 999;
        width: 100%;
        top: 0;
        left: 0;
    }

@media screen and (max-width:768px) {
    .scroll-zone .fixed-menu {
        display: none;
    }
}

.scroll-zone .fixed-menu .menu-fijo {
    position: absolute;
    top: 0;
    left: 0;
    /*margin-top: 45px;*/
    width: 96%;
}

    .scroll-zone .fixed-menu .menu-fijo ul {
        list-style: none;
        margin: 0 0 20px;
        padding: 0;
    }

        .scroll-zone .fixed-menu .menu-fijo ul li {
            border-bottom: 2px solid #fff;
            margin: 0 !important;
        }

            .scroll-zone .fixed-menu .menu-fijo ul li:last-child {
                border-bottom: 0;
            }

                .scroll-zone .fixed-menu .menu-fijo ul li:last-child a {
                    border-radius: 0 0 5px 5px;
                }

            .scroll-zone .fixed-menu .menu-fijo ul li:first-child a {
                border-radius: 5px 5px 0 0;
            }

            .scroll-zone .fixed-menu .menu-fijo ul li.active a {
                background-color: #a9c3e8;
                font-weight: 700;
            }

            .scroll-zone .fixed-menu .menu-fijo ul li a {
                padding: 15px 10px;
                display: block;
                color: #77777a;
                font-size: 16px;
                background: #e0edf6;
            }

                .scroll-zone .fixed-menu .menu-fijo ul li a:hover {
                    background-color: #a9c3e8;
                }

    .scroll-zone .fixed-menu .menu-fijo .btn {
        min-height: 55px;
        position: relative;
        text-align: left;
        padding-left: 60px;
        padding-top: 19px;
    }

    .scroll-zone .fixed-menu .menu-fijo .reservas {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 9px;
        width: 38px;
        height: 38px;
        background-image: url(../images/ico-reserva.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .scroll-zone .fixed-menu .menu-fijo .indicadores {
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 7px;
        width: 38px;
        height: 38px;
        background-image: url(../images/ico-indicadores.png);
        background-repeat: no-repeat;
        background-position: center;
    }

.scroll-zone .normal-zone {
    position: relative;
    z-index: 960;
    margin-top: 30px;
    height: 100%;
}

#listado-especilistas:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    clear: both;
}

.dr-testimonio {
    padding: 15px 50px 0 220px;
    position: relative;
    min-height: 170px;
}

@media screen and (max-width:768px) {
    .dr-testimonio {
        padding: 170px 0 20px;
    }
}

.dr-testimonio img {
    position: absolute;
    left: 5px;
    top: 10px;
}

@media screen and (max-width:768px) {
    .dr-testimonio img {
        right: 0;
        margin: 0 auto;
    }
}

.dr-testimonio p {
    padding: 0;
    color: #77777a;
    font-size: 14px;
    font-style: italic;
}

.dr-testimonio h4 {
    font-size: 24px !important;
}

.dr-testimonio .bajada {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.dr-testimonio .dr-name {
    font-size: 16px;
    font-weight: 700;
    color: #77777a;
}

@media screen and (max-width:768px) {
    #listado-especilistas {
        padding: 20px 0;
        background-color: transparent;
    }
}

.especilista-especialidades {
    width: 25%;
    height: 290px;
    float: left;
    text-align: center;
    padding: 10px;
}

@media screen and (max-width:768px) {
    .especilista-especialidades {
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
}

@media screen and (max-width:768px) {
    .especilista-especialidades .card {
        padding-left: 110px;
        position: relative;
        text-align: left;
    }
}

.especilista-especialidades h4 {
    margin-bottom: 5px !important;
}

.especilista-especialidades img {
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .especilista-especialidades img {
        position: absolute;
        left: 10px;
        max-width: 80px;
    }
}

.especilista-especialidades:last-child:after {
    content: '';
    display: block;
    clear: both;
}

.menu-lateral-mobile {
    display: none;
}

@media screen and (max-width:768px) {
    .menu-lateral-mobile {
        display: block;
    }
}

.menu-lateral-mobile .open-menu {
    display: block;
    background-color: #fff;
    padding: 15px 20px;
    color: #3d7dda;
    font-size: 16px;
    border-bottom: 2px solid #e5edf7;
    position: relative;
    font-weight: 700;
}

    .menu-lateral-mobile .open-menu span {
        position: absolute;
        right: 20px;
        top: 18px;
        transition: .5s;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.menu-lateral-mobile ul.navegacion {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: .5s;
    margin-bottom: 0 !important;
}

    .menu-lateral-mobile ul.navegacion li {
        border-bottom: 2px solid #e5edf7;
        margin-bottom: 0 !important;
    }

        .menu-lateral-mobile ul.navegacion li a {
            padding: 15px 20px;
            display: block;
            color: #77777a;
            font-size: 16px;
        }

.menu-lateral-mobile.open span {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.menu-lateral-mobile.open ul.navegacion {
    max-height: 1000px;
}

#hablemos {
    margin-bottom: 130px;
}

    #hablemos .panel-grey {
        min-height: 180px;
        padding: 15px 15px 15px 30px;
    }

        #hablemos .panel-grey .btn-celeste {
            margin-top: 30px;
        }

    #hablemos .ubicacion {
        padding-left: 50px;
        position: relative;
        margin-left: 20px;
    }

@media screen and (max-width:768px) {
    #hablemos .ubicacion {
        margin-left: 0;
    }
}

#hablemos .ubicacion:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 50px;
    height: 100px;
    background-image: url(../images/ico1-hablemos.png);
    background-repeat: no-repeat;
}

#hablemos .telefono {
    padding-left: 50px;
    position: relative;
}

    #hablemos .telefono:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 50px;
        height: 100px;
        background-image: url(../images/ico2-hablemos.png);
        background-repeat: no-repeat;
    }

#hablemos .big-blue {
    color: #3d7dda;
    font-weight: 700;
    font-size: 24px;
}

@media screen and (max-width:768px) {
    #hablemos .big-blue {
        font-size: 18px;
    }
}

#hablemos .big-one {
    color: #4a4a4a;
    font-weight: 700;
    font-size: 24px;
}

@media screen and (max-width:768px) {
    #hablemos .big-one {
        font-size: 18px;
    }
}

@media screen and (max-width:768px) {
    #hablemos .btn {
        white-space: initial;
        height: auto;
    }
}


/*hablemos clase*/
.hablemos {
    margin-bottom: 40px;
}

    .hablemos .panel-grey {
        min-height: 180px;
        padding: 15px 15px 15px 30px;
    }

        .hablemos .panel-grey .btn-celeste {
            margin-top: 30px;
        }

    .hablemos .ubicacion {
        padding-left: 50px;
        position: relative;
        margin-left: 20px;
    }

@media screen and (max-width:768px) {
    .hablemos .ubicacion {
        margin-left: 0;
    }
}

.hablemos .ubicacion:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 50px;
    height: 100px;
    background-image: url(../images/ico1-hablemos.png);
    background-repeat: no-repeat;
}

.hablemos .telefono {
    padding-left: 50px;
    position: relative;
}

    .hablemos .telefono:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
        width: 50px;
        height: 100px;
        background-image: url(../images/ico2-hablemos.png);
        background-repeat: no-repeat;
    }

.hablemos .big-blue {
    color: #3d7dda;
    font-weight: 700;
    font-size: 24px;
}

@media screen and (max-width:768px) {
    .hablemos .big-blue {
        font-size: 18px;
    }
}

.hablemos .big-one {
    color: #4a4a4a;
    font-weight: 700;
    font-size: 24px;
}

@media screen and (max-width:768px) {
    .hablemos .big-one {
        font-size: 18px;
    }
}

@media screen and (max-width:768px) {
    .hablemos .btn {
        white-space: initial;
        height: auto;
    }
}
/*./hablemos clase*/


.especialidades .cintillo-principal-cat-body .cat-dtop-img > .container,
.especialidades-portadilla .cintillo-principal-cat-body .cat-dtop-img > .container {
    height: 747px;
    min-height: 432px;
}

.especialidades .cintillo-principal-cat-body .cat-dtop-img,
.especialidades-portadilla .cintillo-principal-cat-body .cat-dtop-img {
    background-image: url(../images/ep-dtop.png);
}

.especialidades .container-fluid.row.bgct,
.especialidades-portadilla .container-fluid.row.bgct {
    margin-top: -315px;
    background: rgba(229,237,246,.1);
    background: -webkit-linear-gradient(rgba(229,237,246,0),rgba(229,237,246,0),rgba(229,237,246,.1));
    background: -o-linear-gradient(rgba(229,237,246,0),rgba(229,237,246,0),rgba(229,237,246,.1));
    background: -moz-linear-gradient(rgba(229,237,246,0),rgba(229,237,246,0),rgba(229,237,246,.1));
    background: linear-gradient(rgba(229,237,246,0),rgba(229,237,246,0),#e5edf6,#e5edf6,#e5edf6,#e5edf6,#e5edf6,#e5edf6);
}

.especialidades .na1b-tarjetas,
.especialidades-portadilla .na1b-tarjetas {
    margin-bottom: 0 !important;
}

.especialidades .ep-footer,
.especialidades-portadilla .ep-footer {
    padding-top: 40px;
    padding-bottom: 60px;
}

    .especialidades .ep-footer h4.cc3,
    .especialidades-portadilla .ep-footer h4.cc3 {
        padding-bottom: 0;
        font-weight: 400;
    }

    .especialidades .ep-footer .ep-list,
    .especialidades-portadilla .ep-footer .ep-list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

        .especialidades .ep-footer .ep-list ul,
        .especialidades-portadilla .ep-footer .ep-list ul {
            padding-left: 17px;
            list-style-image: url(../images/vineta-triangulo.c.png);
        }

@media screen and (max-width:767px) {
    .especialidades .ep-footer .ep-list,
    .especialidades-portadilla .ep-footer .ep-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.especialidades-indice .sub-header {
    margin-bottom: 0 !important;
}

    .especialidades-indice .sub-header + .container {
        padding-top: 50px !important;
    }

.programas-preventivos .sub-header {
    margin-bottom: 0 !important;
}

    .programas-preventivos .sub-header + .container + .container {
        padding-bottom: 60px;
    }

.programas-preventivos .pp-body {
    margin-top: 15px;
}

    .programas-preventivos .pp-body > div:nth-child(3n+1) {
        padding-left: 0 !important;
    }

    .programas-preventivos .pp-body > div:nth-child(3n+0) {
        padding-right: 0 !important;
    }

    .programas-preventivos .pp-body > div:nth-child(1) .elm-slider-box-an-content-sm {
        background-image: url(../images/viajera.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(2) .elm-slider-box-an-content-sm {
        background-image: url(../images/pareja-trotando.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(3) .elm-slider-box-an-content-sm {
        background-image: url(../images/antitabaco.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(4) .elm-slider-box-an-content-sm {
        background-image: url(../images/med-pulmones-arboles.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(5) .elm-slider-box-an-content-sm {
        background-image: url(../images/lanceta-dedo.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(6) .elm-slider-box-an-content-sm {
        background-image: url(../images/med-edu.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(7) .elm-slider-box-an-content-sm {
        background-image: url(../images/control-peso.jpg);
    }

    .programas-preventivos .pp-body > div:nth-child(8) .elm-slider-box-an-content-sm {
        background-image: url(../images/med-consulta.jpg);
    }

@media screen and (max-width:767px) {
    .programas-preventivos .pp-body > div {
        padding-left: 0;
        padding-right: 0;
    }
}

.programas-preventivos .pp-body > div .elm-slider-box-an-content-sm {
    margin-bottom: 80px;
}

    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm .boton-tipo-2,
    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm .boton-tipo-2-agregar {
        margin-top: 15px;
    }

    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p {
        min-height: 290px;
    }

@media screen and (max-width:991px) and (min-width:768px) {
    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p {
        min-height: 250px !important;
    }
}

@media screen and (max-width:767px) {
    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p {
        min-height: unset;
    }
}

@media screen and (max-width:991px) {
    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm {
        background-size: auto 17.25vw;
        height: unset;
    }

        .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p:nth-child(1) {
            padding-top: 18.75vw;
        }

        .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p.p-destacado-1 + p {
            max-height: 17.625vw;
            margin-bottom: 15px !important;
        }
}

@media screen and (max-width:767px) {
    .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm {
        margin-bottom: 20px;
        background-size: auto 59.4vw;
        height: unset;
    }

        .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p:nth-child(1) {
            padding-top: 62.1vw;
            text-align: center;
        }

        .programas-preventivos .pp-body > div .elm-slider-box-an-content-sm p.p-destacado-1 + p {
            max-height: 60.3vw;
            margin-bottom: 15px !important;
        }
}

.especialidades-centros .pp-body > div:nth-child(1) .elm-slider-box-an-content-sm {
    background-image: url(../images/operando.jpg);
}

.especialidades-centros .pp-body > div:nth-child(2) .elm-slider-box-an-content-sm {
    background-image: url(../images/mama-hija.jpg);
}

.especialidades-centros .pp-body > div:nth-child(3) .elm-slider-box-an-content-sm {
    background-image: url(../images/pediatria.jpg);
}

.especialidades-centros .pp-body > div:nth-child(4) .elm-slider-box-an-content-sm {
    background-image: url(../images/quirofano.jpg);
}

.especialidades-centros .pp-body > div:nth-child(5) .elm-slider-box-an-content-sm {
    background-image: url(../images/adm-med.jpg);
}

.especialidades-centros .pp-body > div:nth-child(6) .elm-slider-box-an-content-sm {
    background-image: url(../images/cardio-manos.jpg);
}

.especialidades-pc .aranceles-4 {
    padding: 40px 0 60px 0;
}

    .especialidades-pc .aranceles-4 .prestaciones-m-items-container div.container-general.prestaciones-m-items > div,
    .especialidades-pc .aranceles-4 .prestaciones-m-items-container > div > div {
        padding-left: 0;
        padding-right: 0;
    }

@media screen and (max-width:767px) {
    .especialidades-pc .aranceles-4 {
        padding: 20px 0 20px 0;
    }
}

.secciones-scroll > ul > li > ul {
    list-style-type: square !important;
}

.logo-mi-clinica {
    float: left;    
    margin: 20px 80px 20px 0;
}
.logo-mi-clinica1 {
    display: block;
    margin: 80px auto auto;
}

#footer-transicion {
    width: 100%;
    display: inline-block;
    background-color: #317fe2;
    color: #fff;
    min-height: 150px;
    padding-top: 30px;
}

    #footer-transicion a {
        color: #fff;
    }

    #footer-transicion .foot-section {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #86ace4;
        padding: 25px 0;
    }

        #footer-transicion .foot-section:last-child {
            border: 0;
        }

        #footer-transicion .foot-section p {
            font-size: 14px;
            margin: 0;
        }

        #footer-transicion .foot-section .menu-bottom {
            display: inline-block;
            width: 100%;
        }

            #footer-transicion .foot-section .menu-bottom ul {
                list-style: none;
                padding: 0;
                margin: 0;
                font-size: 14px;
            }

                #footer-transicion .foot-section .menu-bottom ul li {
                    margin: 5px 0 10px;
                }

                #footer-transicion .foot-section .menu-bottom ul.last-menu {
                    float: left;
                }

                    #footer-transicion .foot-section .menu-bottom ul.last-menu li {
                        font-size: 14px;
                        margin-right: 30px;
                        padding-left: 17px;
                    }

                        #footer-transicion .foot-section .menu-bottom ul.last-menu li:before {
                            content: "\2022";
                            font-size: 25px;
                            position: absolute;
                            opacity: .5;
                            margin-top: -7px;
                            margin-left: -17px;
                        }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li:before {
        content: none;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li a {
        padding-left: 0;
        font-size: 12px;
    }
}

@media screen and (min-width:768px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li:first-child {
        min-width: 160px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li:first-child {
        min-width: 140px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li {
        font-size: 12px;
        margin-right: 20px;
    }
}

@media screen and (min-width:768px) {
    #footer-transicion .foot-section .menu-bottom ul.last-menu li {
        display: inline-block;
    }
}

#footer-transicion .foot-section .menu-bottom div:first-child ul {
    padding: 6px 0 0;
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .menu-bottom div:first-child ul {
        padding: 0;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .menu-bottom {
        padding-top: 20px;
    }
}

#footer-transicion .foot-section .logos-footer {
    text-align: right;
    margin-bottom: 35px;
}

    #footer-transicion .foot-section .logos-footer span {
        display: inline-block;
    }

        #footer-transicion .foot-section .logos-footer span:first-child img {
            margin-top: 20px;
        }

    #footer-transicion .foot-section .logos-footer:first-child {
        padding-left: 0;
    }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .logos-footer:first-child span {
        float: left;
    }
}

#footer-transicion .foot-section .logos-footer:last-child span:last-child {
    padding-top: 10px;
}

@media screen and (min-width:376px) and (max-width:767px) {
    #footer-transicion .foot-section .logos-footer {
        text-align: center;
    }
}

#footer-transicion .foot-section h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}

#footer-transicion .foot-section h4 {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
    padding: 0;
    color: #fff;
    border: 0;
}

#footer-transicion .foot-section .call-us h3 {
    font-size: 24px;
    margin-bottom: 13px;
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .call-us h3 {
        text-align: center;
        margin-bottom: 0;
    }

        #footer-transicion .foot-section .call-us h3:before {
            content: url(../images/telefono-icono.png);
            height: 31px;
            width: 28px;
            position: relative;
            top: 6px;
            left: -6px;
        }
}

#footer-transicion .foot-section .call-us p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 36px;
    letter-spacing: .4px;
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .call-us p {
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        margin-bottom: 0;
    }
}

#footer-transicion .foot-section .call-us .telephone-number {
    font-size: 24px;
}

    #footer-transicion .foot-section .call-us .telephone-number:before {
        content: url(../images/telefono-icono.png);
        height: 31px;
        position: relative;
        background-size: cover;
        left: 0;
        top: 8px;
        width: 28px;
    }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .call-us .telephone-number:before {
        content: none;
    }
}

@media screen and (max-width:395px) {
    #footer-transicion .foot-section .call-us .telephone-number {
        font-size: 32px;
        padding-left: 0;
        text-align: center;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .call-us .telephone-number {
        font-size: 30px;
    }
}

@media screen and (min-width:320px) and (max-width:375px) {
    #footer-transicion .foot-section .call-us .telephone-number {
        font-size: 28px;
    }
}

#footer-transicion .foot-section .call-us a {
    font-size: 18px;
}

    #footer-transicion .foot-section .call-us a:after {
        content: url(../images/chevron-arrow-right.png);
        font-weight: 700;
        font-size: 26px;
        position: relative;
        top: 2px;
        right: -18px;
    }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .call-us a {
        display: none;
    }
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .call-us {
        padding-bottom: 11px;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .foot-section .call-us {
        text-align: center;
    }
}

#footer-transicion .foot-section .locations h3 {
    font-size: 24px;
}

@media screen and (min-width:450px) and (max-width:768px) {
    #footer-transicion .foot-section .locations h3 {
        margin-top: 15px;
    }
}

@media screen and (max-width:450px) {
    #footer-transicion .foot-section .locations h3 {
        margin-top: 15px;
        text-align: center;
        font-size: 32px;
        margin-bottom: 8px;
        padding: 10px;
    }
}

#footer-transicion .foot-section .locations .lugar {
    margin-bottom: 5px;
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .locations .lugar h4:after {
        content: url(../images/chevron-arrow-right.png);
        position: absolute;
        right: 12px;
        transition: transform .3s;
    }
}

#footer-transicion .foot-section .locations .lugar .extra-info {
    font-style: italic;
    margin-top: 13px;
    font-size: 13px;
}

#footer-transicion .foot-section .locations .lugar:last-child,
#footer-transicion .foot-section .locations .lugar:nth-last-child(2) {
    margin-bottom: 0;
}

#footer-transicion .foot-section .locations .lugar .location-content img {
    display: none;
}

#footer-transicion .foot-section .locations .lugar label {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#footer-transicion .foot-section .locations .lugar input {
    display: none !important;
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .locations .lugar {
        margin-bottom: 0;
        padding: 10px 0 14px;
        border-bottom: 2px solid #a9c3e8;
    }

        #footer-transicion .foot-section .locations .lugar label {
            display: block;
        }

        #footer-transicion .foot-section .locations .lugar .location-content {
            height: 0;
            opacity: 0;
            transition: height .3s,opacity .3s;
        }
}

@media screen and (max-width:767px) and (max-width:767px) {
    #footer-transicion .foot-section .locations .lugar .location-content p {
        padding-bottom: 13px;
    }
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .locations .lugar .location-content img {
        display: block;
        max-width: 375px;
        margin: auto;
    }
}

@media screen and (max-width:767px) and (min-width:320px) and (max-width:375px) {
    #footer-transicion .foot-section .locations .lugar .location-content img {
        max-width: 100%;
    }
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .locations .lugar .location-content .extra-info {
        margin-top: 0;
    }

    #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content {
        height: 211px;
        opacity: 1;
        transition: height .3s,opacity .6s;
    }

        #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content.dehesa {
            height: 200px;
        }

        #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content.santa-maria {
            height: 250px;
        }

        #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content.urg-general {
            height: 230px;
        }

        #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content.urg-escolar {
            height: 230px;
        }

        #footer-transicion .foot-section .locations .lugar label input:checked ~ .location-content.lab-sm {
            height: 260px;
        }

    #footer-transicion .foot-section .locations .lugar label input:checked ~ h4:after {
        transition: transform .3s;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

#footer-transicion .foot-section .locations .lugar.clinica-sm h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 13px;
    margin-top: 10px;
}

@media screen and (min-width:450px) and (max-width:768px) {
    #footer-transicion .foot-section .locations .lugar.clinica-sm h4 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

#footer-transicion .foot-section .locations .lugar.clinica-sm p {
    font-size: 14px;
    padding-bottom: 4px;
}

@media screen and (min-width:767px) {
    #footer-transicion .foot-section .locations .lugar {
        min-height: 100px;
    }
}

#footer-transicion .foot-section .locations .row:last-child {
    margin-top: 25px;
}

@media screen and (max-width:767px) {
    #footer-transicion .foot-section .locations .row:last-child {
        margin-top: 0;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .foot-section .locations {
        text-align: center;
    }
}

#footer-transicion .foot-section .telefonos-dependencias {
    text-align: right;
}

    #footer-transicion .foot-section .telefonos-dependencias a {
        position: static;
        text-align: right;
        font-size: 14px;
    }

        #footer-transicion .foot-section .telefonos-dependencias a p {
            width: 235px;
            position: absolute;
            right: 100px;
            top: -97px;
            margin: auto 0 auto auto;
        }

            #footer-transicion .foot-section .telefonos-dependencias a p:after {
                content: '';
                background: url(../images/chevron-arrow-right.png);
                position: absolute;
                background-size: 11px 17px;
                width: 10px;
                background-repeat: no-repeat;
                margin-left: 10px;
                height: 19px;
                top: auto;
                right: auto;
            }

@media screen and (min-width:992px) {
    #footer-transicion .foot-section .telefonos-dependencias a p:after {
        margin-top: -7px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .telefonos-dependencias a p {
        top: -5px;
    }
}

@media screen and (min-width:320px) and (max-width:395px) {
    #footer-transicion .foot-section .telefonos-dependencias a p {
        width: 284px;
        margin: auto;
        text-align: center;
        font-size: 12px;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .foot-section .telefonos-dependencias a p {
        position: static;
        text-align: center;
        padding: 30px 0 0 0;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .telefonos-dependencias a p {
        position: static;
        padding: 15px 0 11px 0;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .telefonos-dependencias a {
        padding: 15px 0 11px 0;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        z-index: 10;
    }
}

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .foot-section .telefonos-dependencias {
        position: static;
        text-align: center;
        padding: 30px 0 0 0;
        width: 100%;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .telefonos-dependencias {
        position: static;
        padding: 15px 0 11px 0;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .telefonos-dependencias {
        bottom: 96px;
    }
}

#footer-transicion .foot-section .help h3 {
    font-size: 32px;
    line-height: 2.65;
}

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .foot-section .help h3 {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .help h3 {
        text-align: center;
        margin-bottom: 0;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #footer-transicion .foot-section .help h3 {
        font-size: 24px;
        padding-top: 30px;
    }
}

#footer-transicion .foot-section .help .need-help a {
    padding-left: 0;
    position: relative;
    display: block;
}

    #footer-transicion .foot-section .help .need-help a [class^=icon-] {
        left: 0;
        top: -8px;
        font-size: 35px;
    }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .help .need-help a [class^=icon-] {
        position: absolute;
    }
}

@media screen and (min-width:992px) {
    #footer-transicion .foot-section .help .need-help a h4,
    #footer-transicion .foot-section .help .need-help a span {
        float: left;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #footer-transicion .foot-section .help .need-help a .help-desc {
        font-size: 12px;
    }
}

@media screen and (min-width:375px) and (max-width:768px) {
    #footer-transicion .foot-section .help .need-help a {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .help .need-help a {
        padding-left: 45px;
        padding-bottom: 15px;
    }
}

@media screen and (min-width:992px) {
    #footer-transicion .foot-section .help .need-help a {
        padding-top: 18px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #footer-transicion .foot-section .help .need-help a {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .help .need-help:last-child a {
        padding-bottom: 24px;
        border-bottom: 2px solid #a9c3e8;
    }
}

#footer-transicion .foot-section .form-group {
    position: relative;
}

    #footer-transicion .foot-section .form-group .form-control {
        color: #317fe2;
        background-color: rgba(255,255,255,.7);
        font-size: 18px;
        padding-left: 20px;
        padding-right: 75px;
        height: 44px;
        margin-top: 10px;
    }

        #footer-transicion .foot-section .form-group .form-control::-webkit-input-placeholder {
            color: rgba(49,127,226,.5);
        }

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .form-group .form-control::-webkit-input-placeholder {
        text-align: center;
        padding-left: 20px;
        color: #3d7dda;
    }
}

#footer-transicion .foot-section .form-group .form-control:-moz-placeholder {
    color: rgba(49,127,226,.5);
}

#footer-transicion .foot-section .form-group .form-control::-moz-placeholder {
    color: rgba(49,127,226,.5);
}

#footer-transicion .foot-section .form-group .form-control:-ms-input-placeholder {
    color: rgba(49,127,226,.5);
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .form-group .form-control {
        margin-top: 20px;
        margin-bottom: 0;
        height: 36px;
    }
}

#footer-transicion .foot-section .form-group:before {
    font-family: 'Glyphicons Halflings';
    content: '\e003';
    color: #317fe2;
    position: absolute;
    right: 23px;
    top: 4px;
    font-size: 27px;
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .form-group:before {
        font-size: 20px;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section .form-group {
        padding-bottom: 19px;
        border-bottom: 2px solid #a9c3e8;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .foot-section {
        border-bottom: none;
        padding: 0;
    }
}

#footer-transicion .social-links {
    font-family: Montserrat,sans-serif;
}

    #footer-transicion .social-links span {
        display: inline-block;
        margin-top: 10px;
        float: left;
    }

    #footer-transicion .social-links a {
        display: inline-block;
        height: 65px;
        width: 65px;
        overflow: hidden;
        text-indent: -9999px;
        margin-right: 10px;
        border-radius: 100%;
        background-position: center center;
    }

        #footer-transicion .social-links a.youtube {
            background-image: url(../images/youtube-icon.png);
        }

        #footer-transicion .social-links a.facebook {
            background-image: url(../images/facebook-icon.png);
        }

        #footer-transicion .social-links a.twitter {
            background-image: url(../images/twitter-icon.png);
        }

@media screen and (min-width:375px) and (max-width:992px) {
    #footer-transicion .social-links {
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    #footer-transicion .social-links {
        text-align: center;
        padding-bottom: 11px;
        border-bottom: 2px solid #a9c3e8;
    }
}

#footer-transicion:after,
#footer-transicion:before {
    content: " ";
    display: table;
}

#footer-transicion:after {
    clear: both;
}

#header-transicion .container-buscar {
    position: absolute;
    top: -350px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    color: #fff;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header-transicion .container-buscar p {
        color: #fff;
        padding: 20px 0 0;
        font-size: 18px;
        text-align: left;
        font-weight: 700;
    }

    #header-transicion .container-buscar input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 40px;
        background-image: url(../images/ico-buscar.svg);
        background-repeat: no-repeat;
        background-position: 98%;
        background-size: 46px;
    }

    #header-transicion .container-buscar.buscar-drop {
        top: 147px;
    }

        #header-transicion .container-buscar.buscar-drop.fixed-buscar {
            position: fixed;
            top: 56px;
        }

    #header-transicion .container-buscar.on-top {
        z-index: 100000;
    }

    #header-transicion .container-buscar .buscador ol {
        margin-left: 0;
        padding-left: 0;
    }

        #header-transicion .container-buscar .buscador ol > li {
            text-align: left;
            border-bottom: 1px solid #d3d3d3;
            padding: 4px 8px;
            list-style: none;
        }

@media screen and (max-width:767px) {
    #header-transicion .container-buscar {
        display: none;
    }
}

#header-transicion .acceso-directo {
    min-height: 40px;
    font-family: 'Open Sans',sans-serif;
    background-color: #ccc;
    position: relative;
    z-index: 100000;
}

    #header-transicion .acceso-directo ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #header-transicion .acceso-directo ul li {
            float: left;
        }

            #header-transicion .acceso-directo ul li a {
                display: block;
                height: 40px;
                padding: 10px 20px;
                font-size: 12px;
                color: #5d5d60;
            }

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion .acceso-directo ul li a {
        padding: 10px 7px;
        font-size: 11px;
    }
}

#header-transicion .acceso-directo ul li.active a {
    color: #77777a;
    background-color: #fff;
}

#header-transicion .acceso-directo ul.quick-menu {
    float: right;
}

    #header-transicion .acceso-directo ul.quick-menu li a {
        background-color: #5d5d60;
        margin-left: 2px;
        padding: 5px 10px 0;
        min-width: 53px;
        text-align: center;
        color: #fff;
    }

        #header-transicion .acceso-directo ul.quick-menu li a span.icono-busqueda {
            font-size: 20px;
            padding-top: 4px;
        }

    #header-transicion .acceso-directo ul.quick-menu li.mi-clinica a {
        display: inline-flex;
        line-height: 2.1;
        background-color: #f9b443;
        color: #252424;
        font-size: 14px;
    }

        #header-transicion .acceso-directo ul.quick-menu li.mi-clinica a:after {
            content: url(../images/down-arrow.png);
            padding-left: 5px;
            transition: transform .5s ease;
            position: relative;
        }

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion .acceso-directo ul.quick-menu li.mi-clinica a {
        font-size: 12px;
        font-height: 2.1;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion .acceso-directo ul.quick-menu li.mi-clinica a {
        font-size: 14px;
        font-height: 1.9;
    }
}

#header-transicion .acceso-directo ul.quick-menu li.mi-clinica span {
    margin-left: 20px;
    margin-right: 10px;
}

#header-transicion .acceso-directo ul.quick-menu li.mi-clinica:hover a {
    background-color: #ffda9e;
}

    #header-transicion .acceso-directo ul.quick-menu li.mi-clinica:hover a:after {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: FlipV;
        top: -5px;
    }

@media screen and (min-width:767px) {
    #header-transicion .acceso-directo ul.quick-menu li.mi-clinica:hover .dropdown-menu {
        display: table;
        border-radius: 0;
        max-height: 1000px;
        text-align: center;
        background-color: #ffda9e;
        border: 0;
        margin: 0 2px 0 2px;
        position: absolute;
        left: auto;
        min-width: 135px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        #header-transicion .acceso-directo ul.quick-menu li.mi-clinica:hover .dropdown-menu > li {
            display: table-cell;
            height: 50px;
            line-height: 50px;
            vertical-align: middle;
        }

        #header-transicion .acceso-directo ul.quick-menu li.mi-clinica:hover .dropdown-menu a:hover {
            color: #3d7dda;
        }
}

#header-transicion .acceso-directo ul.quick-menu li .user-options li {
    float: none;
}

    #header-transicion .acceso-directo ul.quick-menu li .user-options li a {
        background: 0 0;
    }

        #header-transicion .acceso-directo ul.quick-menu li .user-options li a:after {
            content: none;
        }

#header-transicion .navbar-header .navbar-toggle {
    padding: 9px 5px;
}

    #header-transicion .navbar-header .navbar-toggle span {
        color: #252424;
    }

#header-transicion .navbar-header .navbar-brand {
    width: 140px;
    padding: 10px 15px;
}

    #header-transicion .navbar-header .navbar-brand.hide-for-menu {
        display: none;
    }

#header-transicion .navbar-header .menu-mobile {
    display: block !important;
    width: 34px;
    height: 34px;
}

    #header-transicion .navbar-header .menu-mobile span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #3d7dda;
    }

@media screen and (min-width:768px) {
    #header-transicion .navbar-header {
        display: none;
    }
}

#header-transicion .nav-mobile-img {
    position: absolute;
    left: 19px;
    top: 10px;
    width: 47px;
    padding: 2px 9px;
    z-index: 100000;
}

    #header-transicion .nav-mobile-img .mobile-img {
        position: relative;
        top: -50px;
        transition: top .2s ease-in;
    }

        #header-transicion .nav-mobile-img .mobile-img.drop {
            top: 0;
            transition: top .4s ease-out;
        }

@media screen and (min-width:767px) {
    #header-transicion .nav-mobile-img {
        display: none;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .container-menu {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .container-menu .row {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .container-menu .col-md-12 {
        padding-right: 0;
        padding-left: 0;
    }
}

#header-transicion .container-buscar-desktop {
    position: absolute;
    top: -150px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header-transicion .container-buscar-desktop p {
        color: #fff;
        padding: 20px 0 10px;
        font-size: 18px;
        text-align: left;
    }

    #header-transicion .container-buscar-desktop input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 20px;
        background-image: url(../images/ico-buscar.png);
        background-repeat: no-repeat;
        background-position: 95%;
    }

    #header-transicion .container-buscar-desktop.buscar-drop {
        top: 50px;
    }

@media screen and (min-width:767px) {
    #header-transicion .container-buscar-desktop {
        width: 99.25vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: -200px;
    }
}

#header-transicion .cabezera {
    background-color: #fff;
    min-height: 107px;
    width: 100%;
    transition: 1s;
    position: relative;
    z-index: 99999;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera {
        height: auto;
        border-bottom: 1px solid #d3d3d3;
        position: fixed;
        left: 100%;
        background: #3d7dda;
        visibility: hidden;
        display: none;
    }

        #header-transicion .cabezera.displayed {
            display: block;
        }

        #header-transicion .cabezera.colapsado {
            visibility: visible;
            left: 0;
        }
}

#header-transicion .cabezera h1 {
    display: block;
    width: 200px;
    height: 55px;
    float: left;
    background-image: url(../images/logo-clinica.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
    overflow: hidden;
    margin: 25px 0 0;
    transition: .6s;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion .cabezera h1 {
        height: 44px;
        width: 160px;
    }
}

@media screen and (min-width:767px) and (max-width:991px) {
    #header-transicion .cabezera h1 {
        background-image: url(../images/logo-clinica-mobile.png);
        height: 30px;
        width: 30px;
    }
}

#header-transicion .cabezera .menu-mobile {
    display: none;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .logo {
        display: none;
    }
}

#header-transicion .cabezera .nav {
    margin-top: 0;
    float: initial;
}

    #header-transicion .cabezera .nav h2 {
        width: 0;
        height: 0;
        overflow: hidden;
        float: left;
    }

    #header-transicion .cabezera .nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #header-transicion .cabezera .nav ul > li {
            float: left;
            margin-left: 0;
        }

            #header-transicion .cabezera .nav ul > li a {
                color: #3d7dda;
                display: block;
                padding: 45px 10px;
                font-family: Montserrat;
                font-size: 14px;
                font-weight: 500;
                height: 107px;
            }

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li a {
        color: #fff;
        padding: 5px 0;
        height: auto;
        border-bottom: 1px solid #d3d3d3;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion .cabezera .nav ul > li a {
        font-size: 12px;
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion .cabezera .nav ul > li a {
        font-size: 10px;
        padding: 31px 6px;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li {
        float: none;
        padding: 0 30px 0 15px;
    }
}

#header-transicion .cabezera .nav ul > li:hover a {
    background-color: #3d7dda;
    color: #fff;
}

#header-transicion .cabezera .nav ul > li.dropdown .dropdown-menu {
    max-height: 0;
    transition: .5s;
}

@media screen and (min-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown:hover {
        position: static;
    }

        #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu {
            display: inline-block;
            border-radius: 0;
            max-height: 1000px;
            text-align: center;
            background-color: #3d7dda;
            border: 0;
            position: absolute;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding-bottom: 90px;
            width: 100%;
        }

            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu:after,
            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu:before {
                content: '';
                display: block;
                width: 500px;
                height: 100%;
                background-color: #3d7dda;
                position: absolute;
                top: 0;
            }

            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu:before {
                left: -500px;
            }

            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu:after {
                right: -500px;
            }

            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu > li {
                display: table-cell;
                height: 50px;
                line-height: 50px;
                vertical-align: middle;
            }

            #header-transicion .cabezera .nav ul > li.dropdown:hover .dropdown-menu a:hover {
                color: #f6a623;
            }
}

#header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown a {
    border: none;
    background-color: #3d7dda;
    color: #fff;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown .menu-chevron:after {
        transform: rotate(90deg);
        transition: transform .3s ease;
        right: 6px;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown {
        position: static;
    }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu {
            display: table;
            border-radius: 0;
            max-height: 1000px;
            text-align: center;
            background-color: #3d7dda;
            border: 0;
            position: relative;
            -webkit-box-shadow: none;
            box-shadow: none;
            padding-bottom: 90px;
            left: auto;
            right: auto;
            margin-left: auto;
            margin-right: auto;
            z-index: 100;
            width: 100%;
            margin-bottom: 10px;
            border-bottom: 1px solid #d3d3d3;
        }

            #header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu > li {
                display: table-cell;
                height: 50px;
                line-height: 50px;
                vertical-align: middle;
            }

            #header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown .dropdown-menu a:hover {
                color: #f6a623;
            }
}

#header-transicion .cabezera .nav ul > li.dropdown.mobile-dropdown:after {
    bottom: auto;
    z-index: 9999999;
}

#header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons {
    display: none;
    width: 100%;
    background: #fff;
    padding-right: 0;
    margin-left: 0;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    z-index: 200;
}

    #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a {
        background-color: #3d7dda;
        color: #fff;
        float: right;
        margin-left: 1px;
        width: 50px;
        height: 50px;
        padding: 12px;
        text-align: center;
        font-size: 20px;
    }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a span {
            vertical-align: middle;
        }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged {
            width: auto;
            font-size: 14px;
            padding: 12px 18px;
        }

            #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged img {
                width: 25px;
                margin-right: 5px;
            }

@media screen and (min-width:335px) and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons {
        display: table;
    }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a {
            display: table-cell;
        }
}

@media screen and (max-width:335px) {
    #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons {
        display: table;
    }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a {
            display: table-cell;
        }

            #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged {
                width: auto;
                font-size: 12px;
                padding: 12px;
            }

                #header-transicion .cabezera .nav ul > li.dropdown.mobile-buttons a.menu-usuario-logged img {
                    width: 25px;
                    margin-right: 5px;
                }
}

#header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only {
    display: none;
    padding: 8px 30px 0 15px;
}

    #header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only a {
        border-bottom: none;
        padding: 0;
    }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only a p {
            margin-bottom: 0;
        }

        #header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only a:last-child {
            border-bottom: 1px solid #d3d3d3;
            padding-bottom: 8px;
        }

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only {
        display: block;
    }
}

#header-transicion .cabezera .nav ul > li.dropdown.mobile-item-only:last-child a {
    border-bottom: none;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav ul > li.dropdown .menu-chevron:after {
        content: url(../images/chevron-arrow-right.svg);
        position: absolute;
        right: 2px;
        bottom: 2px;
        transition: transform .3s ease;
    }
}

#header-transicion .cabezera .nav #menu-mi-clinica {
    padding: 10px 0;
}

    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside {
        padding-bottom: 15px;
    }

        #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a {
            padding: 15px 0 0 0;
        }

            #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a p {
                font-size: 18px;
                float: left;
            }

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a p {
        font-size: 14px;
        text-align: left;
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a p {
        font-size: 13px;
    }
}

#header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a span {
    font-size: 17px;
    float: left;
    padding-right: 5px;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a span {
        display: none;
    }
}

#header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a:hover {
    color: #f6a623;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside a {
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside {
        padding-bottom: 0;
    }
}

#header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside:first-child {
    min-height: 65px;
}

#header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside:last-child {
    border-top: 1px solid #fff;
    padding-bottom: 5px;
}

    #header-transicion .cabezera .nav #menu-mi-clinica .menu-mic-inside:last-child a {
        padding: 25px 0 0 0;
    }

#header-transicion .cabezera .nav #menu-mi-clinica a {
    padding: 0;
    height: auto;
}

#header-transicion .cabezera .nav #menu-mi-clinica .btn-reservar {
    border: 1px solid #fff;
    margin-top: 45px;
    padding: 10px;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .btn-reservar {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .btn-reservar {
        min-width: 100px;
        padding: 5px 0;
        margin-top: 40px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion .cabezera .nav #menu-mi-clinica .btn-reservar {
        min-width: 100px;
    }
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav #menu-mi-clinica {
        padding: 0;
    }
}

#header-transicion .cabezera .nav .container-buscar-mobile {
    display: none;
    position: absolute;
    top: -150px;
    z-index: 199;
    width: 100%;
    background: #2f5e9f;
    text-align: center;
    padding: 0 30px 30px;
    transition: top .8s ease;
}

    #header-transicion .cabezera .nav .container-buscar-mobile p {
        color: #fff;
        padding: 20px 0 10px;
        font-size: 18px;
        text-align: left;
    }

    #header-transicion .cabezera .nav .container-buscar-mobile input[type=textbox] {
        width: 100%;
        padding: 10px;
        border: none;
        border-bottom: 1px solid #fff;
        background: 0 0;
        font-size: 20px;
        background-image: url(../images/ico-buscar.png);
        background-repeat: no-repeat;
        background-position: 95%;
    }

    #header-transicion .cabezera .nav .container-buscar-mobile.buscar-drop {
        top: 50px;
    }

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav .container-buscar-mobile {
        display: block;
    }
}

#header-transicion .cabezera .nav .container-logged-menu {
    display: none;
    position: absolute;
    top: -95px;
    z-index: 199;
    width: 100%;
    background: #6aa1f1;
    text-align: center;
    padding: 15px 0;
    transition: top .8s ease;
}

    #header-transicion .cabezera .nav .container-logged-menu.menu-logged-drop {
        top: 50px;
    }

    #header-transicion .cabezera .nav .container-logged-menu ul {
        text-align: left;
    }

        #header-transicion .cabezera .nav .container-logged-menu ul li a {
            font-size: 16px;
        }

        #header-transicion .cabezera .nav .container-logged-menu ul li:last-child a {
            border: none;
        }

@media screen and (max-width:767px) {
    #header-transicion .cabezera .nav .container-logged-menu {
        display: block;
    }
}

#header-transicion .cabezera .quick-menu2 {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    transition: .6s;
    list-style: none;
    padding: 0;
    margin: 0;
}

    #header-transicion .cabezera .quick-menu2 li {
        display: table;
        float: left;
        height: 55px;
    }

        #header-transicion .cabezera .quick-menu2 li a {
            background-color: #5d5d60;
            margin-left: 2px;
            padding: 5px 10px 0;
            min-width: 53px;
            text-align: center;
            color: #fff;
            height: 55px;
            display: table-cell;
            vertical-align: middle;
        }

        #header-transicion .cabezera .quick-menu2 li.mi-clinica a {
            background-color: #f9b443;
            color: #252424;
            font-size: 12px;
            display: table-cell;
            vertical-align: middle;
        }

            #header-transicion .cabezera .quick-menu2 li.mi-clinica a span {
                margin-left: 5px;
                margin-right: 5px;
            }

            #header-transicion .cabezera .quick-menu2 li.mi-clinica a:after {
                content: url(../images/down-arrow.png);
                position: absolute;
            }

@media screen and (min-width:767px) {
    #header-transicion .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu {
        display: table;
        border-radius: 0;
        max-height: 1000px;
        text-align: center;
        background-color: #3d7dda;
        border: 0;
        position: absolute;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-bottom: 90px;
    }

        #header-transicion .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu > li {
            display: table-cell;
            height: 50px;
            line-height: 50px;
            vertical-align: middle;
        }

        #header-transicion .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu a:hover {
            color: #f6a623;
        }
}

@media screen and (max-width:992px) {
    #header-transicion .cabezera .quick-menu2 {
        display: none;
    }
}

#header-transicion .cabezera .sub-menu {
    width: 100%;
    min-height: 170px;
    background-color: #3d7dda;
    position: absolute;
    top: 145px;
    z-index: 999;
    border: 1px solid red;
}

@media screen and (max-width:767px) {
    #header-transicion .cabezera {
        position: absolute;
        top: 0;
    }
}

#header-transicion.fixedHeader .cabezera {
    position: fixed;
    z-index: 100001;
    top: 0;
    min-height: 50px;
    box-shadow: 2px 1px 6px #444;
}

    #header-transicion.fixedHeader .cabezera h1 {
        width: 45px;
        height: 45px;
        background-size: contain;
        background-image: url(../images/logo-clinica-fixed.png);
        margin-top: 5px;
    }

    #header-transicion.fixedHeader .cabezera .nav ul > li {
        margin-left: 1px;
    }

        #header-transicion.fixedHeader .cabezera .nav ul > li a {
            height: auto;
            padding-top: 18px;
            padding-bottom: 18px;
            padding-left: 10px;
            padding-right: 10px;
        }

@media screen and (max-width:767px) {
    #header-transicion.fixedHeader .cabezera .nav ul > li a {
        padding: 5px 0;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion.fixedHeader .cabezera .nav ul > li a {
        font-size: 12px;
    }
}

#header-transicion.fixedHeader .cabezera .quick-menu2 {
    height: 55px;
}

    #header-transicion.fixedHeader .cabezera .quick-menu2 li a {
        background-color: #5d5d60;
        margin-left: 2px;
        padding: 5px 10px 0;
        min-width: 53px;
        text-align: center;
        color: #fff;
    }

        #header-transicion.fixedHeader .cabezera .quick-menu2 li a span.icono-busqueda {
            font-size: 20px;
            padding-top: 4px;
        }

    #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica a {
        display: inline-flex;
        line-height: 2.1;
        background-color: #f9b443;
        color: #252424;
        font-size: 14px;
    }

        #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica a:after {
            content: url(../images/down-arrow.png);
            padding-left: 5px;
            transition: transform .5s ease;
            position: relative;
        }

@media screen and (min-width:767px) and (max-width:992px) {
    #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica a {
        font-size: 12px;
        font-height: 2.1;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica a {
        font-size: 14px;
        font-height: 1.9;
    }
}

#header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica span {
    margin-left: 20px;
    margin-right: 10px;
}

#header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica:hover a {
    background-color: #ffda9e;
}

    #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica:hover a:after {
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: FlipV;
        -ms-filter: FlipV;
        top: -5px;
    }

@media screen and (min-width:767px) {
    #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu {
        display: table;
        border-radius: 0;
        max-height: 1000px;
        text-align: center;
        background-color: #ffda9e;
        border: 0;
        margin: 0 2px 0 2px;
        position: absolute;
        left: auto;
        min-width: 135px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu > li {
            display: table-cell;
            height: 50px;
            line-height: 50px;
            vertical-align: middle;
        }

        #header-transicion.fixedHeader .cabezera .quick-menu2 li.mi-clinica:hover .dropdown-menu a:hover {
            color: #3d7dda;
        }
}

#header-transicion.fixedHeader .cabezera .quick-menu2 li .user-options li {
    float: none;
}

    #header-transicion.fixedHeader .cabezera .quick-menu2 li .user-options li a {
        background: 0 0;
    }

        #header-transicion.fixedHeader .cabezera .quick-menu2 li .user-options li a:after {
            content: none;
        }

#header-transicion:after,
#header-transicion:before {
    content: " ";
    display: table;
}

#header-transicion:after {
    clear: both;
}

@media screen and (max-width:767px) {
    .acceso-directo {
        display: none;
    }

    .cabezera {
        position: relative;
    }

        .cabezera nav {
            display: none;
        }

        .cabezera .menu-mobile {
            display: block !important;
            width: 34px;
            height: 34px;
            position: absolute;
            right: 20px;
            top: 50%;
            margin-top: -18px;
        }

            .cabezera .menu-mobile span {
                display: block;
                width: 100%;
                height: 4px;
                margin: 7px 0;
                background-color: #979797;
            }
}

#dashboard-transicion .datos-usuario,
.dashboard-transicion .datos-usuario {
    width: 100%;
    display: inline-block;
    padding: 21px 0;
}

    #dashboard-transicion .datos-usuario img,
    .dashboard-transicion .datos-usuario img {
        width: 165px;
        height: 165px;
        border-radius: 50%;
    }

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario img,
    .dashboard-transicion .datos-usuario img {
        width: 165px;
        height: 165px;
        border-radius: 100%;
        margin: auto;
    }
}

#dashboard-transicion .datos-usuario h3,
.dashboard-transicion .datos-usuario h3 {
    margin-bottom: 10px;
    font-weight: 700;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario h3,
    .dashboard-transicion .datos-usuario h3 {
        text-align: center;
        font-size: 18;
        margin-top: 0;
    }
}

#dashboard-transicion .datos-usuario h4,
.dashboard-transicion .datos-usuario h4 {
    margin: 0;
    padding: 0 0 30px;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario h4,
    .dashboard-transicion .datos-usuario h4 {
        text-align: center;
        font-size: 18px;
    }
}

#dashboard-transicion .datos-usuario p,
.dashboard-transicion .datos-usuario p {
    float: left;
    font-size: 20px;
    padding-right: 35px;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario p,
    .dashboard-transicion .datos-usuario p {
        float: none;
        font-size: 14px;
    }
}

#dashboard-transicion .datos-usuario .btn-editar,
.dashboard-transicion .datos-usuario .btn-editar {
    background: #3d7dda;
    color: #fff;
    position: relative;
    min-width: 190px;
    margin-top: 0;
    top: 107px;
    right: 20px;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario .btn-editar,
    .dashboard-transicion .datos-usuario .btn-editar {
        position: static;
        width: 100%;
    }
}

#dashboard-transicion .datos-usuario hr,
.dashboard-transicion .datos-usuario hr {
    display: none;
    border-top: solid 1px #b6b6b7;
    margin-bottom: 31px;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario hr,
    .dashboard-transicion .datos-usuario hr {
        display: block;
    }
}

@media screen and (max-width:768px) {
    #dashboard-transicion .datos-usuario,
    .dashboard-transicion .datos-usuario {
        padding-bottom: 34px;
    }
}

#dashboard-transicion .muy-pronto,
.dashboard-transicion .muy-pronto {
    width: 100%;
    display: inline-block;
    min-height: 90px;
    border-top: 1px solid #b6b6b7;
    border-bottom: 1px solid #b6b6b7;
}

    #dashboard-transicion .muy-pronto .info,
    .dashboard-transicion .muy-pronto .info {
        padding-top: 12px;
    }

@media screen and (max-width:768px) {
    #dashboard-transicion .muy-pronto .info,
    .dashboard-transicion .muy-pronto .info {
        padding-top: 0;
    }
}

#dashboard-transicion .muy-pronto .texto-informativo,
.dashboard-transicion .muy-pronto .texto-informativo {
    position: relative;
    padding: 20px 5px 20px 65px;
    font-size: 14px;
}

    #dashboard-transicion .muy-pronto .texto-informativo img,
    .dashboard-transicion .muy-pronto .texto-informativo img {
        position: absolute;
        top: 5px;
        left: 0;
        height: 51px;
        width: 51px;
        padding: 0;
        margin-right: 21px;
    }

@media screen and (max-width:768px) {
    #dashboard-transicion .muy-pronto .texto-informativo img,
    .dashboard-transicion .muy-pronto .texto-informativo img {
        top: 24px;
    }
}

#dashboard-transicion .dashboard-usuario,
.dashboard-transicion .dashboard-usuario {
    width: 100%;
    display: inline-block;
    background: #efefef;
    padding: 53px 0;
    margin-top: -5px;
}

    #dashboard-transicion .dashboard-usuario .panel-heading,
    .dashboard-transicion .dashboard-usuario .panel-heading {
        background: 0 0;
        border-bottom: 1px solid #000;
        font-weight: 700;
        font-size: 24px;
    }

        #dashboard-transicion .dashboard-usuario .panel-heading:after,
        .dashboard-transicion .dashboard-usuario .panel-heading:after {
            content: url(../images/chevron-arrow-right-black.png);
            position: absolute;
            right: 20px;
        }

@media screen and (max-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-heading:after,
    .dashboard-transicion .dashboard-usuario .panel-heading:after {
        position: static;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body span,
.dashboard-transicion .dashboard-usuario .panel-body span {
    color: #3d7dda;
    font-size: 70px;
}

#dashboard-transicion .dashboard-usuario .panel-body ul,
.dashboard-transicion .dashboard-usuario .panel-body ul {
    padding: 10px 20px;
}

    #dashboard-transicion .dashboard-usuario .panel-body ul li,
    .dashboard-transicion .dashboard-usuario .panel-body ul li {
        padding: 10px 0;
    }

@media screen and (max-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body ul li,
    .dashboard-transicion .dashboard-usuario .panel-body ul li {
        text-align: left;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body .btn-resultados,
.dashboard-transicion .dashboard-usuario .panel-body .btn-resultados {
    background: #3d7dda;
    color: #fff;
}

@media screen and (max-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body .btn-resultados,
    .dashboard-transicion .dashboard-usuario .panel-body .btn-resultados {
        width: 100%;
        margin-bottom: 46px;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body .cargas-resultados,
.dashboard-transicion .dashboard-usuario .panel-body .cargas-resultados {
    display: block;
    padding-top: 15px;
    border-top: 1px solid #b6b6b7;
    font-weight: 700;
    color: #3d7dda;
    width: 100%;
}

@media screen and (min-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body .cargas-resultados,
    .dashboard-transicion .dashboard-usuario .panel-body .cargas-resultados {
        display: none;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body .lista-diagnosticos,
.dashboard-transicion .dashboard-usuario .panel-body .lista-diagnosticos {
    padding: 10px 10px;
    margin-left: 5px;
}

    #dashboard-transicion .dashboard-usuario .panel-body .lista-diagnosticos li,
    .dashboard-transicion .dashboard-usuario .panel-body .lista-diagnosticos li {
        width: 50%;
        float: left;
        font-size: 12px;
        padding: 2px 15px 2px 0;
    }

#dashboard-transicion .dashboard-usuario .panel-body.mis-cargas,
.dashboard-transicion .dashboard-usuario .panel-body.mis-cargas {
    font-weight: 700;
    padding: 0;
}

    #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul,
    .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul {
        padding: 0;
        list-style: none;
    }

        #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li,
        .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li {
            border-bottom: 2px solid #b6b6b7;
            padding: 10px 18px;
        }

            #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span,
            .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span {
                font-size: 48px;
                float: left;
                padding-top: 33px;
            }

                #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span.icon-ico-nina-2,
                .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span.icon-ico-nina-2 {
                    color: #ec128d;
                }

                #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span.icon-ico-nino-2,
                .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li span.icon-ico-nino-2 {
                    color: #b8cb3b;
                }

            #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas,
            .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas {
                padding: 42px 0 55px 45px;
            }

                #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas p,
                .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas p {
                    margin-bottom: 0;
                    font-size: 14px;
                    font-weight: 400;
                }

                    #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas p:first-child,
                    .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li .cargas p:first-child {
                        font-weight: 700;
                        font-size: 20px;
                    }

@media screen and (min-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li:last-child,
    .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas ul li:last-child {
        border: none;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos,
.dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos {
    background: #3d7dda;
    color: #fff;
    margin-left: 18px;
    margin-bottom: 22px;
}

@media screen and (max-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos,
    .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        margin-top: 24px;
    }
}

@media screen and (min-width:768px) {
    #dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos,
    .dashboard-transicion .dashboard-usuario .panel-body.mis-cargas .btn-modificar-datos {
        display: none;
    }
}

#dashboard-transicion .dashboard-usuario .panel-body.panel-examenes,
.dashboard-transicion .dashboard-usuario .panel-body.panel-examenes {
    position: relative;
    z-index: 1;
    background-color: #f7f7f7;
}

    #dashboard-transicion .dashboard-usuario .panel-body.panel-examenes :before,
    .dashboard-transicion .dashboard-usuario .panel-body.panel-examenes :before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .04;
        z-index: -1;
        background-image: url(../images/fondo-examenes.png);
        background-position: bottom right;
        background-repeat: no-repeat;
    }

#dashboard-transicion .dashboard-usuario .panel-body.panel-resultados,
.dashboard-transicion .dashboard-usuario .panel-body.panel-resultados {
    position: relative;
    z-index: 1;
    background-color: #f7f7f7;
}

    #dashboard-transicion .dashboard-usuario .panel-body.panel-resultados :before,
    .dashboard-transicion .dashboard-usuario .panel-body.panel-resultados :before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .02;
        z-index: -1;
        background-image: url(../images/fondo-resultados.png);
        background-position: bottom right;
        background-repeat: no-repeat;
    }

@media screen and (max-width:992px) {
    #dashboard-transicion .dashboard-usuario .panel-body,
    .dashboard-transicion .dashboard-usuario .panel-body {
        text-align: center;
    }
}

#dashboard-transicion .dashboard-usuario .publicidad,
.dashboard-transicion .dashboard-usuario .publicidad {
    background: #fff;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    margin-bottom: 20px;
}

    #dashboard-transicion .dashboard-usuario .publicidad img,
    .dashboard-transicion .dashboard-usuario .publicidad img {
        width: 100%;
        height: auto;
    }

    #dashboard-transicion .dashboard-usuario .publicidad h1,
    .dashboard-transicion .dashboard-usuario .publicidad h1 {
        text-align: center;
        padding: 55px;
        color: #b6b6b7;
    }

#dashboard-transicion:after,
#dashboard-transicion:before,
.dashboard-transicion:after,
.dashboard-transicion:before {
    content: " ";
    display: table;
}

#dashboard-transicion:after,
.dashboard-transicion:after {
    clear: both;
}

#dashboard-transicion .sub-header-2,
.dashboard-transicion .sub-header-2 {
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 1px solid #e1e0e1;
    min-height: 94px;
    display: inline-block;
    width: 100%;
}

    #dashboard-transicion .sub-header-2 p,
    .dashboard-transicion .sub-header-2 p {
        padding: 13px 0;
        font-size: 18px;
        margin: 0;
    }

#dashboard-transicion h3,
.dashboard-transicion h3 {
    margin: 20px 0 40px;
}

#dashboard-transicion label,
.dashboard-transicion label {
    font-size: 16px;
}

#dashboard-transicion .listado-circulos,
.dashboard-transicion .listado-circulos {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media screen and (max-width:768px) {
    #dashboard-transicion .listado-circulos,
    .dashboard-transicion .listado-circulos {
        float: left;
    }
}

#dashboard-transicion .listado-circulos li,
.dashboard-transicion .listado-circulos li {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 40px;
}

    #dashboard-transicion .listado-circulos li:before,
    .dashboard-transicion .listado-circulos li:before {
        content: '';
        display: block;
        height: 70px;
        width: 1px;
        border-left: 2px solid #3d7dda;
        position: absolute;
        left: 26px;
        top: 60px;
    }

    #dashboard-transicion .listado-circulos li:last-child,
    .dashboard-transicion .listado-circulos li:last-child {
        margin-bottom: 25px;
    }

        #dashboard-transicion .listado-circulos li:last-child:before,
        .dashboard-transicion .listado-circulos li:last-child:before {
            display: none;
        }

    #dashboard-transicion .listado-circulos li span,
    .dashboard-transicion .listado-circulos li span {
        display: block;
        color: #fff;
        font-size: 32px;
        font-weight: 700;
        background-color: #3d7dda;
        width: 54px;
        height: 54px;
        text-align: center;
        border-radius: 50%;
        padding-top: 4px;
        position: absolute;
        margin-top: 10px;
    }

    #dashboard-transicion .listado-circulos li p,
    .dashboard-transicion .listado-circulos li p {
        display: table-cell;
        height: 54px;
        padding-top: 15px;
        font-size: 16px;
        padding-left: 90px;
        vertical-align: middle;
    }

#dashboard-transicion .mtb-50,
.dashboard-transicion .mtb-50 {
    margin: 90px 0;
}

#dashboard-transicion .half-page,
.dashboard-transicion .half-page {
    position: relative;
}

    #dashboard-transicion .half-page:before,
    .dashboard-transicion .half-page:before {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        border-right: 1px solid #b6b6b7;
        right: 10px;
        top: 0;
    }

#dashboard-transicion .form-group,
.dashboard-transicion .form-group {
    margin-bottom: 40px;
}

#dashboard-transicion .barra-ayuda,
.dashboard-transicion .barra-ayuda {
    width: 100%;
    display: inline-block;
    height: 144px;
    padding-top: 50px;
    background-color: #efefef;
    text-align: center;
}

    #dashboard-transicion .barra-ayuda .escribenos,
    .dashboard-transicion .barra-ayuda .escribenos {
        display: none;
    }

    #dashboard-transicion .barra-ayuda .btn-default,
    .dashboard-transicion .barra-ayuda .btn-default {
        border: 2px solid #3d7dda;
        color: #3d7dda;
        margin-top: -12px;
        padding-right: 50px;
        padding-left: 50px;
    }

    #dashboard-transicion .barra-ayuda span,
    .dashboard-transicion .barra-ayuda span {
        font-size: 32px;
        font-weight: 700;
        margin-right: 30px;
    }

#dashboard-transicion .como-registrarse,
.dashboard-transicion .como-registrarse {
    width: 100%;
    display: inline-block;
    background-color: #efefef;
    padding-top: 38px;
    padding-bottom: 120px;
}

    #dashboard-transicion .como-registrarse h3,
    #dashboard-transicion .como-registrarse h4,
    .dashboard-transicion .como-registrarse h3,
    .dashboard-transicion .como-registrarse h4 {
        font-family: 'Open Sans',sans-serif;
        color: #000;
        line-height: 120%;
        font-weight: 700;
    }

    #dashboard-transicion .como-registrarse h4,
    .dashboard-transicion .como-registrarse h4 {
        font-size: 32px;
        margin-bottom: 28px;
    }

    #dashboard-transicion .como-registrarse .cajas,
    .dashboard-transicion .como-registrarse .cajas {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        border-bottom: 2px solid #ccc;
        padding-top: 43px;
        background-color: #fff;
        min-height: 340px;
        padding-left: 30px;
        padding-right: 30px;
    }

@media screen and (min-width:992px) and (max-width:1199px) {
    #dashboard-transicion .como-registrarse .cajas,
    .dashboard-transicion .como-registrarse .cajas {
        min-height: 375px;
    }
}

#dashboard-transicion .como-registrarse .cajas > i,
.dashboard-transicion .como-registrarse .cajas > i {
    margin-bottom: 23px;
    font-size: 48px;
    color: #3d7dda;
    display: block;
    text-align: center;
}

#dashboard-transicion .como-registrarse .cajas h3,
.dashboard-transicion .como-registrarse .cajas h3 {
    margin-bottom: 10px;
    font-size: 24px;
}

#dashboard-transicion .como-registrarse .cajas hr,
.dashboard-transicion .como-registrarse .cajas hr {
    border: 1px solid #000;
    position: relative;
}

    #dashboard-transicion .como-registrarse .cajas hr:after,
    #dashboard-transicion .como-registrarse .cajas hr:before,
    .dashboard-transicion .como-registrarse .cajas hr:after,
    .dashboard-transicion .como-registrarse .cajas hr:before {
        content: "";
        position: absolute;
        top: -1px;
        width: 30px;
        height: 2px;
        background-color: #000;
    }

    #dashboard-transicion .como-registrarse .cajas hr:after,
    .dashboard-transicion .como-registrarse .cajas hr:after {
        left: -31px;
    }

    #dashboard-transicion .como-registrarse .cajas hr:before,
    .dashboard-transicion .como-registrarse .cajas hr:before {
        right: -31px;
    }

#dashboard-transicion .como-registrarse .cajas p,
.dashboard-transicion .como-registrarse .cajas p {
    font-size: 14px;
    color: #77777a;
}

#dashboard-transicion .como-registrarse span,
.dashboard-transicion .como-registrarse span {
    width: 72px;
    height: 72px;
    display: block;
    background-color: #3d7dda;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    top: 40%;
    z-index: 99;
    right: -36px;
    padding-top: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
    #dashboard-transicion .como-registrarse span,
    .dashboard-transicion .como-registrarse span {
        top: 44%;
    }
}

#dashboard-transicion .como-registrarse span i,
.dashboard-transicion .como-registrarse span i {
    font-size: 42px;
    color: #fff;
    vertical-align: middle;
}

#dashboard-transicion .segundo-formulario,
.dashboard-transicion .segundo-formulario {
    border-top: 18px solid #e1e0e1;
    width: 100%;
    display: inline-block;
}

#dashboard-transicion .formulario-transicion,
.dashboard-transicion .formulario-transicion {
    display: inline-block;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 105px;
    float: left;
}

    #dashboard-transicion .formulario-transicion hr,
    .dashboard-transicion .formulario-transicion hr {
        display: none;
    }

    #dashboard-transicion .formulario-transicion .tooltip-mensaje,
    .dashboard-transicion .formulario-transicion .tooltip-mensaje {
        position: relative;
    }

        #dashboard-transicion .formulario-transicion .tooltip-mensaje span,
        .dashboard-transicion .formulario-transicion .tooltip-mensaje span {
            position: absolute;
            color: #3d7dda;
            background-color: #fff;
            border: 1px solid #3d7dda;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            display: none;
            min-width: 250px;
            min-height: 33px;
            font-size: 14px;
            padding: 6px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            top: 30px;
            right: 0;
            z-index: 99;
        }

        #dashboard-transicion .formulario-transicion .tooltip-mensaje:hover span,
        .dashboard-transicion .formulario-transicion .tooltip-mensaje:hover span {
            display: block;
        }

    #dashboard-transicion .formulario-transicion h3,
    .dashboard-transicion .formulario-transicion h3 {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
        font-size: 24px;
        font-weight: 700;
        font-family: 'Open Sans',sans-serif;
    }

    #dashboard-transicion .formulario-transicion .columna-derecha,
    #dashboard-transicion .formulario-transicion .columna-izquierda,
    .dashboard-transicion .formulario-transicion .columna-derecha,
    .dashboard-transicion .formulario-transicion .columna-izquierda {
        padding-top: 30px;
    }

        #dashboard-transicion .formulario-transicion .columna-izquierda p,
        .dashboard-transicion .formulario-transicion .columna-izquierda p {
            font-size: 24px;
        }

        #dashboard-transicion .formulario-transicion .columna-derecha h4,
        .dashboard-transicion .formulario-transicion .columna-derecha h4 {
            margin: 0;
            padding: 0 !important;
            font-family: 'Open Sans',sans-serif;
            font-size: 14px;
            font-weight: 400;
            color: #3d7dda;
        }

            #dashboard-transicion .formulario-transicion .columna-derecha h4 span,
            .dashboard-transicion .formulario-transicion .columna-derecha h4 span {
                font-family: 'Open Sans',sans-serif;
                font-size: 32px;
                font-weight: 700;
                color: #3d7dda;
                vertical-align: middle;
                position: relative;
                top: 3px;
            }

    #dashboard-transicion .formulario-transicion ul.lista,
    .dashboard-transicion .formulario-transicion ul.lista {
        list-style: none;
        margin-top: 22px;
        padding-left: 0;
    }

        #dashboard-transicion .formulario-transicion ul.lista li,
        .dashboard-transicion .formulario-transicion ul.lista li {
            font-size: 16px;
            line-height: 120%;
            margin-bottom: 15px;
        }

            #dashboard-transicion .formulario-transicion ul.lista li:before,
            .dashboard-transicion .formulario-transicion ul.lista li:before {
                content: '';
                display: inline-block;
                width: 18px;
                height: 16px;
                background-image: url(../images/checked.png);
                background-size: 18px 16px;
                background-repeat: no-repeat;
                margin-right: 10px;
            }

    #dashboard-transicion .formulario-transicion.recuperar-contrasena-1 .btn,
    .dashboard-transicion .formulario-transicion.recuperar-contrasena-1 .btn {
        margin-top: 30px;
    }

    #dashboard-transicion .formulario-transicion.recuperar-contrasena-2 h3,
    .dashboard-transicion .formulario-transicion.recuperar-contrasena-2 h3 {
        margin-bottom: 33px;
    }

    #dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p,
    .dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p {
        font-size: 24px;
    }

    #dashboard-transicion .formulario-transicion.primer-ingreso-1 .columna-izquierda h3,
    .dashboard-transicion .formulario-transicion.primer-ingreso-1 .columna-izquierda h3 {
        margin-bottom: 30px;
    }

    #dashboard-transicion .formulario-transicion.editar-perfil,
    .dashboard-transicion .formulario-transicion.editar-perfil {
        padding-bottom: 60px;
    }

        #dashboard-transicion .formulario-transicion.editar-perfil p,
        .dashboard-transicion .formulario-transicion.editar-perfil p {
            font-size: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda h3,
        .dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda h3 {
            text-align: left;
        }

        #dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda img,
        .dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            display: block;
            margin: 65px auto 45px auto;
            width: 375px;
            height: 375px;
        }

    #dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda:after,
    .dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        border-right: 1px solid #b6b6b7;
        right: 0;
        top: 0;
    }

    #dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda h3,
    .dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda h3 {
        margin-bottom: 30px;
    }

    #dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda p,
    .dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda p {
        font-size: 16px;
    }

    #dashboard-transicion .formulario-transicion.transicion-login .columna-derecha:after,
    .dashboard-transicion .formulario-transicion.transicion-login .columna-derecha:after {
        border-left: 0;
    }

    #dashboard-transicion .formulario-transicion.transicion-login .login-cols,
    .dashboard-transicion .formulario-transicion.transicion-login .login-cols {
        padding: 30px;
    }

@media screen and (max-width:768px) {
    #dashboard-transicion .formulario-transicion.transicion-login .login-cols,
    .dashboard-transicion .formulario-transicion.transicion-login .login-cols {
        float: left;
    }
}

@media screen and (max-width:768px) {
    #dashboard-transicion .formulario-transicion.transicion-login .login-cols.login-col-derecha,
    .dashboard-transicion .formulario-transicion.transicion-login .login-cols.login-col-derecha {
        float: left;
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    #dashboard-transicion .formulario-transicion.transicion-login,
    .dashboard-transicion .formulario-transicion.transicion-login {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#dashboard-transicion .examenes-recientes,
.dashboard-transicion .examenes-recientes {
    display: inline-block;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 100px;
}

    #dashboard-transicion .examenes-recientes h3,
    .dashboard-transicion .examenes-recientes h3 {
        font-size: 32px;
        margin-bottom: 45px;
        font-weight: 700;
    }

    #dashboard-transicion .examenes-recientes iframe,
    #dashboard-transicion .examenes-recientes img,
    .dashboard-transicion .examenes-recientes iframe,
    .dashboard-transicion .examenes-recientes img {
        width: 100%;
    }

#dashboard-transicion .form-group .form-control,
.dashboard-transicion .form-group .form-control {
    height: 54px;
}

#dashboard-transicion .form-group.ok input[type=text],
.dashboard-transicion .form-group.ok input[type=text] {
    background-image: url(../images/icon-input-ok.png);
    background-position: center right 15px;
    background-repeat: no-repeat;
}

#dashboard-transicion .form-group.error input[type=text],
.dashboard-transicion .form-group.error input[type=text] {
    background-image: url(../images/icon-input-error.png);
    background-position: center right 15px;
    background-repeat: no-repeat;
}

#dashboard-transicion .input-file,
.dashboard-transicion .input-file {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    #dashboard-transicion .input-file + label,
    .dashboard-transicion .input-file + label {
        display: inline-block;
        cursor: pointer;
    }

#dashboard-transicion .login-box-panel,
.dashboard-transicion .login-box-panel {
    background: #efefef;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    float: right;
    padding: 40px;
}

    #dashboard-transicion .login-box-panel h3,
    .dashboard-transicion .login-box-panel h3 {
        margin-bottom: 41px;
    }

    #dashboard-transicion .login-box-panel label,
    .dashboard-transicion .login-box-panel label {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 14px;
    }

    #dashboard-transicion .login-box-panel .form-group,
    .dashboard-transicion .login-box-panel .form-group {
        margin-top: 0;
        margin-bottom: 12px;
        width: 350px;
    }

        #dashboard-transicion .login-box-panel .form-group.obligatorio,
        .dashboard-transicion .login-box-panel .form-group.obligatorio {
            position: relative;
            margin-bottom: 30px;
        }

            #dashboard-transicion .login-box-panel .form-group.obligatorio:after,
            .dashboard-transicion .login-box-panel .form-group.obligatorio:after {
                content: "*";
                position: absolute;
                font-size: 25px;
                font-weight: 700;
                color: #3d7dda;
                vertical-align: middle;
                top: -25px;
                right: 0;
            }

            #dashboard-transicion .login-box-panel .form-group.obligatorio i,
            .dashboard-transicion .login-box-panel .form-group.obligatorio i {
                margin-right: 25px;
            }

        #dashboard-transicion .login-box-panel .form-group .btn,
        .dashboard-transicion .login-box-panel .form-group .btn {
            height: 36px;
            min-width: 149px;
            padding: 5px;
            line-height: 100%;
            font-size: 14px;
            font-weight: 700;
        }

@media screen and (min-width:320px) and (max-width:768px) {
    #dashboard-transicion .login-box-panel .form-group,
    .dashboard-transicion .login-box-panel .form-group {
        width: 100%;
    }
}

@media screen and (min-width:768px) {
    #dashboard-transicion .login-box-panel,
    .dashboard-transicion .login-box-panel {
        padding-bottom: 50px;
    }
}

@media screen and (max-width:768px) {
    #dashboard-transicion .login-box-panel,
    .dashboard-transicion .login-box-panel {
        padding-bottom: 70px;
        margin-bottom: 30px;
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    #dashboard-transicion .sub-header-2,
    .dashboard-transicion .sub-header-2 {
        min-height: 100px;
    }

        #dashboard-transicion .sub-header-2 p,
        .dashboard-transicion .sub-header-2 p {
            font-size: 14px;
        }

    #dashboard-transicion .mtb-50,
    .dashboard-transicion .mtb-50 {
        margin: 0;
        margin-bottom: 30px;
    }

    #dashboard-transicion .half-page:before,
    .dashboard-transicion .half-page:before {
        border: 0;
    }

    #dashboard-transicion .listado-circulos li:before,
    .dashboard-transicion .listado-circulos li:before {
        height: 100%;
    }

    #dashboard-transicion .barra-ayuda,
    .dashboard-transicion .barra-ayuda {
        min-height: 300px;
        padding-top: 35px;
    }

        #dashboard-transicion .barra-ayuda .escribenos,
        .dashboard-transicion .barra-ayuda .escribenos {
            display: inline-block;
        }

        #dashboard-transicion .barra-ayuda span,
        .dashboard-transicion .barra-ayuda span {
            display: block;
            margin-right: 0;
        }

        #dashboard-transicion .barra-ayuda .btn-default,
        .dashboard-transicion .barra-ayuda .btn-default {
            margin-top: 20px;
        }

        #dashboard-transicion .barra-ayuda a.email,
        .dashboard-transicion .barra-ayuda a.email {
            font-size: 18px;
            font-weight: 700;
            margin-right: 0;
            display: inline-block;
            margin-top: 10px;
            color: #3d7dda;
            text-decoration: underline;
        }

    #dashboard-transicion .btn,
    .dashboard-transicion .btn {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #dashboard-transicion .link.link-clave,
    .dashboard-transicion .link.link-clave {
        position: absolute;
        bottom: -50px;
        left: 0;
        right: 0;
        text-align: center;
        width: auto;
    }

    #dashboard-transicion .como-registrarse span,
    .dashboard-transicion .como-registrarse span {
        display: inline-block;
        position: relative;
        padding-top: 4px;
        margin-left: auto;
        margin-right: auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 0;
    }

        #dashboard-transicion .como-registrarse span i,
        .dashboard-transicion .como-registrarse span i {
            font-size: 42px;
            color: #fff;
            vertical-align: middle;
        }

    #dashboard-transicion .segundo-formulario,
    .dashboard-transicion .segundo-formulario {
        border-top: 18px solid #e1e0e1;
    }

        #dashboard-transicion .segundo-formulario .form-group:first-of-type,
        .dashboard-transicion .segundo-formulario .form-group:first-of-type {
            margin-bottom: 0;
        }

    #dashboard-transicion .formulario-transicion,
    .dashboard-transicion .formulario-transicion {
        padding-top: 30px;
        padding-bottom: 0;
    }

        #dashboard-transicion .formulario-transicion h3,
        .dashboard-transicion .formulario-transicion h3 {
            margin-bottom: 25px;
            font-size: 20px;
        }

        #dashboard-transicion .formulario-transicion .columna-derecha:after,
        #dashboard-transicion .formulario-transicion .columna-izquierda:after,
        .dashboard-transicion .formulario-transicion .columna-derecha:after,
        .dashboard-transicion .formulario-transicion .columna-izquierda:after {
            border: 0;
        }

        #dashboard-transicion .formulario-transicion .columna-izquierda,
        .dashboard-transicion .formulario-transicion .columna-izquierda {
            padding-top: 0;
        }

            #dashboard-transicion .formulario-transicion .columna-izquierda p,
            .dashboard-transicion .formulario-transicion .columna-izquierda p {
                font-size: 14px;
            }

        #dashboard-transicion .formulario-transicion .columna-derecha,
        .dashboard-transicion .formulario-transicion .columna-derecha {
            padding-top: 10px;
        }

            #dashboard-transicion .formulario-transicion .columna-derecha h4,
            .dashboard-transicion .formulario-transicion .columna-derecha h4 {
                font-size: 14px;
            }

                #dashboard-transicion .formulario-transicion .columna-derecha h4 span,
                .dashboard-transicion .formulario-transicion .columna-derecha h4 span {
                    font-family: 'Open Sans',sans-serif;
                    font-size: 32px;
                    font-weight: 700;
                    color: #3d7dda;
                    vertical-align: middle;
                    position: relative;
                    top: 3px;
                }

        #dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p,
        .dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p {
            font-size: 14px;
        }

            #dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p:last-of-type,
            .dashboard-transicion .formulario-transicion.recuperar-contrasena-2 p:last-of-type {
                margin-bottom: 100px;
            }

        #dashboard-transicion .formulario-transicion.editar-perfil,
        .dashboard-transicion .formulario-transicion.editar-perfil {
            padding-bottom: 0;
        }

            #dashboard-transicion .formulario-transicion.editar-perfil p,
            .dashboard-transicion .formulario-transicion.editar-perfil p {
                font-size: 14px;
                margin-top: 20px;
                margin-bottom: 20px;
            }

            #dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda img,
            .dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda img {
                margin: 35px auto 35px auto;
                width: 145px;
                height: 145px;
            }

            #dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda .btn,
            .dashboard-transicion .formulario-transicion.editar-perfil .columna-izquierda .btn {
                margin-bottom: 50px;
            }

        #dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda:after,
        .dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda:after {
            border: 0;
        }

        #dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda p,
        .dashboard-transicion .formulario-transicion.transicion-login .columna-izquierda p {
            font-size: 14px;
        }
}

#transicion-perfil .sub-header-2 {
    padding: 0 0;
    background-color: #fff;
    border-bottom: 18px solid #e1e0e1;
    min-height: initial;
    display: inline-block;
    width: 100%;
}

    #transicion-perfil .sub-header-2 p {
        padding: 13px 0;
        font-size: 18px;
        margin: 0;
    }

#transicion-perfil h3 {
    margin: 20px 0 40px;
}

#transicion-perfil label {
    font-size: 16px;
}

#transicion-perfil .mis-datos {
    padding: 37px 0 55px;
    border-bottom: 18px solid #e1e0e1;
}

    #transicion-perfil .mis-datos .img-perfil {
        text-align: center;
        width: 100%;
    }

        #transicion-perfil .mis-datos .img-perfil img {
            width: 165px;
            height: 165px;
            border-radius: 100%;
        }

@media screen and (min-width:768px) and (max-width:992px) {
    #transicion-perfil .mis-datos .img-perfil img {
        width: 120px;
        height: 120px;
        margin: auto;
    }
}

@media screen and (max-width:768px) {
    #transicion-perfil .mis-datos .img-perfil img {
        width: 200px;
        height: 200px;
        margin: auto;
    }
}

#transicion-perfil .mis-datos h3 {
    margin: 0 0 27px;
    font-weight: 700;
    font-size: 32px;
    text-align: left;
}

@media screen and (max-width:768px) {
    #transicion-perfil .mis-datos h3 {
        font-size: 18px;
        margin-top: 0;
    }
}

#transicion-perfil .mis-datos .datos-usuario-row {
    display: table;
    border-bottom: 1px solid #b6b6b7;
    width: 100%;
}

    #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col {
        display: table-cell;
        padding: 5px 0;
    }

        #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col:first-child {
            width: 50%;
            text-align: left;
            padding-left: 18px;
        }

        #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col:last-child {
            font-weight: 700;
        }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-datos .datos-usuario-row {
        display: block;
        padding: 3px 0;
    }

        #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col {
            display: block;
            padding: 3px 0;
        }

            #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col:first-child {
                width: 100%;
                text-align: left;
                padding-left: 0;
                padding-bottom: 0;
            }

            #transicion-perfil .mis-datos .datos-usuario-row .datos-usuario-col:last-child {
                width: 100%;
                font-weight: 700;
                padding-top: 0;
            }
}

#transicion-perfil .mis-datos .boton-modificar {
    text-align: right;
    padding-top: 30px;
    padding-bottom: 0;
}

    #transicion-perfil .mis-datos .boton-modificar .btn-modificar {
        background: #3d7dda;
        color: #fff;
        min-width: 190px;
        margin-top: 0;
    }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-datos .boton-modificar .btn-modificar {
        position: static;
        width: 100%;
    }
}

#transicion-perfil .mis-cargas {
    padding: 37px 0 55px;
    border-bottom: 18px solid #e1e0e1;
}

    #transicion-perfil .mis-cargas h3 {
        margin: 0 0 27px;
        font-weight: 700;
        font-size: 32px;
        text-align: left;
    }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-cargas h3 {
        font-size: 18px;
        margin-top: 0;
    }
}

#transicion-perfil .mis-cargas .carga-row {
    padding-top: 10px;
    padding-bottom: 29px;
    border-bottom: 1px solid #b6b6b7;
}

    #transicion-perfil .mis-cargas .carga-row .img-carga {
        width: 100%;
        text-align: center;
    }

        #transicion-perfil .mis-cargas .carga-row .img-carga img {
            width: 165px;
            height: 165px;
            border-radius: 100%;
            margin: auto;
        }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-cargas .carga-row .img-carga img {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 15px;
    }
}

#transicion-perfil .mis-cargas .carga-row h3 {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    text-align: left;
}

@media screen and (max-width:768px) {
    #transicion-perfil .mis-cargas .carga-row h3 {
        text-align: center;
        font-size: 18px;
        margin-top: 0;
    }
}

#transicion-perfil .mis-cargas .carga-row .datos-usuario-row {
    display: table;
    border-bottom: 1px solid #b6b6b7;
    width: 100%;
}

    #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col {
        display: table-cell;
        padding: 5px 0;
    }

        #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col:first-child {
            width: 50%;
            text-align: left;
            padding-left: 18px;
        }

        #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col:last-child {
            font-weight: 700;
        }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-cargas .carga-row .datos-usuario-row {
        display: block;
        padding: 3px 0;
    }

        #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col {
            display: block;
            padding: 3px 0;
        }

            #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col:first-child {
                width: 100%;
                text-align: left;
                padding-left: 0;
                padding-bottom: 0;
            }

            #transicion-perfil .mis-cargas .carga-row .datos-usuario-row .datos-usuario-col:last-child {
                width: 100%;
                padding-top: 0;
                font-weight: 700;
            }
}

#transicion-perfil .mis-cargas .carga-row .boton-modificar {
    text-align: right;
    padding-top: 30px;
    padding-bottom: 0;
}

    #transicion-perfil .mis-cargas .carga-row .boton-modificar .btn-modificar {
        background: #3d7dda;
        color: #fff;
        min-width: 190px;
        margin-top: 0;
    }

@media screen and (max-width:768px) {
    #transicion-perfil .mis-cargas .carga-row .boton-modificar .btn-modificar {
        position: static;
        width: 100%;
    }
}

#pagosycuentas .sub-header {
    margin-bottom: 0;
}

#pagosycuentas .row_ficha_paciente {
    padding-left: 15px;
    padding-right: 15px;
}

#pagosycuentas .container-pago-datos-faltantes {
    padding: 37px 0;
}

#pagosycuentas .completa-datos h4 {
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width:991px) {
    #pagosycuentas .completa-datos h4 {
        font-size: 15px;
        margin-top: 0;
    }
}

#pagosycuentas .completa-datos input {
    max-width: unset;
}

#pagosycuentas .completa-datos label:nth-child(2) {
    margin-top: 18px;
}

#pagosycuentas .escoge-forma-pago {
    min-height: 40px;
    padding-top: 27px;
    padding-left: 0;
    padding-bottom: 0;
    text-align: center;
}

    #pagosycuentas .escoge-forma-pago .tipo-pago-webpay {
        height: 50px;
        padding: 3px 0 30px 0;
        margin-bottom: 0;
        background-image: url(../images/webpay.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 170px;
    }

#pagosycuentas .container-acepto-pago {
    padding: 18px;
    margin-bottom: 102px;
}

@media screen and (max-width:464px) {
    #pagosycuentas .container-acepto-pago {
        margin-bottom: 56px;
    }
}

#pagosycuentas .container-acepto-pago .acepto-cargos,
#pagosycuentas .container-acepto-pago .acepto-pago-total {
    position: absolute;
    top: 30px;
}

#pagosycuentas .container-acepto-pago .acepto-cargos {
    left: 20px;
}

#pagosycuentas .container-acepto-pago .acepto-pago-total {
    right: 23%;
}

@media screen and (max-width:991px) {
    #pagosycuentas .container-acepto-pago {
        text-align: center;
    }

        #pagosycuentas .container-acepto-pago .acepto-cargos,
        #pagosycuentas .container-acepto-pago .acepto-pago-total {
            position: static;
        }
}

#pagosycuentas #medio_pago {
    margin: 61px 0 109px 0;
    min-height: 1px;
    width: 100%;
    background-color: #efefef;
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-container {
    padding-top: 25px;
}

    #pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila {
        min-height: 40px;
        border-bottom: solid 1px #b6b6b7;
    }

@media screen and (max-width:570px) {
    #pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div {
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media screen and (max-width:464px) {
    #pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div {
        padding-left: 4px;
        padding-right: 4px;
    }
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div p {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (max-width:570px) {
    #pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div p {
        font-size: 11px;
    }
}

@media screen and (max-width:464px) {
    #pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div p {
        font-size: 10px;
        letter-spacing: -.3px;
    }
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div:nth-child(1) > p {
    text-align: right;
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-container .tabla-detalle-transaccion-fila > div:nth-child(2) > p {
    text-align: left;
}

#pagosycuentas #terminaste .tabla-detalle-transaccion-imprimir-container-btn {
    border-bottom: none;
    margin-bottom: 0;
}

#pagosycuentas #terminaste .caso-duda {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #b6b6b7;
    margin-bottom: 20px;
}

    #pagosycuentas #terminaste .caso-duda i {
        font-size: 42px;
        color: #ffb535;
        margin-left: 12px;
        margin-right: 10px;
    }

@media screen and (max-width:570px) {
    #pagosycuentas #terminaste .caso-duda i {
        display: block;
        text-align: center;
    }
}

#pagosycuentas #terminaste .caso-duda p {
    display: inline-block;
    vertical-align: 10px;
    font-size: 13px;
}

#pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes > .row,
#pagosycuentas #pagosycuentas-revision-general .pyc-recien-pagadas > .row {
    border-bottom: 1px solid #979797;
    margin-bottom: 108px;
    min-height: 568px;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-cuentas-pendientes > .row,
    #pagosycuentas #pagosycuentas-revision-general .pyc-recien-pagadas > .row {
        margin-bottom: 30px;
        min-height: unset;
    }
}

#pagosycuentas #pagosycuentas-revision-general .pyc-container-btn-cuentas-pendientes {
    margin-top: 229px;
    min-height: 224px;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-container-btn-cuentas-pendientes {
        padding-bottom: 20px;
        margin-top: 0;
        min-height: unset;
    }
}

#pagosycuentas #pagosycuentas-revision-general .pyc-container-btn-cuentas-pendientes button {
    float: right;
    display: block;
    margin: auto;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .pyc-container-btn-cuentas-pendientes button {
        float: none;
    }
}

#pagosycuentas #pagosycuentas-revision-general .pyc-recien-pagadas {
    margin-bottom: 50px;
}

#pagosycuentas #pagosycuentas-revision-general .row_resena_datos:first-child {
    padding-top: 30px;
    padding-bottom: 52px;
    border-top: none;
    margin-top: 0;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .row_resena_datos:first-child {
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width:495px) {
    #pagosycuentas #pagosycuentas-revision-general .row_resena_datos:first-child {
        margin-top: 0;
        margin-bottom: 22px;
    }
}

#pagosycuentas #pagosycuentas-revision-general .row_resena_datos:last-child {
    border-bottom: none;
}

@media screen and (max-width:991px) {
    #pagosycuentas #pagosycuentas-revision-general .row_resena_datos:last-child {
        padding-bottom: 20px;
    }
}

#pagosycuentas #pyc-id-paciente .pyc-id-paciente-encabezado {
    padding-top: 60px;
}

#pagosycuentas #pyc-id-paciente .contenedor-formularios {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 60px;
    padding-top: 50px;
    margin-top: 0;
    border-bottom: 1px solid #b6b6b7;
    margin-bottom: 0;
}

@media screen and (max-width:500px) {
    #pagosycuentas #pyc-id-paciente .contenedor-formularios {
        padding-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
        background-color: #e5edf6;
        border-bottom: none;
    }

        #pagosycuentas #pyc-id-paciente .contenedor-formularios > .row {
            padding-left: 15px;
            padding-right: 15px;
        }
}

#pagosycuentas #pyc-id-paciente .completa-datos a,
#pagosycuentas #pyc-id-paciente .login-horas a {
    text-align: left;
    display: inline-block;
}

@media screen and (max-width:500px) {
    #pagosycuentas #pyc-id-paciente .completa-datos a,
    #pagosycuentas #pyc-id-paciente .login-horas a {
        float: none;
        text-align: center;
    }
}

#pagosycuentas #pyc-id-paciente .completa-datos a.cual-num-admin:before,
#pagosycuentas #pyc-id-paciente .login-horas a.cual-num-admin:before {
    font-size: 20px;
}

@media screen and (max-width:500px) {
    #pagosycuentas #pyc-id-paciente .completa-datos a.cual-num-admin:before,
    #pagosycuentas #pyc-id-paciente .login-horas a.cual-num-admin:before {
        display: block;
        margin: auto auto 5px auto;
    }
}

#pagosycuentas #pyc-id-paciente .completa-datos h4,
#pagosycuentas #pyc-id-paciente .login-horas h4 {
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width:500px) {
    #pagosycuentas #pyc-id-paciente .completa-datos,
    #pagosycuentas #pyc-id-paciente .login-horas {
        margin-bottom: 40px;
    }

        #pagosycuentas #pyc-id-paciente .completa-datos a,
        #pagosycuentas #pyc-id-paciente .login-horas a {
            text-align: center;
            display: block;
        }
}

#pagosycuentas .ls-abierto-container {
    margin-top: 30px;
}

#pagosycuentas .exito-left-container-titulo,
#pagosycuentas .pago-hecho-titulo {
    padding-bottom: 50px;
    border: none;
}

#pagosycuentas .wizard ol {
    bottom: -42px;
}

.pagosycuentas-3a .sub-header {
    margin-bottom: 0;
}

.pagosycuentas-3a .exito-left-container {
    margin-bottom: 0;
    padding-top: 60px;
}

@media screen and (max-width:767px) {
    .pagosycuentas-3a .exito-left-container {
        padding-top: 25px;
    }
}

@media screen and (max-width:400px) {
    .pagosycuentas-3a .imprimir-detalle-btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.pagosycuentas-paso-3 button {
    padding-top: 8px;
}

.busquedas-1-main,
.busquedas-2-main {
    color: #5d5d60;
    padding-bottom: 80px;
}

    .busquedas-1-main .sub-header,
    .busquedas-2-main .sub-header {
        min-height: 236px;
        margin-bottom: 0;
    }

        .busquedas-1-main .sub-header h2,
        .busquedas-2-main .sub-header h2 {
            float: left;
        }

    .busquedas-1-main .sub-header-2 h3,
    .busquedas-2-main .sub-header-2 h3 {
        margin-top: 60px;
    }

@media screen and (max-width:991px) {
    .busquedas-1-main .sub-header-2 h3,
    .busquedas-2-main .sub-header-2 h3 {
        text-align: center;
    }
}

.busquedas-1-main .wizard,
.busquedas-2-main .wizard {
    margin-bottom: 0;
}

.busquedas-1-main .busqueda-container-resultados,
.busquedas-2-main .busqueda-container-resultados {
    padding-top: 40px;
    padding-bottom: 80px;
}

@media screen and (max-width:991px) {
    .busquedas-1-main .busqueda-container-resultados,
    .busquedas-2-main .busqueda-container-resultados {
        padding-top: 20px;
        padding-bottom: 40px;
    }
}

.busquedas-1-main .busqueda-row-resultado,
.busquedas-2-main .busqueda-row-resultado {
    border-bottom: 1px solid #979797;
    padding-top: 10px;
    padding-bottom: 30px;
}

    .busquedas-1-main .busqueda-row-resultado:last-child,
    .busquedas-2-main .busqueda-row-resultado:last-child {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 80px;
    }

    .busquedas-1-main .busqueda-row-resultado:first-child,
    .busquedas-2-main .busqueda-row-resultado:first-child {
        border-bottom: 1px solid #979797;
        padding-bottom: 30px;
    }

    .busquedas-1-main .busqueda-row-resultado h3,
    .busquedas-1-main .busqueda-row-resultado p,
    .busquedas-2-main .busqueda-row-resultado h3,
    .busquedas-2-main .busqueda-row-resultado p {
        margin-bottom: 20px;
    }

    .busquedas-1-main .busqueda-row-resultado p,
    .busquedas-2-main .busqueda-row-resultado p {
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
    }

.busquedas-1-main .busqueda-fecha-resultado,
.busquedas-2-main .busqueda-fecha-resultado {
    background-image: url(../images/reloj.png);
    background-repeat: no-repeat;
    background-size: 19px;
    padding-left: 22px;
}

@media screen and (max-width:991px) {
    .busquedas-1-main h3,
    .busquedas-2-main h3 {
        font-size: 20px;
    }
}

.busquedas-1-main .sf_pagerNumeric,
.busquedas-2-main .sf_pagerNumeric {
    display: table;
    margin: auto;
}

    .busquedas-1-main .sf_pagerNumeric a,
    .busquedas-2-main .sf_pagerNumeric a {
        max-width: 20px;
        height: 20px;
        width: 20px;
        margin: 7px;
        display: inline-block !important;
        padding-top: 2px;
        min-width: 20px !important;
    }

        .busquedas-1-main .sf_pagerNumeric a:hover,
        .busquedas-2-main .sf_pagerNumeric a:hover {
            background-color: #f678ba !important;
        }

        .busquedas-1-main .sf_pagerNumeric a.sf_PagerCurrent,
        .busquedas-2-main .sf_pagerNumeric a.sf_PagerCurrent {
            background-color: #f678ba !important;
        }

.busquedas-2-main .busqueda-container-alertas {
    padding-top: 40px;
    padding-bottom: 20px;
    color: #77777a;
}

.busquedas-2-main .busqueda-titulo-sugerencia h3 {
    color: #3d7dda;
}

    .busquedas-2-main .busqueda-titulo-sugerencia h3 strong {
        text-decoration: underline;
        cursor: pointer;
    }

@media screen and (max-width:991px) {
    .busquedas-2-main .busqueda-titulo-sugerencia h3 {
        margin-top: 30px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width:991px) {
    .busquedas-2-main .busqueda-row-alerta h3 {
        margin-top: 40px;
    }
}

.necesitasatencion .sub-header,
.necesitasatencion-1 .sub-header,
.necesitasatencion-2 .sub-header {
    min-height: 54px;
    margin: 0;
}

@media screen and (max-width:767px) {
    .necesitasatencion h4,
    .necesitasatencion-1 h4,
    .necesitasatencion-2 h4 {
        font-size: 16px;
    }
}

.necesitasatencion-1-body p,
.necesitasatencion-2-body p,
.necesitasatencion-body p {
    color: #77777a;
}

.necesitasatencion-1-body .cat-dtop-img,
.necesitasatencion-2-body .cat-dtop-img,
.necesitasatencion-body .cat-dtop-img {
    background-image: url(../images/na1b-dtop.jpg);
}

.necesitasatencion-1-body .na1b-dtop-container,
.necesitasatencion-1-body .na2b-dtop-container,
.necesitasatencion-2-body .na1b-dtop-container,
.necesitasatencion-2-body .na2b-dtop-container,
.necesitasatencion-body .na1b-dtop-container,
.necesitasatencion-body .na2b-dtop-container {
    margin-top: 18px;
}

.necesitasatencion-1-body .na1b-tarjetas,
.necesitasatencion-1-body .na2b-tarjetas,
.necesitasatencion-2-body .na1b-tarjetas,
.necesitasatencion-2-body .na2b-tarjetas,
.necesitasatencion-body .na1b-tarjetas,
.necesitasatencion-body .na2b-tarjetas {
    margin-top: 39px;
    margin-bottom: 39px;
}

    .necesitasatencion-1-body .na1b-tarjetas .col-izq,
    .necesitasatencion-1-body .na2b-tarjetas .col-izq,
    .necesitasatencion-2-body .na1b-tarjetas .col-izq,
    .necesitasatencion-2-body .na2b-tarjetas .col-izq,
    .necesitasatencion-body .na1b-tarjetas .col-izq,
    .necesitasatencion-body .na2b-tarjetas .col-izq {
        padding-right: 20px;
    }

    .necesitasatencion-1-body .na1b-tarjetas .col-der,
    .necesitasatencion-1-body .na2b-tarjetas .col-der,
    .necesitasatencion-2-body .na1b-tarjetas .col-der,
    .necesitasatencion-2-body .na2b-tarjetas .col-der,
    .necesitasatencion-body .na1b-tarjetas .col-der,
    .necesitasatencion-body .na2b-tarjetas .col-der {
        padding-left: 20px;
    }

@media screen and (max-width:767px) {
    .necesitasatencion-1-body .na1b-tarjetas .col-der,
    .necesitasatencion-1-body .na1b-tarjetas .col-izq,
    .necesitasatencion-1-body .na2b-tarjetas .col-der,
    .necesitasatencion-1-body .na2b-tarjetas .col-izq,
    .necesitasatencion-2-body .na1b-tarjetas .col-der,
    .necesitasatencion-2-body .na1b-tarjetas .col-izq,
    .necesitasatencion-2-body .na2b-tarjetas .col-der,
    .necesitasatencion-2-body .na2b-tarjetas .col-izq,
    .necesitasatencion-body .na1b-tarjetas .col-der,
    .necesitasatencion-body .na1b-tarjetas .col-izq,
    .necesitasatencion-body .na2b-tarjetas .col-der,
    .necesitasatencion-body .na2b-tarjetas .col-izq {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.necesitasatencion-1-body .na1b-tarjeta-container,
.necesitasatencion-1-body .na2b-tarjeta-container,
.necesitasatencion-2-body .na1b-tarjeta-container,
.necesitasatencion-2-body .na2b-tarjeta-container,
.necesitasatencion-body .na1b-tarjeta-container,
.necesitasatencion-body .na2b-tarjeta-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 80px;
}

@media screen and (max-width:767px) {
    .necesitasatencion-1-body .na1b-tarjeta-container,
    .necesitasatencion-1-body .na2b-tarjeta-container,
    .necesitasatencion-2-body .na1b-tarjeta-container,
    .necesitasatencion-2-body .na2b-tarjeta-container,
    .necesitasatencion-body .na1b-tarjeta-container,
    .necesitasatencion-body .na2b-tarjeta-container {
        padding-bottom: 50px;
    }
}

.necesitasatencion-1-body .na1b-tarjeta-container > div:first-child,
.necesitasatencion-1-body .na2b-tarjeta-container > div:first-child,
.necesitasatencion-2-body .na1b-tarjeta-container > div:first-child,
.necesitasatencion-2-body .na2b-tarjeta-container > div:first-child,
.necesitasatencion-body .na1b-tarjeta-container > div:first-child,
.necesitasatencion-body .na2b-tarjeta-container > div:first-child {
    min-height: 100px;
    width: 100%;
    background-size: 105%;
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 15px;
    transition: background-size .3s ease-in;
}

    .necesitasatencion-1-body .na1b-tarjeta-container > div:first-child > img,
    .necesitasatencion-1-body .na2b-tarjeta-container > div:first-child > img,
    .necesitasatencion-2-body .na1b-tarjeta-container > div:first-child > img,
    .necesitasatencion-2-body .na2b-tarjeta-container > div:first-child > img,
    .necesitasatencion-body .na1b-tarjeta-container > div:first-child > img,
    .necesitasatencion-body .na2b-tarjeta-container > div:first-child > img {
        max-width: 100%;
        visibility: hidden;
    }

    .necesitasatencion-1-body .na1b-tarjeta-container > div:first-child:hover,
    .necesitasatencion-1-body .na2b-tarjeta-container > div:first-child:hover,
    .necesitasatencion-2-body .na1b-tarjeta-container > div:first-child:hover,
    .necesitasatencion-2-body .na2b-tarjeta-container > div:first-child:hover,
    .necesitasatencion-body .na1b-tarjeta-container > div:first-child:hover,
    .necesitasatencion-body .na2b-tarjeta-container > div:first-child:hover {
        background-size: 100%;
    }

.necesitasatencion-1-body .na1b-tarjeta-cp,
.necesitasatencion-1-body .na2b-tarjeta-cp,
.necesitasatencion-2-body .na1b-tarjeta-cp,
.necesitasatencion-2-body .na2b-tarjeta-cp,
.necesitasatencion-body .na1b-tarjeta-cp,
.necesitasatencion-body .na2b-tarjeta-cp {
    width: 100%;
    padding: 0;
    min-height: 61px;
    max-height: 61px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.necesitasatencion-1-body .na1b-tarjeta-img-1,
.necesitasatencion-1-body .na2b-tarjeta-img-1,
.necesitasatencion-2-body .na1b-tarjeta-img-1,
.necesitasatencion-2-body .na2b-tarjeta-img-1,
.necesitasatencion-body .na1b-tarjeta-img-1,
.necesitasatencion-body .na2b-tarjeta-img-1 {
    background-image: url(../images/na-1-1.jpg);
}

.necesitasatencion-1-body .na1b-tarjeta-img-2,
.necesitasatencion-1-body .na2b-tarjeta-img-2,
.necesitasatencion-2-body .na1b-tarjeta-img-2,
.necesitasatencion-2-body .na2b-tarjeta-img-2,
.necesitasatencion-body .na1b-tarjeta-img-2,
.necesitasatencion-body .na2b-tarjeta-img-2 {
    background-image: url(../images/na-1-2.jpg);
}

.necesitasatencion-1-body .na1b-tarjeta-img-3,
.necesitasatencion-1-body .na2b-tarjeta-img-3,
.necesitasatencion-2-body .na1b-tarjeta-img-3,
.necesitasatencion-2-body .na2b-tarjeta-img-3,
.necesitasatencion-body .na1b-tarjeta-img-3,
.necesitasatencion-body .na2b-tarjeta-img-3 {
    background-image: url(../images/na-1-3.jpg);
}

.necesitasatencion-1-body .na1b-tarjeta-img-4,
.necesitasatencion-1-body .na2b-tarjeta-img-4,
.necesitasatencion-2-body .na1b-tarjeta-img-4,
.necesitasatencion-2-body .na2b-tarjeta-img-4,
.necesitasatencion-body .na1b-tarjeta-img-4,
.necesitasatencion-body .na2b-tarjeta-img-4 {
    background-image: url(../images/na-1-4.jpg);
}

.necesitasatencion-1-body .na1b-tarjeta-img-5,
.necesitasatencion-1-body .na2b-tarjeta-img-5,
.necesitasatencion-2-body .na1b-tarjeta-img-5,
.necesitasatencion-2-body .na2b-tarjeta-img-5,
.necesitasatencion-body .na1b-tarjeta-img-5,
.necesitasatencion-body .na2b-tarjeta-img-5 {
    background-image: url(../images/na-1-5.jpg);
}

.necesitasatencion-1-body .na1b-tarjeta-img-6,
.necesitasatencion-1-body .na2b-tarjeta-img-6,
.necesitasatencion-2-body .na1b-tarjeta-img-6,
.necesitasatencion-2-body .na2b-tarjeta-img-6,
.necesitasatencion-body .na1b-tarjeta-img-6,
.necesitasatencion-body .na2b-tarjeta-img-6 {
    background-image: url(../images/na-1-6.jpg);
}

.necesitasatencion-2-body .bgc7,
.necesitasatencion-body .bgc7 {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

    .necesitasatencion-2-body .bgc7.trio .na2b-tarjeta-footer,
    .necesitasatencion-body .bgc7.trio .na2b-tarjeta-footer {
        min-height: 171px;
    }

    .necesitasatencion-2-body .bgc7.trio .na2b-tarjetas-row:last-child .na2b-tarjeta-footer,
    .necesitasatencion-body .bgc7.trio .na2b-tarjetas-row:last-child .na2b-tarjeta-footer {
        min-height: unset;
    }

@media screen and (max-width:991px) {
    .necesitasatencion-2-body .na2b-dtop-container .recuadro-azul h3,
    .necesitasatencion-body .na2b-dtop-container .recuadro-azul h3 {
        margin-top: 40px;
    }
}

.necesitasatencion-2-body .na2b-tarjetas-row,
.necesitasatencion-body .na2b-tarjetas-row {
    height: 100%;
    display: table-cell;
}

@media screen and (max-width:767px) {
    .necesitasatencion-2-body .na2b-tarjetas-row,
    .necesitasatencion-body .na2b-tarjetas-row {
        display: inline-block;
    }
}

.necesitasatencion-2-body .na2b-tarjetas-row > div,
.necesitasatencion-body .na2b-tarjetas-row > div {
    display: table;
    height: 100%;
    padding-bottom: 39px;
}

@media screen and (max-width:767px) {
    .necesitasatencion-2-body .na2b-tarjetas-row > div,
    .necesitasatencion-body .na2b-tarjetas-row > div {
        display: inline-block;
    }
}

.necesitasatencion-2-body .na2b-tarjeta-container,
.necesitasatencion-body .na2b-tarjeta-container {
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    display: table;
    padding-bottom: 15px;
}

.necesitasatencion-2-body .na2b-tarjeta-header,
.necesitasatencion-body .na2b-tarjeta-header {
    padding: 25px 20px 40px 20px !important;
    border-bottom: 1px solid #979797;
}

    .necesitasatencion-2-body .na2b-tarjeta-header img,
    .necesitasatencion-body .na2b-tarjeta-header img {
        visibility: visible !important;
        max-width: 76px;
        max-height: 71px;
    }

.necesitasatencion-2-body .na2b-tarjeta-footer,
.necesitasatencion-body .na2b-tarjeta-footer {
    padding: 15px 5px 45px 5px;
}
    /*
.necesitasatencion-2-body .na2b-tarjeta-footer>div:nth-child(2),
.necesitasatencion-body .na2b-tarjeta-footer>div:nth-child(2) {
  padding-left: 0;
}
*/

    .necesitasatencion-2-body .na2b-tarjeta-footer a,
    .necesitasatencion-body .na2b-tarjeta-footer a {
        display: block;
        margin-bottom: 12px;
    }

/*
.necesitasatencion-2-body .na2b-tarjeta-footer a:before,
.necesitasatencion-body .na2b-tarjeta-footer a:before {
  content: '- ';
}
*/

.necesitasatencion-2-body .na2b-cintillo,
.necesitasatencion-body .na2b-cintillo {
    padding: 50px 0;
}

    .necesitasatencion-2-body .na2b-cintillo h3,
    .necesitasatencion-2-body .na2b-cintillo p,
    .necesitasatencion-body .na2b-cintillo h3,
    .necesitasatencion-body .na2b-cintillo p {
        margin-left: 50px;
    }

    .necesitasatencion-2-body .na2b-cintillo p,
    .necesitasatencion-body .na2b-cintillo p {
        margin-top: 0 !important;
        line-height: 1.7;
    }

    .necesitasatencion-2-body .na2b-cintillo h3,
    .necesitasatencion-body .na2b-cintillo h3 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

.necesitasatencion-2-body .na2b-cintillo-gris,
.necesitasatencion-body .na2b-cintillo-gris {
    background-color: #dfdfdf;
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios,
.necesitasatencion-body .na2b-cintillo-row-iconosservicios {
    letter-spacing: -4px;
    padding: 15px;
}

    .necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div,
    .necesitasatencion-body .na2b-cintillo-row-iconosservicios > div {
        background-size: 35%;
        background-position: center center;
        background-repeat: no-repeat;
        margin: .5%;
        width: 19%;
        height: 150px;
        background-color: #fff;
        display: inline-block;
        border-radius: 4px;
    }

@media screen and (max-width:991px) {
    .necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div,
    .necesitasatencion-body .na2b-cintillo-row-iconosservicios > div {
        height: 125px;
    }
}

@media screen and (max-width:768px) {
    .necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div,
    .necesitasatencion-body .na2b-cintillo-row-iconosservicios > div {
        height: 110px;
        background-size: 35%;
    }
}

@media screen and (max-width:568px) {
    .necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div,
    .necesitasatencion-body .na2b-cintillo-row-iconosservicios > div {
        height: 60px;
        background-size: 40%;
    }
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(1),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(1) {
    background-size: 30%;
}

@media screen and (max-width:768px) {
    .necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(1),
    .necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(1) {
        background-size: 25%;
    }
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(1),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(1) {
    background-image: url(../images/icon-gota.png);
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(2),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(2) {
    background-image: url(../images/icon-dialisis.png);
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(3),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(3) {
    background-image: url(../images/icon-enfermeria.png);
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(4),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(4) {
    background-image: url(../images/icon-kine.png);
}

.necesitasatencion-2-body .na2b-cintillo-row-iconosservicios > div:nth-child(5),
.necesitasatencion-body .na2b-cintillo-row-iconosservicios > div:nth-child(5) {
    background-image: url(../images/icon-vacuna.png);
}

.necesitasatencion-2-body .na2b-cintillo-row-conocemas,
.necesitasatencion-body .na2b-cintillo-row-conocemas {
    background-image: url(../images/na2-cintillo-conocemas.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

    .necesitasatencion-2-body .na2b-cintillo-row-conocemas,
    .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm,
    .necesitasatencion-body .na2b-cintillo-row-conocemas,
    .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm {
        min-height: 378px;
        max-height: 378px;
        display: inline-block;
        width: 100%;
    }

        /*@media screen and (max-width:650px) {
  .necesitasatencion-2-body .na2b-cintillo-row-conocemas,
  .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm,
  .necesitasatencion-body .na2b-cintillo-row-conocemas,
  .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm {
    padding: 0!important;
  }
}*/

        .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm,
        .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm {
            padding: 40px;
        }

            .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm h3,
            .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm p,
            .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm h3,
            .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm p {
                color: #fff;
                margin-left: 0;
            }

            .necesitasatencion-2-body .na2b-cintillo-row-conocemas .destacado-ccm h3,
            .necesitasatencion-body .na2b-cintillo-row-conocemas .destacado-ccm h3 {
                margin-top: 40px;
                margin-bottom: 20px;
            }

.necesitasatencion .necesitasatencion-3-body .cat-dtop-img,
.necesitasatencion-3 .necesitasatencion-3-body .cat-dtop-img {
    background-image: url(../images/na3b-dtop.jpg);
}

.necesitasatencion .col-izq h4.cceleste3,
.necesitasatencion-3 .col-izq h4.cceleste3 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: unset;
}

@media screen and (max-width:767px) {
    .necesitasatencion .na3b div.container-fluid.bgc7,
    .necesitasatencion .rn1 div.container-fluid.bgc7,
    .necesitasatencion-3 .na3b div.container-fluid.bgc7,
    .necesitasatencion-3 .rn1 div.container-fluid.bgc7 {
        padding: 40px 0 0 0 !important;
    }
}

.necesitasatencion .na3b .img-col-der,
.necesitasatencion .rn1 .img-col-der,
.necesitasatencion-3 .na3b .img-col-der,
.necesitasatencion-3 .rn1 .img-col-der {
    background-image: url(../images/na3b-img-col-der.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 722px;
    display: table;
}

@media screen and (max-width:767px) {
    .necesitasatencion .na3b .img-col-der,
    .necesitasatencion .rn1 .img-col-der,
    .necesitasatencion-3 .na3b .img-col-der,
    .necesitasatencion-3 .rn1 .img-col-der {
        display: none !important;
    }
}

.necesitasatencion .na3b-contenidos,
.necesitasatencion .na3b-explore > div,
.necesitasatencion .necesitasatencion-3 .na3b-explore > div,
.necesitasatencion .necesitasatencion-3 .rn1-explore > div,
.necesitasatencion .rn1-contenidos,
.necesitasatencion .rn1-explore > div,
.necesitasatencion-3 .na3b-contenidos,
.necesitasatencion-3 .na3b-explore > div,
.necesitasatencion-3 .necesitasatencion .na3b-explore > div,
.necesitasatencion-3 .necesitasatencion .rn1-explore > div,
.necesitasatencion-3 .rn1-contenidos,
.necesitasatencion-3 .rn1-explore > div {
    padding-top: 25px;
    padding-bottom: 30px;
}

@media screen and (max-width:767px) {
    .necesitasatencion .na3b-contenidos,
    .necesitasatencion .na3b-explore > div,
    .necesitasatencion .necesitasatencion-3 .na3b-explore > div,
    .necesitasatencion .necesitasatencion-3 .rn1-explore > div,
    .necesitasatencion .rn1-contenidos,
    .necesitasatencion .rn1-explore > div,
    .necesitasatencion-3 .na3b-contenidos,
    .necesitasatencion-3 .na3b-explore > div,
    .necesitasatencion-3 .necesitasatencion .na3b-explore > div,
    .necesitasatencion-3 .necesitasatencion .rn1-explore > div,
    .necesitasatencion-3 .rn1-contenidos,
    .necesitasatencion-3 .rn1-explore > div {
        padding-top: 26px;
        padding-bottom: 30px;
    }
}

.necesitasatencion .na3b .col-izq,
.necesitasatencion .rn1 .col-izq,
.necesitasatencion-3 .na3b .col-izq,
.necesitasatencion-3 .rn1 .col-izq {
    height: 100%;
    padding-left: 15px;
}

.noticias-template-content a {
    color: #3d7dda !important;
}

    .noticias-template-content a:hover {
        color: #3ed2f7 !important;
    }

    /*Gabriela ROjas*/
.icon-phone:before {
    content: '\e802';
}

a.link-reserva-hora {
    font-size: 14px !important;
}