@charset "UTF-8";
        /* CSS Document */
        /* ==========================================================================
   header
   ========================================================================== */


        #menu-mobile {
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 5 !important;
        }
        .mm-panels > .mm-panel.mm-hasnavbar{
          background: #F6E9F3;
        }



        @media (max-width:2930px) {
            .campana {
                background: url("../sindyclaro_2020/imagenes/campana.jpg") no-repeat center;
                height: 60em;
                background-size: cover;
            }
            .campana-inter {
                height: 30em;
                margin-bottom: 2em;
                background-size: 900px;
            }
            @media (max-width:1400px) {}
            @media (max-width:1200px) {
                .campana {
                    background: url("../sindyclaro_2020/imagenes/campana2.jpg") no-repeat center;
                    height: 31em;
                    background-size: cover;
                }
            }
            @media (max-width: 992px) {}
            @media (max-width: 500px) {
                .campana {
                    background: url("../sindyclaro_2020/imagenes/campana3.jpg") no-repeat center;
                    height: 29em;
                }
            }
            /* ==========================================================================
   Fin header
   ========================================================================== */
            /* ==========================================================================
   footer
   ========================================================================== */
            @media (max-width:1200px) {}
            @media (max-width: 992px) {}
            @media (max-width: 768px) {}
            /* ==========================================================================
   Fin footer
   ========================================================================== */
            /* ==========================================================================
    CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
            /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
            .numeros {
                background: #d5b3d4;
                color: #fff;
                padding: 0.5em 0.5em 0 0.5em;
            }
            .lista ul li {
                list-style-image: url("../sindyclaro_2020/imagenes/vineta.png");
                margin: 0 0.3em 0.3em 0;
                padding: 0 0 0 0.5em;
            }
            .trata3 {
                background: #9c9c9c;
                padding: 1em 1em 0.5em 1em;
                width: 80%;
                margin: 0 auto;
                height: 190px;
                font-size: 1.6em;
                line-height: 1.2em;
                text-transform: uppercase;
                color: #fff;
            }

            .timeline:before {
                content: '';
                position: absolute;
                top: 0px;
                left: calc(33% + 7px);
                bottom: 0px;
                width: 4px;
                background: #f6e9f3;
}
.timeline:after {
                content: "";
                display: table;
                clear: both;
}
.entry {
                clear: both;
                text-align: left;
                position: relative;
}
.entry .title {
                margin-bottom: 0.5em;
                float: left;
                width: 33%;
                padding-right: 30px;
                text-align: right;
                position: relative;
}
.entry .title:before {
                content: '';
                position: absolute;
                width: 8px;
                height: 8px;
                border: 4px solid #cbb1d3;
                background-color: #fff;
                border-radius: 100%;
                top: 15%;
                right: -8px;
                z-index: 99;
}
.entry .title h3 {
                margin: 0;
                font-size: 120%;
}
.entry .title p {
                margin: 0;
                font-size: 100%;
}
.entry .body {
                margin: 0 0 3em;
                float: right;
                width: 66%;
                padding-left: 30px;
}
.entry .body p {
                line-height: 1.4em;
}
.entry .body p:first-child {
                margin-top: 0;
                font-weight: 400;
}
.entry .body ul {
                list-style: none !important;
                padding-left: 0;
                list-style-type: none !important;
}
.entry .body ul li {
                list-style: none !important;
                list-style-position: outside;
                list-style-image: none;
}
.entry .body ul li:before {
                content: "–";
                margin-right: 0.5em;
                list-style: none;


}

            /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
            body {
                font-family: 'Futura Lt BT';
                letter-spacing: 2px;
            }
            .contenedor1 {
                max-width: 75em;
                margin: 0 auto;
            }
            .contenedor2 {
                max-width: 106em;
                margin: 0 auto;
            }
            .contenedor3 {
                max-width: 35em;
                margin: 0 auto;
            }
            .contenedor-img{
              max-width: 75em;
              margin: 0 auto;
              height: 690px;
            }
            .contendor-especial{
                  max-width: 75em;
                  margin: 0 auto;
                  height: 690px;
            }
            .agenda {
                background: url("../sindyclaro_2020/imagenes/sindy-claro_fondo1.jpg") center;
                height: 681px;
                padding: 4em 2em;
            }
            .contactenos {
                background: url("../sindyclaro_2020/imagenes/sindy-claro_fondo2.jpg") center;
                height: 681px;
                padding: 4em 2em;
            }
            .fondo-sindy {
                background: url("../sindyclaro_2020/imagenes/sindy-claro_fondo22.jpg") repeat-x;
                padding-top: 5em;
            }
            .fondo-imagenes {
                background: url("../sindyclaro_2020/imagenes/sindy-claro_08.jpg") no-repeat left bottom;
            }
            .fondo-servicios {
                background: #fef6fe;
            }
            .sindy-btn {
                color: #cbb1d3;
                border: 1px solid #cbb1d3;
                display: inline-block;
                padding: 0.5em 2em;
                text-transform: uppercase;
            }
            .sindy-btn2 {
                color: #fff;
                border: 1px solid #fff;
                display: inline-block;
                padding: 0.5em 2em;
                text-transform: uppercase;
            }
            .tratamientos {
                height: 550px;
                background-size: cover;
                width: 282px;
            }
            .item-blog {
                width: 1349px;
            }
            .tratamientos2 {
                height: 350px;
                background-size: cover;
                width: 281.99px;
                margin-bottom: 17px;
            }
            .trata-act {
                height: 1em;
                background: #d5b3d4;
                width: 282px;
            }
            .trata-act2 {
                height: 1em;
                background: #d5b3d4;
                width: 100%;
            }
            .trata-inact {
                height: 1em;
                background: #fef6fe;
            }
            .trata1 {
                background: #d5b3d4;
                padding: 1em 1em 0.5em 1em;
                width: 80%;
                margin: 0 auto;
                height: 140px;
                font-size: 1.6em;
                line-height: 1.2em;
                text-transform: uppercase;
                color: #fff;
            }
            .trata2 {
                background: #9c9c9c;
                padding: 1em 1em 0.5em 1em;
                width: 80%;
                margin: 0 auto;
                height: 140px;
                font-size: 1.6em;
                line-height: 1.2em;
                text-transform: uppercase;
                color: #fff;
            }
            .fondo-color1 {
                background: #f6e9f3;
            }
            .fondo-color2 {
                background: #efd8e0;
            }
            .fondo-color3 {
                background: #d6b3d4;
            }
            .fondo-color4 {
                background: #f8f8f8;
            }
            .circulo {
                width: 0.6em;
                height: 0.6em;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                border: 1px solid #d5b3d4;
            }
            .circulo-act {
                width: 0.6em;
                height: 0.6em;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background: #d5b3d4;
            }
            .item_menu {
                text-decoration: none;
                color: white;
            }
            .item_menu:hover {
                text-decoration: none;
                color: white;
            }
            /* ==========================================================================
   Textos
   ========================================================================== */
            h1 {
                font-size: 4.5em;
                color: #000;
                line-height: 1em;
            }
            h2 {
                font-size: 3.5em;
                color: #000;
                line-height: 1em;
            }
            h3 {
                font-size: 2.1em;
                color: #9c9c9c;
            }
            h4 {
                color: #9c9c9c;
                font-size: 3.2em;
                font-family: 'Nighiri';
                line-height: 1em;
                letter-spacing: 0;
            }
            h5 {
                font-size: 1.8em;
            }
            h6 {
                font-size: 0.8em;
            }
            p {}
            .text-color-p {
                color: #d5b3d4;
            }
            .text-color-p2 {
                color: #6d2080;
            }
            .titulos-blogs2 {
                font-size: 1.4em;
                line-height: 1em;
            }
            /* ==========================================================================
   font-face
   ========================================================================== */
            @font-face {
                font-family: 'open_sansbold';
                src: url('../fuentes/opensans-bold-webfont.woff2') format('woff2'), url('../fuentes/opensans-bold-webfont.woff') format('woff');
                font-weight: normal;
                font-style: normal;
            }
            @font-face {
                font-family: 'Futura BdCn BT';
                src: url('../fuentes/FuturaBT-BoldCondensed.woff2') format('woff2'), url('../fuentes/FuturaBT-BoldCondensed.woff') format('woff');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura MdCn BT';
                src: url('../fuentes/FuturaBT-MediumCondensed.woff2') format('woff2'), url('../fuentes/FuturaBT-MediumCondensed.woff') format('woff');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura';
                src: url('../fuentes/Futura-CondensedBold.woff2') format('woff2'), url('../fuentes/Futura-CondensedBold.woff') format('woff');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Lt BT';
                src: url('../fuentes/FuturaBT-LightItalic.woff2') format('woff2'), url('../fuentes/FuturaBT-LightItalic.woff') format('woff');
                font-weight: 300;
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Hv BT';
                src: url('../fuentes/FuturaBT-Heavy.woff2') format('woff2'), url('../fuentes/FuturaBT-Heavy.woff') format('woff');
                font-weight: 900;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura LtCn BT';
                src: url('../fuentes/FuturaBT-LightCondensed.woff2') format('woff2'), url('../fuentes/FuturaBT-LightCondensed.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Md BT';
                src: url('../fuentes/FuturaBT-BoldItalic.woff2') format('woff2'), url('../fuentes/FuturaBT-BoldItalic.woff') format('woff');
                font-weight: bold;
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura';
                src: url('../fuentes/Futura-ExtraBold.woff2') format('woff2'), url('../fuentes/Futura-ExtraBold.woff') format('woff');
                font-weight: 800;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Hv BT';
                src: url('../fuentes/FuturaBT-HeavyItalic.woff2') format('woff2'), url('../fuentes/FuturaBT-HeavyItalic.woff') format('woff');
                font-weight: 900;
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Bk BT';
                src: url('../fuentes/FuturaBT-BookItalic.woff2') format('woff2'), url('../fuentes/FuturaBT-BookItalic.woff') format('woff');
                font-weight: normal;
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Md BT';
                src: url('../fuentes/FuturaBT-Medium.woff2') format('woff2'), url('../fuentes/FuturaBT-Medium.woff') format('woff');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Bk BT';
                src: url('../fuentes/FuturaBT-Book.woff2') format('woff2'), url('../fuentes/FuturaBT-Book.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Lt BT';
                src: url('../fuentes/FuturaBT-Light.woff2') format('woff2'), url('../fuentes/FuturaBT-Light.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura XBlk BT';
                src: url('../fuentes/FuturaBT-ExtraBlack.woff2') format('woff2'), url('../fuentes/FuturaBT-ExtraBlack.woff') format('woff');
                font-weight: 900;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura';
                src: url('../fuentes/Futura-Bold.woff2') format('woff2'), url('../fuentes/Futura-Bold.woff') format('woff');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura Md BT';
                src: url('../fuentes/FuturaBT-MediumItalic.woff2') format('woff2'), url('../fuentes/FuturaBT-MediumItalic.woff') format('woff');
                font-weight: 500;
                font-style: italic;
                font-display: swap;
            }
            @font-face {
                font-family: 'Nighiri';
                src: url('../fuentes/Nighiri.woff2') format('woff2'), url('../fuentes/Nighiri.woff') format('woff');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }
            @font-face {
                font-family: 'Futura';
                src: url('../fuentes/Futura-CondensedLight.woff2') format('woff2'), url('../fuentes/Futura-CondensedLight.woff') format('woff');
                font-weight: 300;
                font-style: normal;
                font-display: swap;
            }
            /* ==========================================================================
   Textos
   ========================================================================== */
            /* ==========================================================================
  inputs
   ========================================================================== */
            input[type=text],
            input[type=time] {
                border: none;
                background: none;
                border-bottom: 1px solid #fff;
                width: 100%;
                font-size: 1.3em;
                padding-bottom: 0.4em;
                letter-spacing: 2px;
                text-transform: uppercase;
                color: white;
            }
            input[type=button] {
                border: none;
                background: none;
            }
            input[type=checkbox] {
                border: none;
                background: none;
                height: 20px;
                background: transparent;
                width: 20px;
                border: 1px solid #fff;
            }
            input::placeholder {
                color: #fff !important;
            }
            textarea {
                border: none;
                background: none;
                border: 1px solid #fff;
                width: 100%;
                font-size: 1.3em;
                padding-bottom: 0.4em;
                letter-spacing: 2px;
                text-transform: uppercase;
                padding: 0.5em;
                color: #fff;
                height: 6em;
            }
            select {
                border: none;
                background: none;
                border-bottom: 1px solid #fff;
                width: 100%;
                font-size: 1.3em;
                padding-bottom: 0.4em;
                letter-spacing: 2px;
                text-transform: uppercase;
                color: white;
            }
            option {
                color: #000;
            }
            @media (max-width:1600px) {
                /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
                .trata3 {
                    background: #9c9c9c;
                    padding: 1em 1em 0.5em 1em;
                    width: 90%;
                    margin: 0 auto;
                    height: 150px;
                    font-size: 1.3em;
                    line-height: 1.2em;
                    text-transform: uppercase;
                    color: #fff;
                }
                /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
                .trata1 {
                    background: #d5b3d4;
                    padding: 1em 1em 0.5em 1em;
                    width: 90%;
                    margin: 0 auto;
                    height: 110px;
                    font-size: 1.3em;
                    line-height: 1.2em;
                    text-transform: uppercase;
                    color: #fff;
                }
                .trata2 {
                    background: #9c9c9c;
                    padding: 1em 1em 0.5em 1em;
                    width: 90%;
                    margin: 0 auto;
                    height: 110px;
                    font-size: 1.3em;
                    line-height: 1.2em;
                    text-transform: uppercase;
                    color: #fff;
                }
            }
            @media (max-width: 1200px) {
                .trata1 {
                    background: #d5b3d4;
                    padding: 1em 1em 0.5em 1em;
                    width: 90%;
                    margin: 0 auto;
                    height: 110px;
                    font-size: 1.1em;
                    line-height: 1.2em;
                    text-transform: uppercase;
                    color: #fff;
                }
                .trata2 {
                    background: #9c9c9c;
                    padding: 1em 1em 0.5em 1em;
                    width: 90%;
                    margin: 0 auto;
                    height: 110px;
                    font-size: 1.1em;
                    line-height: 1.2em;
                    text-transform: uppercase;
                    color: #fff;
                }
            }
            @media (max-width: 992px) {
                /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
                .trata3 {
                    width: 80%;
                    height: auto;
                    font-size: 1.4em;
                    text-align: center;
                }
                /* ==========================================================================
   nuevas CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
                .trata1 {
                    width: 80%;
                    height: auto;
                    font-size: 1.4em;
                    text-align: center;
                }
                .trata2 {
                    width: 80%;
                    height: auto;
                    font-size: 1.4em;
                    text-align: center;
                }
            }
            @media (max-width: 768px) {
                .agenda {
                    height: auto;
                    background: #d5b3d4
                }
                @media (max-width: 550px) {
                    h2 {
                        font-size: 2.8em;
                    }
                }
                @media (max-width: 500px) {
                    body {
                        font-size: 14px;
                    }
                }
                @media (max-width:400px) {
                    body {
                        font-size: 12px;
                    }
                }
                /* ==========================================================================
  inputs
   ========================================================================== */
                /* ==========================================================================
   CLASES GLOBALES!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
   ========================================================================== */
                /*
   AGREGADAS EL 9-09-2020
   */
                @media (min-width:300px) {
                    .tratamientos {
                        width: 257px;
                        ;
                        height: 284px;
                    }
                    .trata-act {
                        width: 257px;
                    }
                    .item-blog {
                        width: 312px;
                    }
                    .tratamientos2{
                        width: 99%
                        ;
                    }

                    .contenedor-img{
                          height: 1031px;
                    }

                    .contendor-especial{
                          height: 1068px;
                    }
                }
                @media (min-width:360px) {
                    .tratamientos {
                        width: 295px;
                        height: 322px;
                    }
                    .trata-act {
                        width: 295px;
                    }
                    .item-blog {
                        width: 368px;
                    }
                    .tratamientos2{
                        width: 93.5%
                        ;
                    }
                }
                @media (min-width:425px) {
                    .tratamientos {
                        width: 363px;
                        height: 384px;
                    }
                    .trata-act {
                        width: 363px;
                    }
                    .item-blog {
                        width: 420px;
                    }
                    .tratamientos2{
                        width: 99.5%
                        ;
                    }
                }
                @media (min-width:768px) {
                    .tratamientos {
                        width: 331px;
                        height: 384px;
                    }
                    .trata-act {
                        width: 331px;
                    }
                    .item-blog {
                        width: 758px;
                    }
                    .tratamientos2{
                        width: 97.5%
                        ;
                    }

                    .contenedor-img{
                      height: 1122px;
                    }

                }
                @media (min-width:1024px) {

                    .item-blog {
                        width: 1190px;
                    }
                    .tratamientos2{
                        width: 97.5%
                        ;
                    }
                }
                @media (min-width:2930px) {

                    .item-blog {
                        width: 1190px;
                    }
                    .tratamientos2{
                        /*width: 97.5%*/
                        width: 236.99px
                        ;
                    }


                }
               /* @media (max-width:2024px) {

                    .item-blog {
                        width: 1990px;
                    }
                    .tratamientos2{
                        width: 97.5%
                        ;
                        height: 90%;
                    }
                }*/

            }
            .tratamientos3 {
                height: 350px;
                background-size: cover;
                width: 99%;
                margin-bottom: 17px;
            }

            .trata-act3 {
                height: 1em;
                background: #d5b3d4;
                width: 99%;
            }
        }

          .anchoD {
            width: 99%;
          }

          .blanco_y_negro{
            -webkit-filter: grayscale(1);
            filter: gray;
            filter: grayscale(1);
          }
          .color:hover{
            -webkit-filter: contrast(100%);
            filter: contrast(100%);
          }
          .solido:hover{
              background-color: white ;
              color: #ED9CF7;
          }
          .btn-color{
            color:#CBB1D3;
          }
          .btn-color2:hover{
            color:#FFFFFF;
          }
          .solido2:hover{
            background-color: #D5B3D4;
            color:#FFFFFF;
            text-shadow: -1px -1px rgba(0,0,0,.2);
        }
        .fondo_menu{
            background: #fef6fe;
        }

        .camera_prev{
            display: none;
        }

        .camera_next{
            display: none;
        }
        .hvr-grow {
            display: inline-block;
            vertical-align: middle;
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            transition-duration: 0.3s;
            transition-property: transform;
        }
        
        .hvr-grow:hover,
        .hvr-grow:focus,
        .hvr-grow:active {
            transform: scale(1.1);
        }