@charset "UTF-8";

/*!

 * Bootstrap v5.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2021 The Bootstrap Authors

 * Copyright 2011-2021 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

 */


@font-face {
  font-family: 'nutricion';
  src:  url('../fonts/nutricion.eot?ao2llw');
  src:  url('../fonts/nutricion.eot?ao2llw#iefix') format('embedded-opentype'),
    url('../fonts/nutricion.ttf?ao2llw') format('truetype'),
    url('../fonts/nutricion.woff?ao2llw') format('woff'),
    url('../fonts/nutricion.svg?ao2llw#nutricion') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="nutri-"], [class*=" nutri-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nutricion' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nutri-logo:before {
  content: "\e91f";
}
.nutri-nutriologa-mariana-mendez:before {
  content: "\e925";
}
.nutri-cirujano-bariatra:before {
  content: "\e91d";
}
.nutri-psicologo-bariatra:before {
  content: "\e91e";
}
.nutri-calculadora-imc:before {
  content: "\e91a";
}
.nutri-cuadro-equivalentes:before {
  content: "\e91b";
}
.nutri-grupo-de-alimentos:before {
  content: "\e91c";
}
.nutri-recomendado:before {
  content: "\e900";
}
.nutri-com-complejo-b:before {
  content: "\e910";
}
.nutri-jeringa:before {
  content: "\e917";
}
.nutri-tabletas:before {
  content: "\e918";
}
.nutri-aceites:before {
  content: "\e905";
}
.nutri-animales:before {
  content: "\e906";
}
.nutri-bebidas:before {
  content: "\e907";
}
.nutri-cereales:before {
  content: "\e908";
}
.nutri-frutas:before {
  content: "\e909";
}
.nutri-gelatina:before {
  content: "\e90a";
}
.nutri-lacteos:before {
  content: "\e90b";
}
.nutri-leguminosas:before {
  content: "\e90c";
}
.nutri-verduras:before {
  content: "\e90d";
}
.nutri-dieta-fase-1-2:before {
  content: "\e901";
}
.nutri-dieta-fase-3:before {
  content: "\e902";
}
.nutri-dieta-fase-4:before {
  content: "\e903";
}
.nutri-dieta-fase-5:before {
  content: "\e904";
}
.nutri-dieta-kcal:before {
  content: "\e90e";
}
.nutri-com-biotina:before {
  content: "\e90f";
}
.nutri-com-calcio:before {
  content: "\e911";
}
.nutri-com-hierro:before {
  content: "\e912";
}
.nutri-com-multivitaminico:before {
  content: "\e913";
}
.nutri-sup-aceites:before {
  content: "\e914";
}
.nutri-sup-azucar:before {
  content: "\e915";
}
.nutri-sup-calorias:before {
  content: "\e916";
}
.nutri-sup-proteina:before {
  content: "\e919";
}





:root {

    --cassiopeia-color-primary: #eeeeee;
    --cassiopeia-color-secondary: #999;

    --cassiopeia-color-link: #224faa;

    --cassiopeia-color-hover: #00A141;

    --primary-rgb: 0,113,178;

    --secondary-rgb: 0,161,65;
    --verduras-rgb: 57,144,64;
    --frutas-rgb:210,123,49;
    --leguminosas-rgb: 186,151,109;
    --cereales-rgb:97,71,28;
    --proteinas-pescados-rgb:200,86,83;
    --proteinas-res-rgb:162,43,35;
    --proteinas-quesos-rgb:194,47,37;
    --proteinas-aves-rgb:137,40,31;
    --lacteos-descr-rgb:206,228,236;
    --lacteos-semidesc-rgb:172,211,230;
    --aceites-rgb:208,199,39;
    --oleaginosas-rgb:161,154,37;
    --bg-marron: #AD6200;
    --bg-rojo: #a51f18;

    }
.bg-verduras{
    background-color: rgba(var(--verduras-rgb))!important;
    color: rgba(var(--verduras-rgb));
}

.bg-frutas{
    background-color: rgba(var(--frutas-rgb))!important;
}
.bg-leguminosas{
    background-color: rgba(var(--leguminosas-rgb))!important;
}
.bg-cereales{
    background-color: rgba(var(--cereales-rgb))!important;
}

.bg-proteinas-pescados{
    background-color: rgba(var(--proteinas-pescados-rgb))!important;
}

.bg-proteinas-res{
    background-color: rgba(var(--proteinas-res-rgb))!important;
}

.bg-proteinas-quesos{
    background-color: rgba(var(--proteinas-quesos-rgb))!important;
}
.bg-proteinas-aves{
    background-color: rgba(var(--proteinas-aves-rgb))!important;
}

.bg-lacteos-desc{
    background-color: rgba(var(--lacteos-descr-rgb))!important;
}
.bg-lacteos-semidesc{
    background-color: rgba(var(--lacteos-semidesc-rgb))!important;
}
.bg-aceites{
    background-color: rgba(var(--aceites-rgb))!important;
}
.bg-oleaginosas{
    background-color: rgba(var(--oleaginosas-rgb))!important;
}

.bg-marron{
    background: var(--bg-marron);
}

.bg-rojo{
    background: var(--bg-rojo);
}

.pr-2 {
    padding-right: 10px !important;
}


/* OUR TEAM */

.social-link {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0.9rem;
    text-decoration: none;
}

.social-link:hover, .social-link:focus {
    background: #ddd;
    text-decoration: none;
    color: #555;
}


/* Style text tooltip */
.help-tip{
    position: relative;
    display: inline-block;
    top: 0;
    left: 5px;
    text-align: center;
    background-color: #333333;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 17px;
    line-height: 20px;
    cursor: default;
}

.help-tip:before{
    content:'!';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    left: -15px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    width: 150px;
    top: 25px;
    z-index: 1;
}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}
.pl-5 {

    padding-left: 3rem!important;

}



.card-body{

    padding: 50px 0 20px 0;

}

.container-header{

    background: #ffffff;

    box-shadow:  0 1px 10px rgb(0 0 0 / 10%);

}

.container-topbar{

    background: #3F2B7F;

    height: 30px;

}



.container-nav nav li a.morado{

    background: #3F2B7F;

}



.container-nav nav li a.azul{

    background: #0071B2;

}



.container-header nav {

    margin-top: 0;

    padding: 0;
   
    

    }



.container-nav nav li{

    padding: 0;

}



.container-nav li a{

    padding: 0 20px !important;

    color: var(--body-color) !important;

    border-radius: 0 !important;

    z-index: 120;

    line-height:5rem;

    font-family: var(--cassiopeia-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");

}

.container-nav li a:hover{
     color: var(--cassiopeia-color-hover) !important;
}

.container-nav li a:focus{
    outline: 0 !important;
    outline-offset: 0 !important;
}



.container-header .container-nav {

justify-content: right;

color: #ffffff;

padding: 0;
    
    width: 100% !important;
    position: absolute;

}



.header .grid-child{

    float: left;


}

.item-title{
    text-align: center;
}

.page-header{
        position: absolute;
    display: flex;
    top: 0;
}
/*.intro{
    padding: 25px;
   
}*/
.text-big{
    font-size: 3rem;
    line-height: 3.5rem;
    margin: 0 0 10px 0;
    font-family: var(--cassiopeia-font-family-headings,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-weight: var(--cassiopeia-font-weight-headings,700);
        color: #3F2B7F;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 1),0px 0px 7px rgba(255, 255, 255, 1);

}

.text-small{
    font-size: 2rem;
    line-height: 2.5rem;
    margin: 0;
        color: #3F2B7F;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 1),0px 0px 7px rgba(255, 255, 255, 1);
}

/*.header .container-nav {

    float: right;

}*/

.accessmod{
    float: right;
    right: 0;
    display: block;
}


#accessid ul.mm-collapse{

    right: 0;
    min-width: 100%;
    background-clip: padding-box;
    background-color: #3F2B7F;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    list-style: outside none none;
    margin: 2px 0 0;
    padding: 5px 0;
    color: #fff;

}

#accessid ul.mm-collapse li a{
    padding: 5px 5px;
    display: inline-block;
    text-decoration: none;
}

#accessid ul.mm-collapse li a:hover{
    text-decoration:none;
}
.login .fa-user-circle:before{
    color: #fff;
}

.cuenta .fa-user-circle:before{
    color: #E65272;
}

.com-users-login__options{
    width: 100%;
}

.list-group{
    flex-direction: row;
}

.com-users-login__options .list-group-item{
    width: 33%;
    border: 0;
    padding: 10px 0 !important;
    margin: 0 10px 10px 0 !important;
    text-align: center;
    color: #fff;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }
.list-group-item:first-child{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.com-users-login__reset, .com-users-login__remind{
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 14px 26px -12px rgb(0 188 212 / 42%), 0 4px 23px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 188 212 / 20%);
}

.com-users-login__reset:hover, .com-users-login__remind:hover{
    background-color: #00aec5;
}

.com-users-login__register{
    background-color: #9c27b0;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px rgb(156 39 176 / 60%);

}

.com-users-login__register:hover{
    background-color: #9124a3;
}

.metismenu.mod-menu .metismenu-item:not(.level-1)>ul, .metismenu.mod-menu .metismenu-item:not(.level-2)>ul{
    margin-right: 0;
}

.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before{
    background: none;
}

.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus{
    outline: none;
    outline-offset: 0;
}



.container-topbar .metismenu.mod-menu .metismenu-item{

    font-size: .9rem;

    padding: 0 1em;

}



.container-nav .metismenu.mod-menu .metismenu-item{

    padding: 0;

    margin: 0 1px;

}

.container-header .navbar{
        justify-content: right;

}

.container-header .navbar-brand{
    z-index: 1;
}


.container-header .navbar-toggler{
    color: #777777;
    float: right;
    height: 85px;
    border: 0;
}

.container-header .navbar-toggler:focus{
    box-shadow: 0 0 0 0;

}



.list-two-col ul {

    columns: 2;

    -webkit-columns: 2;

    -moz-columns: 2;

}



/*.section-title::before {

    content: "";

    position: absolute;

    border-left: 6px solid #D7F0FF;

    height: 60px;

}*/


/*CALCULADORA IMC */

#calculadora input, #convertidor input, #grasa input{
    border: 1px solid #ced4da;
    text-align: center;
}

#calculadora input:focus, #convertidor input:focus, #grasa input:focus {
    outline: none;
}
.box1 .table{
    border-color: #5F5F5F;
}

.box1 .table th{
    font-weight: 400;
    background: #999;
    color: #fff;
}
.text-justify{
    text-align: justify;
    
}
input[type='radio']:hover {
  box-shadow:0 0 5px 0px orange inset;
}

.btn-group .btn{
	box-shadow: none !important
}

.btn-group i{
    display: block;
    padding: 0 0 20px;
    font-size: 35px;
    text-align: center;
}

.btn-check:checked+.btn-info{
    background-color:#004E6E;
    border-color: transparent;
    color: steelblue;
}

.btn-check:checked+.btn-primary{
    background-color:#63165B;
    border-color: transparent;
    color: palevioletred;
}

.bg-soft-gray-green{
    background: linear-gradient(180deg, rgba(249,250,251,0.3) 0%, rgba(71,189,154,0.3) 100%);
}

.bg-soft-green-yellow{
    background: linear-gradient(180deg, rgba(71,189,154,0.3) 0%, rgba(249, 213, 112, 0.3) 100%);
}

.bg-soft-yellow-red{
    background: linear-gradient(180deg, rgba(249, 213, 112, 0.3) 0%, rgba(231, 76, 94, 0.3) 100%);
}
/*HEADERS FASES */



.headers{

    margin: 0 0 -18px;

}



.headers .mod-custom{

    background-size: cover;
background-position: center center;
    

}

.card-section, .help-blog .headers .card-section { position: relative; top: 60px; margin: 0 0 30px 0;}

.card-block, .help-blog .headers .card-block { padding: 50px; text-align: center; box-shadow: 0px 10px 10px -6px #ccc; }

.help-blog .card-section { position: relative; top: 0; margin: 0 0 30px 0;}

.help-blog .card-block { padding: 20px; text-align: center; box-shadow: 0px 10px 10px -6px #ccc; }

.bg-soft-white {

    background-color: rgba(255,255,255,0.90);

}


.section-title h1 {

    font-size: 14px;

    padding: 0;

    line-height: 1px;

   letter-spacing: 2px;

    color: var(--body-color);

}

.headers .section-title h1, .section-title h2{

    color:#22262a; 

}



.section-title small{

    font-size: 15px;

    letter-spacing: 0;

}



.section-title small::after {

content: "";

    position: absolute;

    width: 100px;

    height: 4px;

    left: 50%;

    margin: 20px 0 20px -50px;

    background: var(--body-color);

    border-radius: 10px;

}



.headers .section-title strong::after, .help-blog .section-title strong::after{

    content: "";

    position: absolute;

    width: 100px;

    height: 4px;

    left: 50%;

    margin: 70px 0 0 -50px;

    background: #0071B2;

    border-radius: 10px; 

}



.section-title h1 strong {

font-weight: bold;

    margin: 50px 0 0 -4px;

    font-size: 3rem;

    display: block;

    line-height: 3.5rem;

    text-transform: initial;

}

.section-title h2 strong {

font-weight: bold;

    margin: 50px 0 0 -4px;

    font-size: 2.5rem;

    display: block;

    line-height: 3rem;

    text-transform: initial;

}


.headers .section-title h1 strong, .help-blog .section-title h2 strong{

    margin: 0;

}



.headers .section-title h1 small {

font-weight: bold;

    margin: 40px 0 0;

    font-size: 1.5rem;

    line-height: 2rem;

    display: block;

    

    text-transform: initial;

}

.help-blog .section-title h2 small {

font-weight: bold;

    margin: 40px 0;

    font-size: 1.5rem;

    line-height: 2rem;

    display: block;

    

    text-transform: initial;

}


.headers .section-title h1 small::after, .help-blog .section-title h2 small::after{

    content: none;

}

.text-right{
    text-align: right;
}

/* HACER UN MODULO ROW-FLUID */

.principal .blog-items .blog-item, .help-blog .blog-items .blog-item {
    overflow: inherit;
    padding: 0;
   }
.container-bottom-a

{

    grid-column: full-start/full-end;

    margin: 80px 0;

    width: 100%;

}

.container-top-a

{

    grid-column: full-start/full-end;

    margin: 30px 0 0;

    width: 100%;

}


.container-bottom-a .card{

    border: none;

}



.bottom-a .card-body{

    padding: 0;

}


/*MENU AYUDA BLOG*/

.formas-de-pago{
    background-image: url("/images/ayuda-formas-de-pago.jpg");
    
}

/* CITAS center the blockquote in the page */

.blockquote-wrapper {

   display: flex;

   padding: 0 20px;

    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 20%, rgba(255,255,255,.6) 77%, rgba(255,255,255,0) 97%);

}





/* Blockquote main style */

.blockquote {

    position: relative;

    font-weight: 800;

    color: #777;

    padding: 30px 0;

    width: 100%;

    max-width: 80%;

    z-index: 1;

    margin: 50px auto;

    align-self: center;

    border-top: solid 1px;

    border-bottom: solid 1px;

}



/* Blockquote header */

.blockquote p {

    position: relative;

    color: #777;

    font-size: 40px !important;

    font-weight: 800;

    line-height: 1 !important;

    margin: 0;

}



/* Blockquote right double quotes */

.blockquote:after {

    position: absolute;

    content: "”";

    color: #777;

    font-size: 10rem;

    line-height: 0;

    bottom: -43px;

    right: 30px;

}



/* FOTO INICIO JOS */



.member-box{

  width:100%;

  float:revert;

  position:relative;

  overflow:hidden;

}

.member-box-content{

padding: 25px;

    

}

.member-box:hover> img{

transform: scale(1.05);

transition:1s ease-in;  

}

.member-box img{

  transition:0.3s ease-in;  

}

.member-box.t-bottom .overlay-content{

	display:flex;

	flex-direction:column;

	justify-content:flex-end;

}

.member-box.t-center .overlay-content{

	display:flex;

	flex-direction:column;

	justify-content:center;

	align-items: center;

}

/* .member-box i.box-circle-solid{

	padding: 0;

	width:40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

}

style 1 */

.member-box.anim-lf .overlay-content{

  position:absolute;

  background-color:rgba(0,0,0,0.6);

  left:-100%;

  bottom:0;

  width: 100%;

  height:100%;

  transition:0.4s ease-in;

    padding: 0 15px;

}

.member-box.anim-lf:hover>.overlay-content{

  left:0;

  transition:0.4s ease-in;

}

/* style 1 */

.member-box.anim-bt .overlay-content{

  position:absolute;

  background-color:rgba(0,0,0,0.6);

  bottom:-100%;

  width: 100%;

  height:100%;

  transition:0.6s ease-in;

    

}



.member-box.anim-bt:hover>.overlay-content{

  bottom:0;

  transition:0.4s ease-in;

}

.member-box i.box-circle-solid {

    background-color: #3D157C;

    border-radius: 50%;

    color: #fff;

    font-size: 22px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    width: 55px;

}

/* increase header size after 600px 

@media all and (min-width: 600px) {

    .blockquote p {

        font-size: 60px;

   }



}*/



/* Blockquote subheader */

.blockquote cite {

    position: relative;

    color: #292a2b;

    font-size: 1.4rem;

    font-weight: normal;

    line-height: 1;

    margin: 0;

    padding-top: 20px;

    z-index: 1;

    float: right;

}





/*SECCIÓN SERVICIOS Y CONTACTO */



.servicios {

  width: 100%;

  min-width: 280px;

  margin-bottom: 36px;

    display:flex;

    min-height:500px;

    color: #fff;

    }

.contacto {

  width: 100%;

  min-width: 280px;

  margin-bottom: 36px;

    display:flex;

    min-height:500px;
    color: rgba(var(--primary-rgb),var(--text-opacity));
}

  

.servicios .right {

    background-image: url("/../../images/servicios-nutriologa-mariana-mendez.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    min-height: 300px;

  }

.contacto .right {

background: #fff;


  }


.dieta-liquida-img {

    background-image: url("/../../images/berenjenas.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    min-height: 300px;

  }



.servicios .left {

    display: flex;

    padding: 2em;

    background: #224faa;

    

}

.contacto .left {

    display: flex;

    padding: 2em;
}



.servicios .inner, .contacto .inner {

    position: relative;

    margin: auto;

    padding: 0;

}



.servicios .left, .servicios .right, .contacto .left, .contacto .right {

      flex:1 1 50%;

      width:50%;

    }



.servicios .right img, .contacto .right img {

      object-fit:cover;

      object-position:center center;

      min-height:600px;

      min-width:100%;

    }



.servicios ul{

    padding:0;

    list-style:none;

}

.servicios ul li{

    margin:15px 0;

    float:left;

    width:100%;

}

.servicios ul li i{

    float:left;

    font-size:30px;

    padding-top:10px;

    padding-bottom:10px;

    width: 40px;

}

.servicios ul li .list-content{

    float:left;

    margin-left:20px;

}

.servicios ul li strong{

    font-size:19px;

    font-weight:700;

}



p.text-underline::before, .grupos-alimentos p.text-underline-primary::before, .contacto p.text-underline-primary::before {

    content: "";

    position: absolute;

    width: 50px;

    height: 4px;

    left: 0;

    margin: 30px 0;

    border-radius: 10px;

    background: rgb(255, 255, 255);

}



p.text-underline-primary::before{

content: "";

    position: absolute;

    width: 50px;

    height: 4px;

    left: 50%;

    margin: 35px 0 0 -25px;

    border-radius: 10px;

}





.news-section {
  margin: 0 auto;
    background: #3F2B7F;
    padding: 5px 0;
    box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08), 0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);

}

p.text-underline-primary::before, .grupos-alimentos p.text-underline-primary::before, .contacto p.text-underline-primary::before{

    background: rgb(0, 113, 178);

}

.container-banner .banner-overlay .overlay {
       background: rgba(255,255,255,0);
    align-items:normal;
    }

.bg-soft-light{
    background-color: rgba(255, 255, 255, 0.5);
    color: var(--body-color);
    border: 1px solid #fff;
    text-shadow: 0px 0px 7px rgb(255 255 255), 0px 0px 7px rgb(255 255 255);
}

.banner-fases {

    margin: 0 -40px 35px -40px;

    padding: 30px;

}



.banner-grupos{

    margin: 0 -32px;

    padding: 0;
    /*display: inline-block;*/

}

.help-blog .banner-grupos{
    display: block;
    
}



.banner-fases p{

    font-size: 1.2rem;

    text-align: center;

}



.text-spacing{

    line-height: 2.5rem;

    text-align: justify;

    

}



/* ========== INFO SECTION ========== */



.info-section{

	float: left;

	width:100%;

	padding:5rem 0 0;

	position: relative;

	z-index: 1;

}



.info-section-bottom{

	float: left;

	width:100%;

	padding:5rem 0;

	position: relative;

	z-index: 1;

    margin: 0 0 35px 0;

}

.info-section .head-box, .info-section-bottom .head-box{

	color: #22262a;

}



.info-section .head-sec{

	float: left;

	width:100%;

}



.info-section h3{

	font-size: 1.4rem;

}

.info-section p {

    font-size: 1rem;

    line-height: 1.3rem;

}

.info-section .box h2{

    font-size:24px;

    margin-bottom:20px;

    margin-top:0;

}



.info-section .box i{

    font-size:20px;

}

.info-section .box{

    display:flex;

}

.info-section .text-box{

    flex:1 1 0;

    text-align:left;

}

.info-section .icon-box{

    line-height: 1.2;

    width:70px;

}

.info-section .service-block-overlay{

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

}

.info-section .service-block-overlay:hover{

	background: #fff none repeat scroll 0 0;

    border-radius: 5px;

    box-shadow: 0 0 90px rgba(0, 0, 0, 0.1);

    float: left;

    position: relative;

    width: 100%;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

}



.info-section .dieta-liquida i.box-circle-solid, .info-section .dieta-liquidos-generales i.box-circle-solid, .info-section .dieta-papillas i.box-circle-solid , .info-section .dieta-ajuste-cal i.box-circle-solid{

    border-radius: 50%;

    font-size: 2.5rem;

    height: 4rem;

    line-height: 4rem;

    text-align: center;

    width: 4rem;

}



.info-section .dieta-liquida i.box-circle-solid{

    color: rgba(var(--primary-rgb),var(--text-opacity))!important;

}



.info-section .dieta-liquidos-generales i.box-circle-solid {

    color: rgba(var(--success-rgb),var(--text-opacity))!important;

}



.info-section .dieta-papillas i.box-circle-solid{

    color: rgba(var(--warning-rgb),var(--text-opacity))!important;

}

.info-section .dieta-ajuste-cal i.box-circle-solid{

    color: rgba(var(--danger-rgb),var(--text-opacity))!important;

}

/* MY-TABS VERTICAL */

.tabs-v {position:relative;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}

.tabs-v label {position:relative;order:1;display:flex;justify-content:flex-start;align-items:center;width:325px;height:calc(500px / 8);padding:10px 15px;margin-bottom:0;background-color:transparent;cursor:pointer;transition:background-color 500ms ease-in-out}
.tabs-v label > h2, .tabs-v label > i {padding:0 0 0 15px;margin:0;font-family:sans-serif;font-size:.8em;color:#909090;text-transform:uppercase;transition:all 500ms ease-in-out}
.tabs-v label:hover {background-color:rgba(0,0,0,.03)}
.tabs-v label:hover > h2, .tabs-v label:hover > i {color:var(--body-color)}
.tabs-v label > i {font-size: 2rem;}

.tabs-v .tab-content {position:absolute;top:0;right:0;width:calc(100% - 325px);padding:0;margin:0;display:none}
.tabs-v .tab-content > div {display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;background-color:#fff}
.tabs-v .tab-content > div > div {height:450px}
.tabs-v .txt-tab {display:block;flex-direction:row;flex-wrap:wrap;align-items:center;width:50%;padding:2vh calc(2vw + 15px)}

.tabs-v > input {display:none}
.tabs-v > input + label::before {content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:0;height:0;border:0 solid transparent;border-right:0;transition:all 500ms ease;z-index:1}
.tabs-v > input + label::after {content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:100%;background-color:#ccc;transition:all 500ms ease}
.tabs-v > input:checked + label {background-color:rgba(0,0,0,.03)}
.tabs-v > input:checked + label::before {border:8px solid transparent;border-right:0;border-left-color:var(--c1)}
.tabs-v > input:checked + label::after {width:5px;background-color:var(--c1)}
.tabs-v > input:checked + label.tab1-v > h2, .tabs-v > input:checked + label.tab1-v > i{color:rgba(var(--verduras-rgb));}
.tabs-v > input:checked + label.tab1-v::before {border-left-color:rgba(var(--verduras-rgb));}
.tabs-v > input:checked + label.tab1-v::after  {background-color:rgba(var(--verduras-rgb));}
.tabs-v > input:checked + label.tab2-v > h2, .tabs-v > input:checked + label.tab2-v > i {color:rgba(var(--frutas-rgb));}
.tabs-v > input:checked + label.tab2-v::before {border-left-color:rgba(var(--frutas-rgb));}
.tabs-v > input:checked + label.tab2-v::after {background-color:rgba(var(--frutas-rgb)) !important;}
.tabs-v > input:checked + label.tab3-v > h2, .tabs-v > input:checked + label.tab3-v > i {color:rgba(var(--leguminosas-rgb));}
.tabs-v > input:checked + label.tab3-v::before {border-left-color:rgba(var(--leguminosas-rgb));}
.tabs-v > input:checked + label.tab3-v::after {background-color:rgba(var(--leguminosas-rgb));}
.tabs-v > input:checked + label.tab4-v > h2, .tabs-v > input:checked + label.tab4-v > i {color:rgba(var(--cereales-rgb));}
.tabs-v > input:checked + label.tab4-v::before {border-left-color:rgba(var(--cereales-rgb));}
.tabs-v > input:checked + label.tab4-v::after {background-color:rgba(var(--cereales-rgb));}
.tabs-v > input:checked + label.tab5-v > h2, .tabs-v > input:checked + label.tab5-v > i {color:rgba(var(--proteinas-res-rgb));}
.tabs-v > input:checked + label.tab5-v::before {border-left-color:rgba(var(--proteinas-res-rgb));}
.tabs-v > input:checked + label.tab5-v::after {background-color:rgba(var(--proteinas-res-rgb)) !important;}
.tabs-v > input:checked + label.tab6-v > h2, .tabs-v > input:checked + label.tab6-v > i {color:var(--c1);}
.tabs-v > input:checked + label.tab6-v::before {border-left-color:var(--c1);}
.tabs-v > input:checked + label.tab6-v::after, .bg-oleaginosas {background-color:var(--c1);}
.tabs-v > input:checked + label.tab7-v > h2, .tabs-v > input:checked + label.tab7-v > i {color:rgba(var(--oleaginosas-rgb));}
.tabs-v > input:checked + label.tab7-v::before {border-left-color:rgba(var(--oleaginosas-rgb));}
.tabs-v > input:checked + label.tab7-v::after, .bg-oleaginosas {background-color:rgba(var(--oleaginosas-rgb)) !important;}
.tabs-v > input:checked + label + .tab-content {display:block}

.tabs-v [class*="img-tab"] {width:50%;background-repeat:no-repeat;background-size:cover;background-position:50%;min-height:35vh}
.tabs-v .img-tab1 {background-image:url(/../../images/grupo-de-alimento-verduras.jpg)}
.tabs-v .img-tab2 {background-image:url(/../../images/grupo-de-alimento-frutas.jpg)}
.tabs-v .img-tab3 {background-image:url(/../../images/grupo-de-alimento-leguminosas.jpg)}
.tabs-v .img-tab4 {background-image:url(/../../images/grupo-de-alimento-cereales.jpg)}
.tabs-v .img-tab5 {background-image:url(/../../images/grupo-de-alimento-proteina-origen-animal.jpg)}
.tabs-v .img-tab6 {background-image:url(/../../images/grupo-de-alimento-lacteos.jpg)}
.tabs-v .img-tab7 {background-image:url(/../../images/grupo-de-alimento-aceites-y-grasas.jpg)}


.dn {display:none!important}

.my-btn-container {line-height:0;margin-top:15px}
.my-btn {position:relative;display:inline-block;padding:15px 25px;border-style:solid;border-width:2px;border-radius:2px;box-sizing:border-box;transition:all 350ms ease-in-out;font-size:1em;line-height:1;text-decoration:none;text-align:center;color:#151515;background-color:transparent;border-color:#151515}
.my-btn:hover {color:#fff;background-color:var(--c1);border-color:var(--c1)}

:root {
--c1:#0792c7;
}


/*TABLAS RESPONSIVE FIXED HEAD*/
.tab-content .right{
 text-align: right;
}

[type=search]{
    outline-offset: 0;
    padding: 5px;
    margin: 10px 0;
}

/*wrapper element so column padding doesn't affect fixed header background*/
.scroll-window-wrapper{
  position:relative;
}
/* element containing the table */
.scroll-window{
	height: 18rem;
	overflow-x: hidden;
	overflow-y: scroll;
}
.scroll-window table{
  margin-bottom:0;
}

	/*fixed header background*/
.tab1-v .scroll-window:before{
    background: rgba(var(--verduras-rgb));
}

.tab2-v .scroll-window:before{
    background: rgba(var(--frutas-rgb));
    
}

.tab3-v .scroll-window:before{
    background: rgba(var(--leguminosas-rgb));
}
.tab4-v .scroll-window:before{
    background: rgba(var(--cereales-rgb));
}
.tab5-v .scroll-window:before{
    background: rgba(var(--proteinas-res-rgb));
}
.tab7-v .scroll-window:before{
    background: rgba(var(--oleaginosas-rgb));
}
.scroll-window:before{
	content:"";
	position: absolute;
	width:100%;
	height:2.5rem;
	display: table;
	z-index: 9;
	background:rgba(7, 146, 199,1);
}


/*the actual fixed header*/
table.fixed-header th div{
  position: absolute;
  margin-top: -.7rem;
  z-index: 11;
  color:#ffffff;
}
table.fixed-header  thead tr{
  height:2.5rem;
}

.user-list{
	width:100%;
}

.user-list	td.text-right{
	width:16rem;
}
.column{
   position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}
/*-----experimental scrollbar styles-----*/
/* line 199, ../scss/main.scss */
#bodywrap ::-webkit-scrollbar {
  width: 1rem;
}
/* line 202, ../scss/main.scss */
#bodywrap ::-webkit-scrollbar-button {
  /* width:1rem;*/
}
/* line 205, ../scss/main.scss */
#bodywrap ::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #ccc;
}
/* line 212, ../scss/main.scss */
#bodywrap ::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
/* line 215, ../scss/main.scss */
#bodywrap ::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
/*table td:first-child {
  width: 70%;
}
table td:nth-child(2) {
  width: 30%;
}*/

/*BANNER SUPLEMENTOS Y COMPLEMENTOS*/





.grupos-alimentos {

  width: 100%;

  min-width: 280px;

    display:flex;

    min-height:500px;

    }



  

.grupos-alimentos .fase-1 {

    background-image: url("../../../images/servicios-nutriologa-mariana-mendez.jpg");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    min-height: 300px;

  }



.grupos-alimentos .left, .grupos-alimentos .right {

    padding: 2em;

    flex:1 1 auto;

      width:50%;

    clear: both;

}



.grupos-alimentos .inner {

    position: relative;

    margin-top: 0;

}





.grupos-alimentos .right img {

      object-fit:cover;

      object-position:center center;

      min-height:600px;

      min-width:100%;

    }



.grupos-alimentos ul{

    list-style:none;

}

.grupos-alimentos ul li{

    margin:15px 0;

    float:left;

    width:100%;
    display: flex;

}

.grupos-alimentos ul li i{

    float: left;

    font-size: 45px;

    padding-top: 0;

    padding-bottom: 10px;

    width: 50px;

    text-align: center;

    line-height: 50px;

}

.grupos-alimentos ul li .list-content{

    float:left;

    margin-left:20px;

}

.grupos-alimentos ul li strong{

    font-size:19px;

    font-weight:700;

}



/* TIMELINE*/



.hori-timeline .events {

    border-top: 3px solid #e9ecef;

}

.hori-timeline .events .event-list {

    display: block;

    position: relative;

    text-align: center;

    padding-top: 70px;

    margin-right: 0;

}

.hori-timeline .events .event-list:before {

    content: "";

    position: absolute;

    height: 36px;

    border-right: 2px dashed #dee2e6;

    top: 0;

}

.hori-timeline .events .event-list .event-date {

    position: absolute;

    top: 38px;

    left: 0;

    right: 0;

    width: 120px;

    margin: 0 auto;

    border-radius: 4px;

    padding: 2px 4px;

}



.alert.alert-info {

    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 188 212 / 40%);
    background-color: #00cae3;
    border: 0;
}





.alert i {

float: left;

    font-size: 30px;

    padding-top: 0;

    padding-bottom: 10px;

    width: 50px;

    text-align: center;

    line-height: 20px;

    }





.btn {

  border: none;

  border-radius: 3px;

  position: relative;

  padding: 12px 30px;

  margin: 10px 1px;

  font-size: 12px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 0;

  will-change: box-shadow, transform;

  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

  .btn.btn-primary {

    box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12); }

    .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover {

      background-color: #00bcd4;

      color: #FFFFFF; }

    .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover {

      box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2); }

    .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active {

      box-shadow: none; }

    .btn.btn-light, .btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-light:active:focus, .btn.btn-light:active:hover, .btn.btn-light.active:focus, .btn.btn-light.active:hover, .open > .btn.btn-light.dropdown-toggle, .open > .btn.btn-light.dropdown-toggle:focus, .open > .btn.btn-light.dropdown-toggle:hover {

      background-color: rgba(255, 255, 255, 0.2);

      color: var(--body-color);
        border: 1px solid #fff;}

    .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light:hover {

      box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }

    .btn.btn-light.disabled, .btn.btn-light.disabled:hover, .btn.btn-light.disabled:focus, .btn.btn-light.disabled.focus, .btn.btn-light.disabled:active, .btn.btn-light.disabled.active, .btn.btn-light:disabled, .btn.btn-light:disabled:hover, .btn.btn-light:disabled:focus, .btn.btn-light:disabled.focus, .btn.btn-light:disabled:active, .btn.btn-light:disabled.active, .btn.btn-light[disabled], .btn.btn-light[disabled]:hover, .btn.btn-light[disabled]:focus, .btn.btn-light[disabled].focus, .btn.btn-light[disabled]:active, .btn.btn-light[disabled].active, fieldset[disabled] .btn.btn-light, fieldset[disabled] .btn.btn-light:hover, fieldset[disabled] .btn.btn-light:focus, fieldset[disabled] .btn.btn-light.focus, fieldset[disabled] .btn.btn-light:active, fieldset[disabled] .btn.btn-light.active {
      box-shadow: none; }
 .btn.btn-danger {
    box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12); }
    .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover {
      background-color: #f44336;
      color: #FFFFFF; }
    .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover {
      box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2); }
    .btn.btn-danger.disabled, .btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled.active, .btn.btn-danger:disabled, .btn.btn-danger:disabled:hover, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus, .btn.btn-danger:disabled:active, .btn.btn-danger:disabled.active, .btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger:hover, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active {
      box-shadow: none; }
    .btn.btn-danger.btn-simple {
      background-color: transparent;
      color: #f44336;
      box-shadow: none; }
      .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active {
        background-color: transparent;
        color: #f44336; }
.btn.btn-success {
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12); }
    .btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, .open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover {
      background-color: #4caf50;
      color: #FFFFFF; }
    .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover {
      box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2); }
    .btn.btn-success.disabled, .btn.btn-success.disabled:hover, .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled.active, .btn.btn-success:disabled, .btn.btn-success:disabled:hover, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus, .btn.btn-success:disabled:active, .btn.btn-success:disabled.active, .btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success:hover, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active {
      box-shadow: none; }
    .btn.btn-success.btn-simple {
      background-color: transparent;
      color: #4caf50;
      box-shadow: none; }
      .btn.btn-success.btn-simple:hover, .btn.btn-success.btn-simple:focus, .btn.btn-success.btn-simple:active {
        background-color: transparent;
        color: #4caf50; }
/* ACORDEON */
.centerplease {
  margin: 0 auto;
  max-width: 270px;
  font-size: 40px;
}

/*Question*/
.question {
  position: relative;
  background: #f9f9f9;
  margin: 0;
  padding: 10px 10px 10px 50px;
  display: block;
  width:100%;
  cursor: pointer;
}
/*Answer*/
.answers {
  padding: 0px 15px;
  margin: 5px 0;
  width:100%!important;
  height: 0;
  overflow: hidden;
  z-index: 1;
  position: relative;
  opacity: 0;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
}

.questions:checked ~ .answers{
  height: auto;
  opacity: 1;
  padding: 15px;
  
}

/*FAQ Toggle*/
.plus {
  position: absolute;
  margin: 5px;
  z-index: 5;
  font-size: 2em;
  line-height: 100%;
  -webkit-user-select: none;    
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;

}

.questions:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

}

.questions {
  display: none;
  
}


@media only screen and (max-width:1239px) {
.tabs-v {flex-direction:row}
.tabs-v label {display:block;width:calc(100% / 4);height:auto;padding:15px 0 20px;text-align:center}
.tabs-v label > img {width:50px}
.tabs-v label > h2 {padding:15px 10px 0}
.tabs-v > input + label::before {display:none}
.tabs-v > input + label::after {right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%);width:100%;height:1px;border:none}
.tabs-v > input:checked + label::after {width:100%;height:5px;background-color:var(--c1)}
.tabs-v .tab-content {order:2;position:relative;width:100%}
.tabs-v .tab-content > .reverse-tab > .txt-tab {order:2}
.tabs-v .tab-content > div > div {width:50%;height:auto}
.tabs-v .txt-tab {min-height:25vh}
    

}

@media (min-width: 1140px) {
    
        	/*fixed header background*/
.scroll-window:before{
	width:97%;
	
}

    .hori-timeline .events .event-list {

        display: table-cell;

        width: 14%;

        padding-top: 45px;

    }

    .hori-timeline .events .event-list .event-date {

        top: -12px;

    }

}

@media (max-width: 990px){
    .navbar-collapse, .container-header .navbar-collapse.show{
    background: #fff;
    margin-right: -2rem;
}
    
    .container-nav li a{
    line-height: 3rem;
        text-decoration: none !important;
}
    .card-deck{
    flex-flow: column !important;}
    .footer .card-deck{
    flex-flow: row wrap !important;}
.container-header nav{
     width: 100%;
}
    
    .container-header .container-nav{
        padding-left: 0 !important;
        
    }
}



    
@media only screen and (max-width:959px) {
.tabs-v .tab-content > div > div {width:100%}
.tabs-v .tab-content > .reverse-tab > .txt-tab {order:0}
}

@media screen and (max-width: 991px) and (min-width: 768px){
    .border-x {
        border-right: 0 !important;
        border-left: 0 !important;
        border-top:1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
    }
    .footer .card-deck{
    flex-flow: column !important;}

}
@media (max-width: 768px) {
    
    .com-users-login__options .list-group-item{
        width: 100%;}
    
    .contacto .right{
        height: 300px;
    }
    
    .list-group{
    flex-direction: column;
}

    .servicios, .grupos-alimentos, .contacto {

      display:block;

    }

    .servicios .left, .servicios .right, .grupos-alimentos .left, .grupos-alimentos .right, .contacto .left, .contacto .right{

        width: 100%

    }

    .list-two-col ul {

    columns: 1;

    -webkit-columns: 1;

    -moz-columns: 1;

}
    
    .container-header .container-nav .container-search, .container-header .container-nav nav{
        margin-top: 0;
    }
    
    .tabs-v label {width:calc(100% / 2);padding:15px 0}
.tabs-v label > img {display:none}
.tabs-v label > p {padding:0}
.tabs-v [class*="img-tab"] {min-height:25vh}

}


@media only screen and (max-width:480px) {
.tabs-v label {width:calc(100% / 2);}
}

@media only screen and (max-width:400px){
    .headers .section-title strong::after{
            margin: 55px 0 0 -50px;
    }
    
    .section-title h1 strong{
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.container-nav nav li a.soft-primary, .bg-soft-primary, .fase-1-dieta, .info-section .dieta-liquida i.box-circle-solid {

    background-color: rgba(0, 113, 178,.3)!important;

}

.container-nav nav li a.soft-success, .bg-soft-success, .fase-3-dieta, .info-section .dieta-liquidos-generales i.box-circle-solid {

    background-color: rgba(71,189,154,.3)!important;

}

.bg-soft-danger, .fase-6-dieta, .info-section .dieta-ajuste-cal i.box-circle-solid{

    background-color: rgba(231,76,94,.3)!important;

}

.bg-soft-warning, .fase-4-dieta, .info-section .dieta-papillas i.box-circle-solid  {

    background-color: rgba(249,213,112,.3)!important;

}

.fases-citas{

    background-color: rgba(177, 186, 197,.3);

}


.card {

    border: none;

    margin-bottom: 24px;

    -webkit-box-shadow: 0 0 13px 0 rgba(236,236,241,.44);

    box-shadow: 0 0 13px 0 rgba(236,236,241,.44);

}

.card-deck{
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
}

.card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}

.nutrifacts-html {
  padding:2px;
  font-size: 12px;
  margin: 0 auto;
  border: 1px solid black;
  margin-top:2px;
    text-align: left;
}
.nutrifacts-html table {
  border-collapse: collapse;
  width:100%;
}
.nutrifacts-html td {
  border-top: 1px solid black;
}

.nutrifacts-html td.no-border{
  border: 0;
}

.nutrifacts-html table td:first-child {
  width: 60%;
}
.nutrifacts-html table td:nth-child(2) {
  width: 20%;
}
.nutrifacts-html table td:nth-child(3) {
  width: 20%;
}

.nutrifacts-html h3 {
  margin:0;
  font-size:29px;
}
.separator {
  height:9px;
  background-color: black;
  margin-top:2px;
}
.info {
  border-top:1px solid black;
  padding: 2px;
}
.saludos{
  margin-left: 29px;
}

.nutrifacts-html .text-right{
    text-align:right;
    padding: 0 20px 0 0
}
/*CATEGORIA BLOG */

h2.card-title, .fases .com-content-article h2, h2.card-title-product{

    font-size: 1.5rem;

}

.card-title-product{
text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

}

.icon-size{
    font-size: 30px;
    margin: 0 15px 0 0;
    vertical-align: middle;
}

.boxed .blog-item .item-content {
    padding: 25px 25px 0 25px;
    }
.card-header {

    background: none;

    margin: 0 0 15px;

    font-weight: 500;

    display: flex;

    align-items: center;

    min-height: 50px;

}

.autor{
       font-size: 14px;
    color: #B1BAC5;
}

.fases-title-wrapper {

  display: flex;

  align-items: center;

    margin: 0 auto;

    width: 80%

}



.fases-title-wrapper .fases-citas, .fase-1-dieta, .fase-3-dieta, .fase-4-dieta, .fase-6-dieta {

      display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 3rem;

    height: 3rem;

    border-radius: 50%;

    font-size: 2rem;

}



.fases-meeting-info {

  display: flex;

  flex-direction: column;

  margin-left: 1rem;

}



.fases-pro-title {

  color: #3c4142;

  font-size: 14px;

}



.fases-meeting-time {

  color: #B1BAC5;

  font-size: 13px;

}



.card-body .list-two-col{

font-size: 14px;

    padding: 15px 0 0;

    display: flex;

    align-items: center;

    margin: 0 auto;

    width: 80%;

  color:#727686;

    

}



.card-body .list-two-col ul{

    list-style: none;

}



.card-body .list-two-col ul li i{

    padding-right: 10px;

}



.fases-meeting-points {

  font-weight: 400;

  font-size: 14px;

  display: table;

    margin: 0 auto;

}



.fases-meeting-points .fases-meeting-item {

  display: list-item;

  color: #727686;

}



.fases-meeting-points .fases-meeting-item span {

  margin-left: .5rem;

}



/*footer*/

footer .card-deck .card {
    margin-right: -1px;
    margin-bottom: 0;
    margin-left: 0;
	border: 1px dashed #ccc;
	word-wrap: normal;
     background-color: transparent;
    border-radius: 0;
}
footer .card-block {
    padding: 20px;
    box-shadow: none !important;
}


footer .mod-custom{
    width: 80%;
}

footer .con-info .icon{
    width: 50px;
    height: 50px;
    background: #1089ff;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 10px;
}

footer .con-info .icon i {
    color: #fff;
    font-size: 24px;
}
.vertical-line {
    margin: 8px;
    padding: 0px;
    }

footer .vertical-line a:link {
    text-decoration: none;
    color: #254166;
    font-size: 12px;
    display: block;
}

.border-x{
    border-right: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
}
.footer {

    background-color: transparent;

    background-image: none;

    

    }

.footer .grid-child{

flex-direction: column;

    background-image:linear-gradient(360deg,var(--template-text-light) 0,var(--template-bg-light) 100%);
    padding-left: 0 !important;
    padding-right: 0 !important;

}

footer { width:100%; min-height:250px; color: var(--body-color) !important;}

.pt2 { margin-bottom:20px ;}

footer p { font-size:13px; padding-bottom:0px; margin-bottom:8px;}

.mb10 { padding-bottom:15px ;}

.footer_ul_amrc { margin:0px ; font-size:14px; }

.footer_ul_amrc li {padding:0px 0px 5px 0px;}

.footer_ul_amrc li a {color: #3F2B7F;}

.footer_ul_amrc li a:hover{ color:#5338aa; text-decoration:none;}

.fleft { float:left;}

.padding-right { padding-right:10px; }



.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}

.footer_ul2_amrc li p { display:table; }

.footer_ul2_amrc li a:hover { text-decoration:none;}

.footer_ul2_amrc li i { margin-top:5px;}



.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}

.foote_bottom_ul_amrc {

	list-style-type:none;

	padding:0px;

	display:table;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}

.foote_bottom_ul_amrc li { display:inline;}

.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}



.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }

.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }

.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}

.social_footer_ul li i {  width:20px; height:20px; text-align:center;}





.slider, .marcaslider{

	width:100%;

	height:350px;

	margin:0 auto;

	position:relative;

}

.marcaslider{

	width:250px;
    }

.slider ul, .marcaslider ul{

	margin:0;

	padding:0;

	list-style:none;

}

.slider ul li{

	width:100%;

	height:auto;

	position:absolute;

	top:0;

	left:0;

	animation-iteration-count:infinite;

	animation-duration:24s;

}

.marcaslider ul li{
    width:250px;

	height:auto;

	position:absolute;

	top:0;

	left:0;

	animation-iteration-count:infinite;

	animation-duration:50s;

}





.slider ul li:nth-child(1), .marcaslider ul li:nth-child(1){

	animation-name:slider;

	animation-delay:-3s;

}

.slider ul li:nth-child(2), .marcaslider ul li:nth-child(2){

	animation-name:slider;

	animation-delay:5s;

	opacity:0;

}

.slider ul li:nth-child(3), .marcaslider ul li:nth-child(3){

	animation-name:slider;

	animation-delay:13s;

	opacity:0;

}

.marcaslider ul li:nth-child(4){

	animation-name:slider;

	animation-delay:21s;

	opacity:0;

}

.marcaslider ul li:nth-child(5){

	animation-name:slider;

	animation-delay:29s;

	opacity:0;

}

.marcaslider ul li:nth-child(6){

	animation-name:slider;

	animation-delay:37s;

	opacity:0;

}





@keyframes slider{

	0%{

		opacity:0;

	}

	20.83%{

		opacity:1;

	}

	33.33%{

		opacity:1;

	}

	45.83%{

		opacity:0;

	}

	100%{

		opacity:0;

	}	

}

.fundo{
  animation: scales 3s alternate  infinite;
  transform-origin: center;
}
.pao-baixo{
   animation: rotatepao 14s cubic-bezier(.1,.49,.41,.97)  infinite;
  transform-origin: center;
}
.pao-cima{
   animation: rotatepao 7s 1s cubic-bezier(.1,.49,.41,.97)  infinite;
  transform-origin: center;
}
.olhos{animation: olhos   2s  alternate  infinite;
   transform-origin: center;
}

.left-sparks{animation: left-sparks   4s  alternate  infinite;
      transform-origin: 150px 156px;
}

.right-sparks{animation: left-sparks   4s  alternate  infinite;
      transform-origin: 310px 150px;
}

.olhos{animation: olhos   2s  alternate  infinite;
   transform-origin: center;
}
@keyframes scales{
  from { transform: scale(0.98)}
  to{ transform: scale(1)}
}

@keyframes rotatepao{
  0% { transform:  rotate(0deg)}
  50% , 60%{ transform:  rotate(-20deg)}
  100%{  transform:  rotate(0deg) }
 
}

@keyframes olhos{
  0%{
    transform: rotateX(0deg);
  }
   100%{
    transform: rotateX(30deg);
  }
}

@keyframes left-sparks{
  0%{
    opacity: 0; 
  }
  
}


.main{
  
  min-height: 600px;
  margin: 0px auto;
  width: auto;
  max-width: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.path {
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  animation: dash 4s   alternate infinite;
}

@keyframes dash{
   0%, 30%{
     fill: 4B4B62;
    stroke-dashoffset:   0;
  }
   80%,100%{
     fill: transparent;
    stroke-dashoffset:  -200;
  }
   
  
}