body {
margin: 0;
padding: 0; font-family: 'Open Sans', sans-serif;
font-size: 14px;
transition: ease-in all .3s;
font-synthesis: none;
-moz-font-feature-settings: 'kern';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.overflow {
overflow: hidden;
}
.isDisabled {
color: currentColor;
cursor: not-allowed;
opacity: 0.5;
text-decoration: none;
}
.container-fluid {
max-width: 1200px;
}
.bottom-0 {   }
.icon-post {
position: relative;
}
.icon-calendar:before {
content: '';
display: block;
width: 12px;
height: 12px;
background: url(//dragi.do/wp-content/themes/themedragi/img/icon-calendar.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
}
.icon-check:before {
content: '';
display: block;
width: 14px;
height: 10px;
background: url(//dragi.do/wp-content/themes/themedragi/img/check.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.box-challenge {
background: #9C85AC;
max-width: 130px !important;
color: #fff !important;
} header {
width: 100%;
padding: 0px;
position: fixed;
background: #fff;
left: 0;
right: 0;
top: 0;
height: 95px;
display: flex;
align-items: center;
z-index: 4;
box-shadow: 0px 0px 15px -2px rgba(103, 103, 103, 0.3); }
header .logo {
width: 100%;
max-width: 213px;
height: 61px;
}
header .logo a {
display: block;
width: 100%;
height: 100%;
}
header .logo a img {
width: 100%;
height: 100%;
object-fit: contain;
} header nav {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-wrap-mode: nowrap;
}
header nav ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
header nav ul li {
margin-right: 20px;
transition: .3s;
position: relative;
}
header nav ul li:last-child {
margin-right: 0;
}
header nav ul li a {
background: #fff;
display: block;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-weight: 400;
color: #505262;
letter-spacing: 0.4px;
transition: ease-in all .3s;
text-decoration: none !important;
transition: font-weight .4s ease-in-out;
transition: text-shadow .3s;
padding: 10px 0;
font-size: 13px;
}
header nav ul li a:hover {
color: #24273E;
text-shadow: 0 0 0.30px #333, 0 0 0.7px #333;
}
header nav ul li.current-menu-item a { color: #505262;
font-weight: 600;
text-shadow: 0 0 0.3px #333, 0 0 0.7px #333;
}
header nav ul.sub-menu {
position: absolute;
display: block;
overflow: hidden;
border-radius: 2px;
box-shadow: 0 4px 10px -6px #ababab;
left: -50%;
border-top: 2px solid #ea008b;
top: 100%;
transition: 0.2s;
visibility: hidden;
opacity: 0;
}
header .sub-menu li {
display: block;
width: 100%;
float: none;
}
header nav .sub-menu li a {
text-align: left;
display: block;
font-size: 12px;
padding: 10px;
background: #fff;
border-bottom: 1px solid #f1f1f1;
min-width: 140px;
}
header nav > ul > li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
} .btn-ctn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 146px;
margin-left: 30px;
}
.btn-action { background: #D75D8B;width: 100%;max-width: 146px;border: 1px solid #EA008B;border-radius: 100px;display: flex;align-items: center;justify-content: center;color: #fff;text-transform: uppercase;font-size: 12px;height: 40px;font-weight: 600;letter-spacing: 0.5px;text-decoration: none !important;transition: ease-in all .5s;}
.content-banner .btn-action {
width: auto;
min-width: auto;
max-width: initial;
display: inline-flex;
text-align: center;
padding: 5px 40px;
position: relative;
margin-left: 45px;
}
.content-banner .btn-action:before {
content: '';
display: block;
width: 30px;
height: 30px;
background: #A0C451;
position: absolute;
left: -45px;
top: 0;
bottom: 0;
margin: auto;
border-radius: 100px;
}
.btn-action:hover {
color: #fff;
background: #A3456B;
border: 1px solid #bd0071;
} .banner-top {
position: relative;
width: 100%;
margin-top: 80px;
height: 100%;
max-height: 750px;
border-bottom: 4px solid #EBEBEB;
min-height: 750px;
overflow: hidden;
}
#banner-home .item {
width: 100%;
height: 100%;
max-height: 750px;
display: flex;
align-items: center;
min-height: 750px;
}
.banner-top figure {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
}
.banner-top figure:before {
content: '';
position: absolute;
width: 50vw;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 100%);
right: 0;
}
.banner-top figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-banner {
width: 100%;
display: block;
}
.slog {
display: block;
margin-bottom: 23px;
color: #c62865;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
}
.slog-contact { color: #B9719C;
font-weight: 500;
font-size: 17px;
display: block;
}
.content-banner h2 {
font-size: 46px;
color: #313B4F;
font-weight: 600;
width: 100%;
max-width: 498px;
line-height: 53px;
margin-bottom: 31px;
}
.content-banner p {
width: 100%;
max-width: 560px;
color: #556077;
font-size: 25px;
line-height: 32px;
margin-bottom: 76px;
font-weight: 300;
} .ctn-learnEat {
width: 100%;
display: block;
padding: 84px 0px 84px 0px;
}
.content-info {
height: 100%;
width: 100%;
display: block;
}
.content-info h2 {
font-size: 38px;
color: #313B4F;
font-weight: 600;
width: 100%;
max-width: 450px;
margin-bottom: 30px;
}
.content-info p {
line-height: inherit;
font-size: calc(14px + .2vw);
color: #5D5F71;
font-weight: 300;
width: 100%;
max-width: 530px;
margin-bottom: 30px;
}
.btns-link {
padding: 5px 16px;
margin: 0px;
background: #cff2fe;
color: #006793;
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
text-decoration: none !important;
transition: ease-in all .3s;
border-radius: 50px;
letter-spacing: 0.4px;
}
.btns-link:hover {
color: #1485b7;
font-weight: 600;
border: 1px solid #3b93bf;
}
.btns-link i {
margin-left: 5px;
font-size: 10px;
}
.ctn-playVideo {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-radius: 10px;
}
.ctn-playVideo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ctn-playVideo iframe {
width: 100%;
height: 100%;
display: block;
} .header-section {
width: 100%;
display: block;
margin-bottom: 45px;
}
.header-section h2 {
font-size: 34px;
text-align: center;
color: #313B4F;
font-weight: 700;
margin-bottom: 16px;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.header-section p {
font-size: 16px;
color: #313b4f;
font-weight: 400;
width: 100%;
margin-bottom: 0;
max-width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.benefits {
width: 100%;
display: block;
padding: 58px 0px;
position: relative;
}
.benefits:before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 100%;
height: 1px;
background: #EBEBEB;
max-width: 165px;
}
.link-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.box-benefits {
width: 100%;
height: 100%;
min-height: 240px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: initial;
align-items: center;
justify-content: center;
}
.box-benefits .card-body {
height: 120px;
width: 100%;
padding: 0;
}
.box-benefits .card-body i {
font-size: 55px;
margin-bottom: 15px;
display: block;
width: 55px;
height: 55px;
margin-left: auto;
margin-right: auto;
}
.box-benefits .card-body p {
font-size: 16px;
margin-bottom: 0;
color: #556077;
font-weight: 600;
width: 100%;
max-width: 150px;
margin-left: auto;
margin-right: auto;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
}
section.client-review {
background: #F7F7F7;
padding: 59px 0px;
position: relative;
display: block;
width: 100%;
}
section.client-review .header-section h2 {
max-width: 400px;
}
.box-client {
overflow: hidden;
border-radius: 10px;
background: #fff;
transition: .3s;
}
.box-client img {
width: 100%;
height: 100%;
max-height: 326px;
object-fit: cover;
object-position: top;
}
.box-client .card-body {
display: flex;
align-items: center;
justify-content: center;
padding: 18px 13px;
min-height: 91px;
}
.box-client .card-body .circle-box {
width: 55px;
height: 55px;
align-items: center;
justify-content: center;
font-size: 12px;
color: #fff;
font-weight: 600;
line-height: 0px;
letter-spacing: 0.4px;
background: #a0c451 !important;
}
.box-client .card-body h3 {
font-size: 14px;
color: #556077;
font-weight: 600;
padding-left: 7px;
}
.box-client .card-body h3>span {
display: block;
color: #434451;
font-weight: 400;
margin-top: 3px;
font-size: 12px;
}
.btns-link-page {
color: #556077;
text-transform: uppercase;
font-size: 12px;
transition: ease-in all .3s;
font-weight: 600;
text-decoration: none !important;
}
.btns-link-page:hover {
color: #444d61;
font-weight: 600;
border: 1px solid #444d61;
}
.btns-link-page i {
margin-left: 5px;
font-size: 11px;
} .last-posts {
background: #F7F7F7;
padding: 59px 0px;
position: relative;
display: block;
width: 100%;
}
.last-posts:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 1px;
background: #D8D8D8;
max-width: 165px;
}
section.last-posts .header-section {
margin-bottom: 97px;
}
section.last-posts .header-section h2 {
max-width: 400px;
}
.box-ebook {
width: 100%;
height: 100%;
max-height: 497px;
min-height: 497px;
padding: 0;
position: relative;
}
.box-ebook > a:before {
content: '';
display: block;
right: 0;
left: 0;
top: 0;
bottom: 0;
position: absolute;
background: linear-gradient(0deg, rgba(21, 21, 21, 0.65) 0%, rgba(255, 255, 255, 0) 70%);
border-radius: 10px;
}
span.category-post {
position: absolute;
top: -14px;
width: 100%;
max-width: 104px;
left: 0px;
height: 100%;
min-height: 26px;
max-height: 26px;
display: flex;
align-items: center;
padding: 0px 20px;
border-top-left-radius: 80px;
color: #000;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 400;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
justify-content: center;
z-index: 2;
}
span.category-post-new {
position: absolute;
top: -14px;
width: 100%;
max-width: max-content !important;!i;!;
left: 0px;
height: 100%;
min-height: 26px;
max-height: 26px;
display: flex;
align-items: center;
padding: 0px 20px;
border-top-left-radius: 80px;
color: #000;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 700;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
justify-content: center;
z-index: 2;
}
.box-ebook img {
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.box-ebook h2 {
font-size: 19px;
font-weight: 700;
margin-bottom: 24px;
line-height: 24px;
}
.box-ebook .card-body {
z-index: 1;
}
.box-ebook .date-post {
width: 100%;
display: block;
position: relative;
}
.box-ebook .date-post p {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
color: #fff;
}
.category-post.ebook {
background: #88BB89;
font-weight: 400;
}
.category-post.article {
background: #323642;
color: #fff;
font-size: 11px;
font-weight: 400;
}
.box-posts {
width: 100%;
height: 100%;
max-height: 517px;
background: transparent;
min-height: 517px;
}
.box-posts img {
width: 100%;
height: 100%;
max-height: 280px;
object-fit: cover;
object-position: top;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.box-posts .card-body {
background: #fff;
padding: 32px 32px 0px;
border-left: 1px solid #DEDFE6;
border-right: 1px solid #DEDFE6;
z-index: 1;
}
.box-posts .card-body h2 a {
font-size: 18px;
color: #313B4F;
margin-bottom: 15px;
font-weight: 400;
line-height: 24px;
text-decoration: none !important;
display: block;
}
.box-posts .card-body p {
font-size: 14px;
color: #313b4f;
line-height: inherit;
}
.box-posts .card-footer {
background: #fff;
padding: 32px 32px;
border-left: 1px solid #DEDFE6;
border-right: 1px solid #DEDFE6;
border-bottom: 1px solid #DEDFE6;
border-top: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 1;
}
.box-posts .card-footer .date-post p {
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
margin: 0;
color: #313b4f;
letter-spacing: 0.5px;
}
.box-posts .card-footer .btn-post {
display: flex;
align-items: center;
justify-content: flex-end;
}
.btn-action-post {
border: 1px solid #AFB0BD;
font-size: 12px;
display: flex;
text-transform: uppercase;
color: #313b4f;
font-weight: 600;
transition: ease-in all .3s;
text-decoration: none !important;
min-height: 37px;
align-items: center;
justify-content: center;
width: 100%;
max-width: 123px;
margin-right: 1.5rem;
transition: ease-in all .3s;
}
.btn-action-post:hover {
background: #AFB0BD;
color: #000;
}
.btn-action-post.download {
background: #77BBD9;
border: 1px solid #86D5F6;
color: #313B4F;
font-weight: 600;
transition: ease-in all .3s;
position: relative;
background: #72B3CE;
}
.btn-action-post.download:hover { color: #000;
border-color: rgb(52 82 94);
} .callTo {
width: 100%;
height: 100%;
background: #313B4F;
display: flex;
align-items: center;
justify-content: center;
min-height: 307px;
}
.ctn-call {
width: 100%;
display: block;
}
.ctn-call h2 {
font-size: 36px;
color: #fff;
width: 100%;
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-bottom: 36px;
font-weight: 600;
line-height: 40px;
} .footer-top {
width: 100%;
display: block;
padding: 88px 0px;
overflow: hidden;
}
footer {
background: #F7F7F7;
width: 100%;
display: block;
}
.media-footer {
width: 100%;
display: block;
position: relative;
max-width: 267px;
}
.media-footer .logo-footer {
width: 100%;
margin-bottom: 20px;
height: 170px;
}
.media-footer .logo-footer img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.social {
width: 100%;
}
.social ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.social ul li {
width: 30px;
height: 30px;
margin-right: 17px;
}
.social ul li:last-child {
margin: 0px;
}
.social ul li a {
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: #fff;
background: #323642;
border-radius: 100px;
transition: ease-in all .3s;
opacity: .3;
text-decoration: none !important;
}
.social ul li a:hover {
opacity: 1;
}
.media-footer:before {
content: '';
display: block;
position: absolute;
right: -103px;
width: 1px;
height: 100%;
background: #D8D8D8;
top: 0;
bottom: 0;
margin: auto;
max-height: 90px;
} .contact-information {
width: 100%;
display: block;
position: relative; margin-left: auto;
margin-right: auto;
height: 100%;
}
.contact-information:before {
content: '';
display: block;
position: absolute;
right: -80px;
width: 1px;
height: 100%;
background: #D8D8D8;
top: 0;
bottom: 0;
margin: auto;
max-height: 90px;
}
.contact-information figure {
width: 90px;
height: 90px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
border-radius: 1000px;
margin-bottom: 13px;
}
.contact-information figure img {
width: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.contact-information h2 {
font-size: 18px;
text-align: center;
color: #24273E;
font-weight: 600;
margin-bottom: 12px;
}
.contact-information ul {
list-style: none;
text-align: center;
margin-bottom: 7px;
}
.contact-information ul li {
margin-bottom: 5px;
}
.contact-information ul li:last-child {
margin-bottom: 0px;
}
.contact-information ul li a {
font-size: 14px;
color: #313b4f;
font-weight: 400;
}
.contact-information p {
text-align: center;
margin: 0;
color: #313b4f;
font-size: 14px;
font-weight: 400;
line-height: inherit;
} .form-footer {
width: 100%;
display: block;
position: relative;
}
.footer-top .form-footer {
max-width: 267px;
margin-left: auto;
}
.form-footer form{
padding:0 !important;
}
.header-form {
width: 100%;
display: block;
margin-bottom: 17px;
}
.header-form h2 {
font-size: 18px !important;
color: #24273E;
font-weight: 600 !important;
line-height: initial;
margin: 0px !important;
}
.form-footer .form-group {
margin-bottom: 10px;
padding-bottom: 0 !important;
width: 100% !important;
}
.form-footer label {
font-size: 11px;
color: #313b4f;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
width: 100%;
}
.form-footer input {
width: 100%;
display: block;
height: 32px;
border: 1px solid #AFB0BD;
background: transparent;
font-size: 13px;
letter-spacing: 0;
font-weight: 400;
border-radius: 100px !important;
padding: 10px !important;
}
.form-footer .btn-suscription {
background-color: #72B3CE!important;
border: 1px solid #86D5F6!important;
font-size: 12px !important;
text-transform: uppercase;
height: 34px !important;
color: #313B4F !important;
letter-spacing: 0.5px;
max-width: initial;
font-weight: 800 !important;
width: 100% !important;
padding: 0 !important;
}
.footer-copy {
width: 100%;
position: relative;
padding: 10px 0px 10px;
}
.footer-copy:before {
content: '';
display: block;
width: 95%;
height: 1px;
background: #D8D8D8;
left: 0px;
right: 0px;
top: -6px;
margin: auto;
position: absolute;
}
.copy {
width: 100%;
display: grid !important;
}
.copy p {
margin: 0px;
color: #5b5b60;
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
}
.copy p a {
margin: 0px;
color: #5b5b60;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
} .page-top {
position: relative;
width: 100%;
margin-top: 80px;
height: 100%;
min-height: 354px;
display: flex;
align-items: center;
border-bottom: 4px solid #EBEBEB;
}
.page-top figure {
position: absolute;
width: 100%;
height: 100%;
margin-bottom: 0px;
}
.page-top figure:before {
content: '';
position: absolute;
width: 90vw;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0) 100%);
left: 0;
}
.page-top figure:after {
content: '';
position: absolute;
width: 30vw;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.82) 100%);
right: 0;
top: 0;
}
.page-top figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-top .content-banner h2 {
font-size: 40px;
color: #313B4F;
font-weight: 700;
width: 100%;
max-width: 550px;
line-height: 48px;
margin-bottom: 12px;
letter-spacing: -0.5px;
}
.page-top .content-banner p {
width: 100%;
max-width: 490px;
color: #556077;
font-size: 17px;
line-height: 24px;
margin-bottom: 0;
letter-spacing: 0.1px;
font-weight: 600;
} .total-patients {
width: 100%;
display: block;
position: relative;
padding: 57px 0px;
}
.header-title {
width: 100%;
display: block;
position: relative;
margin-bottom: 54px;
padding-left: 15px;
}
.header-title h2 {
color: #313B4F;
font-size: 26px;
line-height: 31px;
letter-spacing: -0.32px;
width: 100%;
max-width: 360px;
font-weight: 600;
}
.header-title p {
font-size: 16px;
letter-spacing: -0.7px;
line-height: 19px;
color: #313b4f; width: 100%;
max-width: 280px;
margin-left: auto;
padding-right: 1.5rem;
}
.total-patients .card {
padding: 0px;
background: #fff;
border: 1px solid #D3D4DC;
border-radius: 10px;
}
.total-patients .card .icons-box {
width: 97px;
height: 97px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(222, 223, 230, 0.3);
border-radius: 1000px;
margin-left: 30px;
margin-top: 35px;
}
.total-patients .card .icons-box i {
font-size: 49px;
}
.total-patients .card .card-body {
padding: 18px 30px 35px 30px;
}
.total-patients .card .card-body h2 {
font-size: 16px;
color: #5D5F71;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.1px;
width: 100%;
margin-bottom: 10px;
}
.total-patients .card .card-body p {
font-size: 14px;
color: #5D5F71;
line-height: 17px;
} .review-plans {
width: 100%;
display: block;
position: relative;
padding: 52px 0px;
}
.review-plans:before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 100%;
height: 1px;
background: #EBEBEB;
max-width: 165px;
}
.review-plans .header-title h2 {
max-width: 450px;
}
#post-review figure {
width: 100%;
height: 100%;
margin: 0;
max-height: 423px;
min-height: 423px;
position: relative;
}
#post-review figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 5px;
}
#post-review .category-post span {
position: absolute;
right: -30px;
background: #a0c451 !important;
width: 62px;
height: 62px;
border-radius: 100px;
color: #fff;
font-size: 14px;
font-weight: 600;
line-height: 0;
}
#post-review .card-body {
padding-left: 60px;
padding-top: 40px;
}
#post-review .card-body h2 {
font-size: 24px;
color: #313B4F;
font-weight: 600;
line-height: 26px;
margin-bottom: 45px;
}
#post-review .card-body h2 span {
display: block;
font-size: 18px;
color: #588015;
font-weight: 500;
line-height: 26px;
}
#post-review .card-body p {
font-size: 15px;
color: #5D5F71;
font-weight: 400;
letter-spacing: 0.11px;
line-height: 22px;
margin-bottom: 15px;
}
#post-review .owl-nav {
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
width: 100%;
height: 30px;
z-index: 0;
}
#post-review .owl-nav button {
opacity: 0.3;
transition: ease-in all .3s;
-webkit-transition: ease-in all .3s;
-moz-transition: ease-in all .3s;
-ms-transition: ease-in all .3s;
-o-transition: ease-in all .3s;
}
#post-review .owl-nav button:hover {
opacity: 1;
}
#post-review .owl-nav button.owl-prev {
left: -30px;
position: absolute;
outline: none !important;
}
#post-review .owl-nav button.owl-next {
right: 0px;
position: absolute;
outline: none !important;
display: flex;
align-items: center;
justify-content: center;
}
#post-review .owl-nav button i {
font-size: 30px;
}
#post-review .owl-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
}
#post-review .owl-dots button.owl-dot {
width: 8px;
height: 8px;
background: rgba(132, 134, 155, 0.2);
border-radius: 100px;
margin-right: 7.5px;
transition: ease-in all .3s;
outline: none !important;
}
#post-review .owl-dots button.owl-dot:last-child {
margin: 0px;
}
#post-review .owl-dots button.owl-dot.active {
background: rgba(132, 134, 155, 1);
} .tranforms-plans {
width: 100%;
display: block;
position: relative;
padding: 70px 0px;
background: #F7F7F7;
}
.tranforms-plans .header-title h2 {
max-width: 570px;
margin-bottom: 13px;
font-size: 36px;
line-height: 40px;
padding-left: 0px;
}
.tranforms-plans .header-title p {
max-width: 400px;
margin-left: 0;
line-height: 20px;
padding: 0px;
} nav.category-post {
width: 100%;
overflow: hidden;
}
nav.category-post ul {
list-style: none;
}
nav.category-post ul li {
margin-right: 20px;
}
nav.category-post ul li:last-child {
margin: 0px;
}
nav.category-post ul li a {
background: #D3D4DC;
display: flex;
min-height: 32px;
height: 100%;
max-height: 32px;
width: 100%;
min-width: 92px;
font-size: 12px;
text-transform: uppercase;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
color: #5D5F71;
font-weight: 500;
border-radius: 100px;
text-decoration: none !important;
transition: ease-in all .3s;
}
nav.category-post ul li a:hover {
color: #313B4F;
background: #86D5F6;
}
.pagination-category {
width: 100%;
height: 100%;
display: flex;
} .pagination .page-numbers {
margin-right: 10px;
background: #D7D8DF;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
font-size: 16px;
color: #32333a !important;
font-weight: 400;
text-decoration: none !important;
}
.pagination .page-numbers:last-child {
margin: 0px;
}
.pagination .page-numbers.prev {
width: 100%;
max-width: 139px;
align-items: center;
justify-content: left;
padding-left: 20px;
}
.pagination .page-numbers.next {
width: 100%;
max-width: 139px;
align-items: center;
justify-content: flex-end;
padding-right: 20px;
}
.pagination .page-numbers.prev i {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
font-size: 12px;
margin-right: 15px;
position: relative;
top: 1px;
}
.pagination .page-numbers.next i {
font-size: 12px;
margin-left: 15px;
position: relative;
top: 1px;
} .banner-posts {
width: 100%;
display: block;
padding: 68px 0px;
}
.banner-posts .header-title h2 {
max-width: 100%;
}
.banner-posts .header-title p {
max-width: 330px;
} #last-posts {
overflow: hidden;
border-radius: 10px;
border: 0.5px solid #DEDFE6;
}
.box-last-post {
width: 100%;
height: 100%;
max-height: 480px;
position: relative;
}
.box-last-post:before {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute;
background: linear-gradient(0deg, rgba(9, 11, 29, 0.65) 0%, rgba(255, 255, 255, 0) 70%);
border-radius: 10px;
bottom: 0px;
}
.box-last-post img {
border-radius: 0px;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.last-category {
width: 100%;
position: relative;
}
.last-category .category-post {
position: absolute;
z-index: 2;
top: -20px;
width: 100%;
min-width: 200px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-top-left-radius: 80px;
color: #fff;
font-size: 12px;
font-weight: 400;
left: 0px;
}
.last-category .category-post.pink-post {
background: #d2007c;
}
.date-last {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.date-last:before {
width: 108px;
height: 108px;
content: '';
display: block;
position: absolute;
margin: auto;
background: rgba(255, 255, 255, 0.28);
border-radius: 100px;
}
.date-last p {
width: 73px;
height: 73px;
background: #A0CD53;
display: block;
align-items: center;
justify-content: center;
border-radius: 100px;
position: relative;
text-align: center;
font-size: 23px;
text-transform: uppercase;
font-weight: 600;
line-height: 13px;
padding-top: 22px;
}
.date-last p span {
display: block;
font-size: 9px;
margin-top: 5px;
}
#last-posts .card-body {
padding-bottom: 60px;
}
#last-posts h2 {
margin: 0px;
max-width: 100%;
}
#last-posts h2 a {
font-size: 28px;
color: #fff;
width: 100%;
margin-bottom: 0px;
margin-left: 20px;
display: block;
text-decoration: none !important;
}
#last-posts h2 a {
width: 100%;
max-width: 490px;
line-height: 30px;
}
#last-posts .owl-nav {
position: absolute;
top: 0px;
bottom: 0px;
margin: auto;
width: 100%;
height: 30px;
z-index: 0;
}
#last-posts .owl-nav button {
opacity: 0.3;
transition: ease-in all .3s;
-webkit-transition: ease-in all .3s;
-moz-transition: ease-in all .3s;
-ms-transition: ease-in all .3s;
-o-transition: ease-in all .3s;
}
#last-posts .owl-nav button:hover {
opacity: 1;
}
#last-posts .owl-nav button.owl-prev {
left: 10px;
position: absolute;
outline: none !important;
}
#last-posts .owl-nav button.owl-next {
right: 10px;
position: absolute;
outline: none !important;
display: flex;
align-items: center;
justify-content: center;
}
#last-posts .owl-nav button.owl-next span {
color: #fff;
font-size: 60px;
}
#last-posts .owl-nav button.owl-prev span {
color: #fff;
font-size: 60px;
}
#last-posts .owl-dots {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 20px;
width: 100%;
}
#last-posts .owl-dots button.owl-dot {
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.2);
border-radius: 100px;
margin-right: 7.5px;
transition: ease-in all .3s;
outline: none !important;
-webkit-transition: ease-in all .3s;
-moz-transition: ease-in all .3s;
-ms-transition: ease-in all .3s;
-o-transition: ease-in all .3s;
}
#last-posts .owl-dots button.owl-dot:last-child {
margin: 0px;
}
#last-posts .owl-dots button.owl-dot.active {
background: rgba(255, 255, 255, 1);
} .profile {
width: 100%;
height: 100%;
display: block;
position: relative;
border: 1px solid #DEDFE6;
background: #fff;
border-radius: 10px;
padding: 38px 38px;
max-height: 481px;
margin-bottom: 40px;
}
.header-profile {
width: 100%;
display: block;
position: relative;
margin-bottom: 26px;
}
.header-profile h2 {
font-size: 14px;
color: #5D5F71;
line-height: 18px;
font-weight: 600;
margin: 0px;
}
.profile figure {
margin-bottom: 20px;
width: 139px;
height: 139px;
margin-left: auto;
margin-right: auto;
border: 8px solid #EDEDF1;
border-radius: 100px;
overflow: hidden;
position: relative;
transition: ease-in all .3s;
}
.profile figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.profile figure:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
}
.name-profile {
width: 100%;
display: block;
position: relative;
margin-bottom: 20px;
}
.name-profile h2 {
font-size: 18px;
text-align: center;
font-weight: 600;
color: #5D5F71;
margin-bottom: 5px;
}
.name-profile h3 {
font-size: 12px;
text-align: center;
color: #d2007c;
font-weight: 700;
letter-spacing: 0.1px;
margin-bottom: 0px;
}
.body-profile {
width: 100%;
display: block;
position: relative;
margin-bottom: 20px;
}
.body-profile p {
margin: 0px;
font-size: 12px;
text-align: center;
color: #313b4f;
font-weight: 600;
line-height: 16px;
}
.media-profile {
width: 100%;
display: block;
position: relative;
}
.media-profile ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
}
.media-profile ul li {
margin-right: 10px;
}
.media-profile ul li:last-child {
margin-right: 0px;
}
.media-profile ul li a {
background: rgba(93, 95, 113, 0.3);
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 100px;
text-decoration: none !important;
transition: ease-in all .3s;
}
.media-profile ul li a:hover {
background: rgba(93, 95, 113, 1);
} .box-article {
border: 1px solid #DEDFE6;
width: 100%;
padding: 27px 20px;
border-radius: 10px;
margin-top: 33px;
}
.more-art {
width: 100%;
position: relative;
}
.more-art:before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 50%;
top: 0;
bottom: 0;
margin: auto;
background: #DEDFE6;
right: 0;
}
.box-article .col-6:last-child .more-art:before {
display: none;
}
.more-art figure {
margin: 0px;
width: 73px;
height: 73px;
border: 5px solid #EDEEF4;
border-radius: 100px;
overflow: hidden;
}
.more-art figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.more-art .card-body {
padding: 0px;
height: 100%;
display: flex;
align-items: center;
}
.more-art .card-body .datePost {
display: block;
width: 100%;
margin-bottom: 6px;
color: #313b4f;
font-size: 10px;
text-transform: uppercase;
padding-left: 20px;
}
.more-art .card-body .datePost i {
left: -20px;
}
.more-art .card-body h2 {
font-size: 11px;
color: #5D5F71;
letter-spacing: 0.08px;
font-weight: 600;
margin-bottom: 0px;
width: 100%;
max-width: 140px;
min-height: 36px;
line-height: 14px;
}
.more-art .card-body h2 a {
color: #5D5F71;
text-decoration: none !important;
} .ebook-blog {
width: 100%;
display: block;
padding-bottom: 67px;
}
.article-blog {
width: 100%;
display: block;
padding-bottom: 60px;
}
.article-blog .header-title h2 {
color: #313B4F;
font-size: 26px;
line-height: 31px;
letter-spacing: -0.32px;
width: 100%;
max-width: 390px;
font-weight: 600;
} .box-menu {
width: 100%;
display: block;
position: relative;
padding: 0px 0px 80px;
}
.box-menu .header-title h2 {
color: #313B4F;
font-size: 26px;
line-height: 31px;
letter-spacing: -0.32px;
width: 100%;
max-width: 370px;
font-weight: 600;
padding-left: 15px;
}
.btn-menu>a {
max-width: 100%;
height: 41px;
}
.menu-boxi {
border-radius: 10px;
border: 1px solid #DEDFE6;
background: #fff;
padding: 0px;
height: 100%;
position: relative;
}
.menu-boxi figure {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
position: relative;
}
.menu-boxi figure:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 50%;
bottom: 0px;
background: rgb(49, 59, 79);
background: linear-gradient(0deg, rgba(21, 21, 21, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}
.menu-boxi figure img {
width: 100%;
height: 100%;
}
.menu-boxi img {
width: 100%;
height: 212px;
object-fit: cover;
object-position: center;
border-bottom: 1px solid #DEDFE6;
border-top-right-radius: 10px;
}
.menu-boxi .card-body {
padding: 74px 30px 30px;
border: none;
}
.price-menu {
top: calc(176px - 0px);
left: 25px;
width: 69px;
height: 69px;
background: #a0c451;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.price-menu span {
color: #fff;
font-size: 20px;
font-weight: 600;
background: #a0c451;
display: block;
}
.menu-boxi .card-body h2 {
color: #313B4F;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
width: 100%;
max-width: 310px;
}
.menu-boxi .card-body h2 a {
color: #313B4F;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
width: 100%;
max-width: 310px;
text-decoration: none !important;
}
.menu-boxi .card-body ul {
list-style: none;
margin: 0;
}
.menu-boxi .card-body ul li {
margin-bottom: 5px;
padding-left: 20px;
position: relative;
color: #313b4f;
font-size: 12px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.1px;
}
.menu-boxi .card-body ul li:last-child {
margin: 0px;
}
.menu-boxi .card-body ul li i {
left: 0px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.menu-boxi .card-footer {
background: transparent;
border: none;
padding: 0px 30px 30px;
bottom: 0 !important;
top: initial;
}
.btn-menu h2 {
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 26px;
margin-bottom: 15px;
}
.menu-boxi.box-home_card a.btn-action {
border: 1px solid #ea008b;
color: #fff;
font-weight: bold;
transition: ease-in all .3s;
max-width: 252px;
margin-left: auto;
margin-right: auto;
}
.menu-boxi.box-home_card a.btn-action:hover {
background: #bd0071;
border: 1px solid #bd0071;
}
.btn-to-page {
font-size: 12px;
text-transform: uppercase;
color: #66666d;
border-bottom: none;
border-radius: 0px;
position: relative;
transition: ease-in all .3s;
letter-spacing: 0.5px;
}
.btn-to-page:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
background: #DEDFE6;
transition: ease-in all .3s;
}
.btn-to-page:hover:before {
background: #212529;
} .ctn-subscript {
width: 100%;
display: block;
padding: 73px 0px; background: #f0f0f0;
}
.subscript-info {
width: 100%;
position: relative;
display: block;
}
.subscript-info span {
display: block;
margin-bottom: 12px;
font-size: 17px;
color: #c60276;
font-weight: 600;
}
.subscript-info h2 {
font-size: 26px;
color: #313B4F;
width: 100%;
max-width: 650px;
margin-left: auto;
margin-right: auto;
letter-spacing: -0.46px;
margin-bottom: 45px;
}
.form-section {
display: flex;
align-items: center;
justify-content: center;
}
.form-section input[type="text"] {
background: transparent;
border-radius: 100px;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 40px;
font-size: 12px;
color: #313b4f;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1px;
padding: 6px 22px;
}
.btn-sendSuscribirme {
width: 100%;
max-width: 163px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
} .top-single {
margin-top: 80px;
background: rgb(254 254 254);
width: 100%;
display: block;
position: relative;
padding-top: 81px;
padding-bottom: 120px;
border-bottom: 3px solid #EBEBEB;
} .ctn-singleInfo {
width: 100%;
display: block;
position: relative;
}
nav.nav-blog-category {
width: 100%;
display: block;
margin-bottom: 0px;
}
nav.nav-blog-category ul {
list-style: none;
display: flex;
}
nav.nav-blog-category ul li {
margin-right: 22px;
}
nav.nav-blog-category ul li:last-child {
margin: 0;
}
nav.nav-blog-category ul li a {
min-height: 32px;
display: flex;
align-items: center;
padding: 0px 20px;
border-top-left-radius: 80px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 400;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
justify-content: center;
background: #323642;
text-decoration: none !important;
transition: ease-in all .3s;
}
nav.nav-blog-category ul li:nth-child(1) a:hover {
background: #88BB89;
}
nav.nav-blog-category ul li.current-menu-item:nth-child(1) a {
background: #88BB89;
}
nav.nav-blog-category ul li:nth-child(2) a:hover {
background: #5D5F71;
color: #fff;
}
nav.nav-blog-category ul li.current-menu-item:nth-child(2) a {
background: #5D5F71;
color: #fff;
}
nav.nav-blog-category ul li:nth-child(3) a:hover {
background: #ED66B6;
color: #fff;
}
nav.nav-blog-category ul li.current-menu-item:nth-child(3) a {
background: #ED66B6;
color: #fff;
}
.ctn-singleInfo h2 {
font-size: 40px;
font-weight: 700;
letter-spacing: -0.5px;
color: #393A43;
margin-bottom: 0px;
}
.btn-scroll {
position: absolute;
right: 0px;
top: 20px;
width: 53px;
height: 53px;
display: none;
}
.btn-scrollPage {
background: #fff;
border-radius: 100px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: 10px solid rgba(222, 223, 230, 0.5);
}
.btn-scrollPage i {
transform: rotate(90deg);
font-size: 12px;
position: relative;
left: -1px;
} .single-contenPost {
background: #fff;
display: block;
padding: 0px 0px 70px;
} .header-single {
width: 100%;
display: block;
}
.header-single h2 {
margin: 0px;
font-size: 40px;
color: #393A43;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 50px;
}
.portada-single {
width: 100%;
display: block;
position: relative;
height: 258px;
margin-bottom: 43px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #DEDFE6;
}
.portada-single img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-text {
width: 100%;
display: block;
position: relative;
padding-bottom: 30px;
}
.content-text p {
color: #5D5F71;
font-weight: 400;
font-size: 16px;
letter-spacing: 0.11px;
line-height: 24px;
}
.content-text blockquote {
position: relative;
margin: 30px 0px;
}
.content-text blockquote p {
padding-left: 27px;
position: relative;
margin: 0px;
}
.content-text blockquote:before {
content: '';
display: block;
width: 4px;
height: 100%;
background: #D3D4DC;
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
}
.content-text ul {
list-style: none;
position: relative;
padding-left: 20px;
margin-top: 30px;
}
.content-text ul li {
position: relative;
margin-bottom: 10px;
font-size: 16px;
color: #5D5F71;
font-weight: 400;
letter-spacing: 0.11px;
line-height: 24px;
}
.content-text ul li:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -20px;
background: #D3D4DC;
width: 7px;
height: 7px;
margin: auto;
border-radius: 100px;
}
.banner-form {
width: 100%;
display: block;
border-radius: 10px;
border: 1px solid #DEDFE6;
}
.banner-form img {
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
object-fit: cover;
object-position: center;
height: 220px;
border-bottom: 1px solid #DEDFE6;
}
.banner-form .card-body {
padding: 30px 33px;
}
.banner-form .card-body h2 {
font-size: 18px;
color: #313B4F;
font-weight: 600;
line-height: 24px;
width: 100%;
max-width: 280px;
margin-bottom: 33px;
}
.banner-form .card-body form {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
}
.banner-form .card-body form input {
display: block;
width: 100%;
height: 41px;
}
.banner-form .card-body form input[type="text"], .banner-form .card-body form input[type="email"] {
border-radius: 100px;
font-size: 12px;
color: #313b4f;
font-weight: 400;
}
.banner-form .card-body form label {
font-size: 12px;
color: #313b4f;
font-weight: 600;
}
.banner-form .card-body form input.btn-action-post {
width: 100%;
max-width: 100%;
margin-top: 30px;
margin-bottom: 0px !important;
}
.social-share {
display: block;
position: relative;
width: 100%;
padding-top: 20px;
}
.social-share ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.social-share ul li {
margin-right: 18px;
}
.social-share ul li:last-child {
margin: 0px;
}
.social-share ul li a {
background: rgba(93, 95, 113, 0.3);
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 100px;
text-decoration: none !important;
transition: ease-in all .5s;
}
.social-share ul li a:hover {
background: rgba(93, 95, 113, 1);
}
.social-share h3 {
font-size: 17px;
color: #ED66B6;
font-weight: 600;
letter-spacing: 0.11px;
line-height: 24px;
margin-bottom: 15px;
}
.portada-reto {
width: 100%;
display: block;
max-width: 360px;
border: 1px solid #DEDFE6;
border-radius: 10px;
overflow: hidden;
height: 100%;
min-height: 297px;
max-height: 297px;
}
.portada-reto img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.review-single .header-title h2 {
color: #313B4F;
font-size: 26px;
line-height: 31px;
letter-spacing: -0.32px;
width: 100%;
max-width: 440px;
font-weight: 600;
padding-left: 15px;
} .review-single {
width: 100%;
display: block;
position: relative;
padding-bottom: 72px;
}
.boxign-review {
width: 100%;
display: block;
position: relative;
padding-right: 25px;
}
.boxign-review:before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 100%;
right: 25px;
top: 0px;
bottom: 0px;
margin: auto;
background: #DEDFE6;
}
#review-singleCarousel .removeBefore .boxign-review:before {
display: none;
}
.profile-review {
width: 60px;
height: 60px;
margin: 0;
position: relative;
overflow: hidden;
border-radius: 100px;
border: 5px solid #EDEDF1;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
.profile-review img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.title-review {
width: 100%;
display: block;
position: relative;
margin-bottom: 13px;
padding-left: 20px;
}
.title-review h2 {
font-size: 18px;
color: #5D5F71;
font-weight: 600;
margin-bottom: 0px;
line-height: 25px;
}
.title-review p {
font-size: 14px;
color: #313b4f;
font-weight: 400;
width: 100%;
max-width: 130px;
line-height: 17px;
margin: 0px;
}
.body-boxign {
width: 100%;
display: block;
position: relative;
}
.body-boxign p {
font-size: 12px;
color: #5D5F71;
font-weight: 400;
letter-spacing: 0.09px;
line-height: 20px;
} .centro-info {
width: 100%;
display: block;
position: relative;
padding: 58px 0px;
}
.centro-info .header-title h2 {
color: #313B4F;
font-size: 26px;
line-height: 31px;
letter-spacing: -0.32px;
width: 100%;
max-width: 420px;
font-weight: 600;
padding-left: 15px;
padding-left: 0px;
}
#banner-centro {
width: 100%;
height: 400px;
position: relative;
overflow: hidden;
}
#banner-centro figure {
margin: 0px;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5px;
position: relative;
}
#banner-centro figure:before {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute; border-radius: 10px;
bottom: 0px;
}
#banner-centro figure img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: top;
}
#banner-centro .owl-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
position: absolute;
width: 100%;
bottom: 20px;
}
#banner-centro .owl-dots button.owl-dot {
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.2);
border-radius: 100px;
margin-right: 6.5px;
transition: ease-in all .3s;
outline: none !important;
}
#banner-centro .owl-dots button.owl-dot:last-child {
margin: 0px;
}
#banner-centro .owl-dots button.owl-dot.active {
background: rgba(255, 255, 255, 1);
} .header-info {
width: 100%;
display: block;
margin-bottom: 40px;
}
.header-info h2 {
margin-bottom: 5px;
font-size: 24px;
color: #313B4F;
line-height: 26px;
font-weight: 700;
}
.header-info h3 {
font-size: 18px; color: #72B3CE;
font-weight: 400;
line-height: 26px;
margin-bottom: 0px;
}
.content-centro {
width: 100%;
display: block;
position: relative;
}
.content-centro p {
color: #5D5F71;
font-weight: 400;
letter-spacing: 0.11px;
line-height: unset;
font-size: calc(12px + .25vw);
} .service-patients {
width: 100%;
display: block;
padding-bottom: 70px;
padding-top: 70px;
}
.service-patients .header-title h2 {
max-width: 400px;
}
.service-patients .card {
padding: 0px;
background: #fff;
border: 1px solid #D3D4DC;
border-radius: 10px;
height: 100%;
}
.service-patients .card .icons-box {
width: 97px;
height: 97px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 30px;
margin-top: 35px;
background: rgba(222, 223, 230, 0.3);
border-radius: 100px;
}
.service-patients .card .icons-box img {
width: 50%;
height: 50%;
object-fit: contain;
object-position: center;
}
.service-patients .card .icons-box i {
font-size: 49px;
}
.service-patients .card .card-body {
padding: 18px 30px 35px 30px;
}
.service-patients .card .card-body h2 {
font-size: 16px;
color: #5D5F71;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.1px;
width: 100%;
margin-bottom: 10px;
}
.service-patients .card .card-body p {
font-size: 14px;
color: #5D5F71;
line-height: 17px;
} .about-doctors {
display: block;
width: 100%;
padding: 50px 0px;
background: #F7F7F7;
}
.header-doctors {
width: 100%;
display: block;
margin-bottom: 60px;
}
.header-doctors h3 {
font-size: 17px;
color: #ED66B6;
font-weight: 600;
line-height: 21px;
margin: 0px 0px 10px;
letter-spacing: 0.1px;
}
.header-doctors h2 {
margin-bottom: 0px;
font-size: 26px;
color: #313B4F;
font-weight: 700;
letter-spacing: -0.11px;
line-height: 31px;
}
#docts-profile .owl-stage-outer {
padding-top: 70px;
}
#docts-profile .owl-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 34px;
}
#docts-profile .owl-dots button.owl-dot {
width: 8px;
height: 8px;
background: rgba(132, 134, 155, 0.2);
border-radius: 100px;
margin-right: 7.5px;
transition: ease-in all .3s;
outline: none !important;
}
#docts-profile .owl-dots button.owl-dot:last-child {
margin: 0px;
}
#docts-profile .owl-dots button.owl-dot.active {
background: rgba(132, 134, 155, 1);
}
.card-profile {
position: relative;
width: 100%;
border: 1px solid #DEDFE6;
background: #fff;
border-radius: 10px;
padding-top: 160px;
}
.card-profile figure {
width: 206px;
height: 206px;
margin-left: auto;
margin-right: auto;
border: 8px solid #EDEDF1;
overflow: hidden;
border-radius: 100px;
padding: 0px;
background: #EDEDF1;
position: absolute;
}
.card-profile figure:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1);
}
.card-profile figure img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.card-profile .card-body {
text-align: center;
padding: 30px 40px 10px;
}
.card-profile .card-body h2 {
color: #5D5F71;
font-size: 22px;
font-weight: 700;
line-height: 21px;
margin: 0;
}
.card-profile .card-body h3 {
font-size: 12px;
color: #86D5F6;
font-weight: 600;
line-height: 21px;
margin-bottom: 27px;
}
.card-profile .card-body p {
font-size: 14px;
color: #313b4f;
font-weight: 400;
margin-bottom: 15px;
line-height: inherit;
}
.card-profile .card-footer {
background: transparent;
border: none;
padding: 0px 0px 30px 0px;
} .content-contact {
width: 100%;
display: block;
position: relative;
padding-bottom: 70px;
}
.contact-profile {
width: 100%;
height: 528px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #DEDFE6;
margin: 0px;
}
.contact-profile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.form-contact {
width: 100%;
height: 100%;
background: #fff;
overflow: hidden;
border: 1px solid #DEDFE6;
border-radius: 10px;
padding: 35px 43px 20px;
max-height: 528px;
}
.form-contact h2 {
font-size: 26px;
color: #313B4F;
font-weight: 600;
line-height: 30px;
width: 100%;
margin-bottom: 30px;
}
.form-contact input[type="text"],
.form-contact input[type="email"] {
width: 100%;
border-radius: 100px;
height: 47px;
display: flex;
align-items: center;
padding: 0px 20px;
font-size: 14px;
color: #313b4f;
letter-spacing: 0.1px;
line-height: 24px;
font-weight: 600;
}
.form-contact label {
color: #313b4f;
font-size: 12px;
font-weight: 600;
}
.form-contact textarea {
width: 100%;
border-radius: 20px;
height: 47px;
display: flex;
align-items: center;
padding: 15px 20px;
min-height: 140px;
resize: none;
font-size: 14px;
color: #313b4f;
letter-spacing: 0.1px;
line-height: 24px;
font-weight: 600;
}
.form-contact input.btn-senMessa {
background: #86D5F6;
min-width: 176px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
text-transform: uppercase;
border-radius: 100px;
font-weight: 600;
margin-bottom: 0px;
}
.ctn-infoContact {
width: 100%;
display: block;
border: 1px solid #DEDFE6;
height: 100%;
background: #fff;
overflow: hidden;
border-radius: 10px;
}
.ctn-infoContact figure {
width: 100%;
margin: 0;
height: 202px;
border-bottom: 2px solid #D3D4DC;
}
.ctn-infoContact figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ctn-infoContact .body-infoContact {
padding: 35px 40px 0px 40px;
}
.ctn-infoContact .body-infoContact h2 {
font-size: 17px;
line-height: 20px;
color: #313B4F;
font-weight: 700;
text-align: center;
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
}
.ctn-infoContact .body-infoContact h2:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #C1C2D2;
position: absolute;
bottom: 0px;
}
.ctn-infoContact .body-infoContact ul {
padding: 0px;
list-style: none;
margin-bottom: 20px;
}
.ctn-infoContact .body-infoContact ul li {
text-align: center;
font-size: 14px;
color: #313b4f;
font-weight: 600;
line-height: 20px;
}
.ctn-infoContact .body-infoContact>ul>li>a {
text-align: center;
font-size: 14px;
color: #313b4f;
font-weight: 600;
line-height: 20px;
text-decoration: none !important;
}
.ctn-infoContact .body-infoContact p {
text-align: center;
font-size: 14px;
color: #313b4f;
font-weight: 500;
line-height: 16px;
margin-bottom: 20px;
}
.content-404 {
width: 100%;
display: flex;
position: relative;
min-height: 714px;
height: 90vh;
padding-top: 80px;
overflow: hidden;
align-items: center;
justify-content: center;
}
.content-404 figure {
position: absolute;
width: 100%;
height: 100%;
}
.content-404 figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.content-text404 {
width: 100%;
position: relative;
}
.content-text404 h1 {
font-size: 156px;
color: #ED66B6;
text-align: center;
font-weight: 300;
margin: 0px;
}
.content-text404 h2 {
color: #313B4F;
font-size: 27px;
width: 100%;
max-width: 380px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: 300;
}
.content-text404 .btn-404 {
background: #86D5F6;
min-width: 176px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
text-transform: uppercase;
border-radius: 100px;
font-weight: 600;
margin-bottom: 0px;
width: 100%;
max-width: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
.content-404 figure:before {
content: '';
position: absolute;
width: 90vw;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0) 100%);
left: 0;
}
.content-404 figure:after {
content: '';
position: absolute;
width: 30vw;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.50) 100%);
right: 0;
top: 0;
}
.field_required {
display: none;
} .btn_navMobilem {
position: absolute;
right: 20px;
top: 5px;
width: 44px;
height: 44px;
cursor: pointer;
z-index: 999;
}
.btn_navMobilem svg {
margin: 0;
padding: 0;
position: absolute;
left: 0;
transition: 0.3s;
width: 44px;
right: 0;
margin: auto;
}
.btn_navMobilem svg:nth-child(1) rect {
width: 80%;
x: 0;
}
rect.gh-svg-rect.gh-svg-rect-bottom {
fill: #ea008a;
height: 8px;
transition: .3s;
x: 0;
rx: 5;
width: 80%;
ry: 5;
}
.btn_navMobilem svg:nth-child(2) rect {  }
.opmennav .gh-svg-top {
transform: rotate(45deg);
left: -17px;
top: 7px; }
.opmennav .gh-svg-bottom {
transform: rotate(-45deg);
left: -12px;
top: -12px; }
.opmennav .gh-svg.gh-svg-center {
visibility: hidden;
opacity: 0;
transition: none;
}
.content-menu {
position: fixed;
width: 100%;
height: 100%;
z-index: 170;
background: #ea008a;
top: 82px;
visibility: hidden;
opacity: 0;
right: 0;
transition: ease-in all .3s;
-webkit-transition: ease-in all .2s;
-moz-transition: ease-in all .3s;
-ms-transition: ease-in all .3s;
-o-transition: ease-in all .3s;
}
.content-menu.opmennav { visibility: visible;
opacity: 1;
top: 80px;
}
.content-menu .header-menu {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15px 25px;
border-bottom: 1px solid #ca0077;
}
i.close {
font-size: 35px;
color: #fff !important;
z-index: 1000;
cursor: pointer;
opacity: .5;
}
.content-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.content-menu ul li {
border-bottom: 1px solid rgba(202, 0, 119, 0.6);
}
.content-menu ul li a {
padding: calc(8px + 1vh) 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
text-transform: uppercase;
text-decoration: none !important;
color: #fff;
font-weight: 600;
}
div#caldera_form_1 {
width: 100%;
}
#banner-centro {
margin-bottom: 30px;
margin-top: 0px;
height: 100%;
}
.section-form {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.section-form input {
width: 100%;
display: block;
height: 40px;
border: 1px solid #AFB0BD;
background: transparent;
font-size: 12px;
letter-spacing: 0.1px;
font-weight: 400;
border-radius: 100px;
padding-left: 25px;
}
input.btn-suscription {
background: #72b3ce;
border: 1px solid #86D5F6;
font-size: 12px;
text-transform: uppercase;
height: 40px;
color: #313B4F;
letter-spacing: 0.5px;
width: 100%;
margin-left: 0 !important;
font-weight: 600;
transition: ease-in all .3s;
padding: 0px;
}
.at-resp-share-element .at-share-btn {
margin-right: 10px !important;
padding: 7px !important;
}
.at-resp-share-element .at-share-btn:last-child {
margin-right: 0px !important;
}
input.btn-suscription:hover {
background: #7dccec;
color: #313b4f;
border-color: #313b4f;!i;!;
}
.card-body h2 {
color: #313B4F;
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin-bottom: 10px;
width: 100%;
max-width: 310px;
}
.card-body ul {
list-style: none;
margin: 0;
}
.card-body ul li {
margin-bottom: 5px;
padding-left: 20px;
position: relative;
color: #313b4f;
font-size: 12px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.1px;
}
.card-body ul li:last-child {
margin: 0px;
}
.card-body ul li i {
left: 0px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.single-contenPost .btn-menu {
padding: 0px 40px;
}
.box-ebook .card-body h2 {
color: #fff;
margin-bottom: 30px;
font-size: 19px;
font-weight: 700;
}
.content-text h3 {
color: #5D5F71;
font-weight: 700; letter-spacing: 0.11px; margin-bottom: 2rem;
}
.content-text h5 {
color: #5D5F71;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.11px;
line-height: 24px;
margin-bottom: 2rem;
}
.box-posts a {
position: relative;
width: 100%;
height: 100%;
text-decoration: none !important;
overflow: hidden;}
section.home_ebook-blog {
width: 100%;
padding: 64px 0px 80px;
position: relative;
}
section.home_ebook-blog:before {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: #EBEBEB;
max-width: 165px;
left: 0;
right: 0;
margin: auto;
}
.header-section.sectionHome p {
color: #464752;
}
.menu-boxi a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.box-ebook a {
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.btn-ctnMovil {
width: 100%;
background: #000;
position: fixed;
bottom: 0px;
z-index: 9;
}
.btn-ctnMovil .btn-action {
width: 100%;
max-width: 100%;
border-radius: 0px !important;
padding: 25px 0px;
display: none;
}
.header-title.centroDra h2 {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 36px;
line-height: 40px;
margin-bottom: 10px;
}
.header-title.centroDra  p {
font-size: 16px;
max-width: 430px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #676873;
font-weight: 400;
padding-right: 0;
}
.centro-info .centro-text {
padding-top: 10px;
}
.servicePlanes {
width: 100%;
display: block;
position: relative;
padding: 30px 0px;
}
.m-w {
max-width: 100%;
}
.boxPlanes {
width: 100%;
display: block;
position: relative;
background: #fff;
border: 1px solid #D3D4DC;
margin-bottom: 40px;
padding: 30px 25px 25px;
border-radius: 12px;
}
.boxPlanes:last-child {
margin-bottom: 0px;
}
.boxPlanes span {
position: absolute;
top: -20px;
left: -1px;
padding: 8px 26px;
background: #61647d;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
}
.boxPlanes h2 {
font-size: 16px;
color: #5D5F71;
font-weight: 700;
margin-bottom: 13px;
}
.boxPlanes p {
margin-bottom: 10px;
font-size: 12px;
color: #5D5F71;
font-weight: 600;
}
.btn-menu.cntr {
width: max-content;
margin-left: auto;
margin-right: auto;
position: relative;
}
.btnToP a {
height: 40px;
max-width: 220px;
margin-left: auto;
margin-right: auto;
}
#banner-centro .item {
height: 100%;
min-height: 100%;
}
div#banner-centro .owl-stage-outer {
height: 100%;
}
div#banner-centro .owl-stage-outer .owl-stage {
height: 100%;
}
div#banner-centro .owl-stage-outer .owl-stage .owl-item {
height: 100%;
}
#banner-home .item[data-id='861'] .content-banner,
#banner-home .item[data-id='865'] .content-banner,
#banner-home .item[data-id='866'] .content-banner{
display: none;
}
#banner-home .item[data-id='861'] figure:before,
#banner-home .item[data-id='865'] figure:before,
#banner-home .item[data-id='866'] figure:before{
display: none;
}
.content-politic {
width: 100%;
display: block;
position: relative;
}
.content-politic ol, .content-politic ul {
padding: 0;
margin: 0;
position: relative;
}
.content-politic li {
font-size: 16px;
color: #5D5F71;
font-weight: 400;
letter-spacing: 0.11px;
line-height: 24px;
margin-bottom: 15px;
}
.content-politic li strong {
font-weight: 600;
color: #ed6666;
}
.banner-form input {
width: 100%;
display: block;
height: 32px;
border: 1px solid #AFB0BD;
background: transparent;
font-size: 13px;
letter-spacing: 0;
font-weight: 400;
border-radius: 100px !important;
padding: 10px !important;
}
.banner-form label {
font-size: 11px;
color: #313b4f;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
width: 100%;
}@font-face {
font-family: 'icomoon';
src: url(//dragi.do/wp-content/themes/themedragi/fonts/icomoon.eot);
src: url(//dragi.do/wp-content/themes/themedragi/fonts/icomoon.eot) format('embedded-opentype'),
url(//dragi.do/wp-content/themes/themedragi/fonts/icomoon.ttf) format('truetype'),
url(//dragi.do/wp-content/themes/themedragi/fonts/icomoon.woff) format('woff'),
url(//dragi.do/wp-content/themes/themedragi/fonts/icomoon.svg) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] { font-family: 'icomoon' !important; font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-02-arrow-banner:before {
content: "\e90f";
color: #84869b;
}
.icon-01-arrow:before {
content: "\e911";
}
.icon-01-check:before {
content: "\e912";
}
.icon-01-right-arrow:before {
content: "\e913";
color: #556077;
}
.icon-01-arrow-banner:before {
content: "\e914";
color: #84869b;
}
.icon-02-right-arrow:before {
content: "\e915";
color: #0782b5;
}
.icon-00-apple:before {
content: "\e900";
color: #a0cd53;
}
.icon-01-appointment:before {
content: "\e901";
color: #86d5f6;
}
.icon-01-cod:before {
content: "\e902";
color: #a0cd53;
}
.icon-01-diet:before {
content: "\e903";
color: #a0cd53;
}
.icon-01-doctor:before {
content: "\e904";
color: #86d5f6;
}
.icon-01-rate:before {
content: "\e905";
color: #a0cd53;
}
.icon-02-diet:before {
content: "\e906";
color: #86d5f6;
}
.icon-01-measure:before {
content: "\e907";
color: #86d5f6;
}
.icon-01-medical:before {
content: "\e908";
color: #86d5f6;
}
.icon-01-reduce:before {
content: "\e909";
color: #a0cd53;
}
.icon-01-adn:before {
content: "\e90a";
color: #86d5f6;
}
.icon-03-reduce:before {
content: "\e90b";
color: #ed66b6;
}
.icon-diet1:before {
content: "\e90c";
color: #a0cd53;
}
.icon-02-reduce:before {
content: "\e90d";
color: #ed66b6;
}
.icon-02-doctor:before {
content: "\e90e";
color: #97258e;
}
.icon-01-sugar:before {
content: "\e910";
color: #84869b;
}@media screen and (max-width: 1024px) and (min-width: 961px) {
.header-title { padding-right: 15px; }
.total-patients .card { min-height: 340px; height: 100%; }
.profile { padding: 26px 38px; }
.bottom-0 { position: initial; }
nav.category-post { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
}
@media screen and (max-width: 960px) {
nav.category-post {overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;min-height: 46px;}
.servicePlanes {padding: 20px 0px;}
.service-patients { padding: 30px 0px; }
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.header-title { padding-right: 15px; }
.profile { padding: 25px 25px; }
.total-patients .card {min-height: 260px;height: 100%;text-align: center;max-width: 300px;margin-left: auto;}
.total-patients .col-12:nth-child(2n) .card { margin-right: auto; }
.total-patients .card .icons-box { margin-left: auto; margin-right: auto; }
.box-posts .card-footer .btn-post { justify-content: normal; margin-top: 10px; }
.box-posts .card-body {padding: 22px 22px 0px;flex: initial;}
.box-posts img { height: 200px; }
.box-posts .card-footer { padding: 20px 22px; }
.media-footer:before {right: -50px;display: none;}
.contact-information:before {right: -15px;display: none;}
.box-ebook { max-height: 400px; min-height: 400px; }
.more-art figure { width: 60px; height: 60px; }
.more-art:before { right: -10px; }
.box-posts .card-footer .date-post p { font-size: 10px; }
.btn-scroll {right: 15px;top: -20px;}
.header-single h2 {font-size: 24px;line-height: normal;width: 100%;max-width: 300px;}
.box-benefits { margin-right: inherit;}
.benefits .col-12:nth-child(2n) .box-benefits { margin-left: initial; }
.box-posts { min-height: auto; }  .menu-boxi img { height: 130px; }
.menu-boxi .card-body { padding: 40px 20px 20px; }
.price-menu {width: 49px;height: 49px;top: calc(106px - 0px);left: 15px;}
.price-menu span { font-size: 16px; }
.menu-boxi .card-body h2 { font-size: 15px; line-height: initial; }
.menu-boxi .card-body ul li { font-size: 10px; line-height: inherit; margin-bottom: 13px; }
.btn-menu>a { position: relative; font-size: 10px; }
.btn-to-page:before { width: 100%; }
.btn-menu .btn-action-post.download { font-size: 12px; height: 30px; margin-bottom: 5px !important; }
.top-single { padding-bottom: 90px; }
.ctn-singleInfo h2 { font-size: 24px; max-width: 510px; margin-top: 30px; }
.centro-info .header-title h2 { padding: 0; font-size: 24px; }
.header-info { margin-bottom: 25px; }
.service-patients .card {max-width: 300px;min-height: 288px;margin: auto;}
.service-patients .col-12:nth-child(2n) .card { margin-right: auto; }
.service-patients .card .icons-box { margin-left: auto; margin-right: auto; }
.service-patients .card .card-body h2 { font-size: 14px; text-align: center; }
.service-patients .card .card-body p { text-align: center; font-size: 12px; font-weight: 400; line-height: initial; }
.social-share ul li { margin-right: 13px; }
.banner-form img { height: 180px; }
.banner-form .card-body { padding: 20px 20px; }
.banner-form .card-body h2 { font-size: 15px; line-height: initial; margin-bottom: 20px; }
.social ul li a { font-size: 11px; }
.social ul li { width: 23px; height: 23px; }
.ctn-learnEat .content-info .btns-link { position: initial; }
.box-client .card-body h3 { font-size: 12px; }
.box-client .card-body h3>span { font-size: 13px; font-weight: 400; }
}
@media screen and (max-width: 768px) and (min-width: 425px) {
.box-client .card-body h3 {}
.box-client .card-body h3>span { font-size: 13px; font-weight: 400; }
.ctn-learnEat .content-info .btns-link { position: initial; }
.social ul li a { font-size: 11px; }
.social ul li { width: 23px; height: 23px; }
.centro-info .header-title h2 { padding: 0; font-size: 24px; }
.ctn-infoContact .body-infoContact { padding: 35px 40px 25px 40px; }
.form-contact { padding: 35px 30px 20px; display: flex; align-items: center; justify-content: center; width: 100%; }
.box-posts .card-body h2 {font-size: 16px;line-height: normal;margin-bottom: 0px;}
.box-posts .card-body p { font-size: 12px; line-height: normal; }
.box-posts .card-footer .btn-post .btn-action-post { display: block; width: 100%; max-width: 100%; }
.box-ebook {max-height: 517px;min-height: 310px;}
.box-posts .card-body {padding: 15px 15px 0px;flex: initial;}
.box-posts img { height: 200px; }
.box-posts .card-footer {padding-bottom: 20px;}
.box-posts .card-footer .btn-post { margin-top: 5px; }
.box-posts .card-footer .date-post p { text-align: center; }
nav.category-post { overflow: scroll; }
nav.category-post ul li { min-width: 120px; }
.header-profile h2 { font-size: 10px; line-height: normal; }
.profile figure { width: 110px; height: 110px; }
.body-profile p { font-size: 10px; }
.body-profile { margin-bottom: 15px; }
.name-profile h2 { font-size: 16px; }
.name-profile h3 { font-size: 10px; }
.more-art figure {width: 50px;height: 50px;margin: auto;}
.more-art .card-body .datePost {font-size: 7px;width: fit-content;margin-left: auto;margin-right: auto;}
.more-art .card-body h2 {font-size: 10px;margin: auto;}
.more-art .card-body { padding-left: 5px; }
.date-last p { width: 60px; height: 60px; font-size: 18px; padding-top: 18px; }
.date-last p span { font-size: 6px; }
.date-last:before { width: 88px; height: 88px; }
#last-posts h2 a {max-width: 310px;text-align: center;}
.box-ebook .btn-post a { max-width: 100%; }
.ctn-call h2 {font-size: 24px;line-height: normal;margin-bottom: 30px;max-width: 500px;}
.service-patients .header-title h2 { max-width: 95%; }
.box-posts { min-height: auto; } .box-ebook h2 { font-size: 14px; line-height: initial; margin-bottom: 15px; }
.menu-boxi img {height: 250px;}
.menu-boxi .card-body { padding: 40px 20px 20px; }
.price-menu {width: 49px;height: 49px;}
.price-menu span {font-size: 14px;}
.menu-boxi .card-body h2 { font-size: 15px; line-height: initial; }
.menu-boxi .card-body ul li { font-size: 10px; line-height: inherit; margin-bottom: 13px; }
.menu-boxi .card-body ul li i { display: none; }
.btn-menu>a { position: relative; font-size: 10px; }
.btn-to-page:before { width: 100%; }
.btn-menu .btn-action-post.download { font-size: 12px; height: 30px; margin-bottom: 5px !important; }
.top-single { padding-bottom: 90px; }
.ctn-singleInfo h2 {font-size: 22px;max-width: 510px;margin-top: 30px;}
.header-info { margin-bottom: 25px; }
.service-patients .card {max-width: 300px;min-height: 288px;margin: auto;}
.service-patients .col-12:nth-child(2n) .card { margin-right: auto; }
.service-patients .card .icons-box { margin-left: auto; margin-right: auto; }
.service-patients .card .card-body h2 { font-size: 14px; text-align: center; }
.service-patients .card .card-body p { text-align: center; font-size: 12px; font-weight: 400; line-height: initial; }
.social-share ul li { margin-right: 13px; }
.banner-form img { height: 180px; }
.banner-form .card-body { padding: 20px 20px; }
.banner-form .card-body h2 {font-size: 15px;line-height: initial;margin-bottom: 20px !important;margin-left: auto !important;margin-right: auto !important;display: block;}
.media-footer {max-width: 220px;height: 100%;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.contact-information h2 {font-size: 16px;}
.contact-information p { font-size: 12px; }
.contact-information ul li a { font-size: 12px; }
.form-footer { margin-left: auto;margin-right: auto;text-align: center;margin-top: 39px;}
.form-footer h2 { font-size: 13px; line-height: initial; margin-bottom: 0px; }
.header-form {margin-bottom: 10px;margin-left: auto;margin-right: auto;}
.form-footer label { font-size: 10px; }
.form-footer input { font-size: 10px; }
.media-footer:before {right: -35px;display: none;}
}
@media screen and (max-width: 767px) {
nav.category-post ul li { min-width: 120px; }
.last-posts .card {min-height: initial;max-width: initial;border-radius: 5px;height: 100%;}
.last-posts .card .card-img { height: 100%; object-fit: cover; object-position: center; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; }
.last-posts .card .card-body {padding: 10px 10px 10px 10px;transition: 0.3s;height: 100%;display: flex;align-items: center;}
.last-posts .card .card-body h2 a {font-size: 18px;line-height: normal;display: block;color: #000;text-decoration: none !important;font-weight: 400;text-align: left;}
.box-client .card-body .circle-box {width: initial;border-radius: 5px !important;height: 30px;margin-bottom: 10px;padding: 5px 10px;position: absolute;top: -38px;left: 3px;}
.ebook-blog { padding-bottom: 30px; }
.article-blog { padding-bottom: 30px; }
.box-client .card-body h3 > span { color: #556077; font-size: 12px; font-weight: 400; }
.box-client .card-body h3 { color: #000; }
.banner-top figure {height: 310px;top: 0px;transition: .3s;margin: 0px;}
.banner-top figure img { object-position: left; }
#banner-home .content-banner {margin: 0px;width: 100%;height: 100%;}
.banner-top {min-height: 566px;max-height: 576px;}
#banner-home .item {min-height: 520px;align-items: flex-end;}
#banner-home .content-banner h2 {font-size: 25px;line-height: 30px;text-align: left;font-weight: 600;margin-bottom: 15px;}
#banner-home .content-banner p {max-width: 100%;text-align: left;font-size: 17px;line-height: normal;margin-bottom: 25px;font-weight: 300;}
#banner-home .content-banner .btn-action {margin-right: auto;display: flex;max-width: initial;height: 30px;padding: 5px 15px;display: inline-flex;margin-left: 30px;}
.content-banner .btn-action:before { width: 20px; height: 20px; left: -30px; }
.ctn-learnEat {padding: 20px 0px 40px;}
.content-info h2 {font-size: 20px;font-weight: 600;line-height: normal;margin-bottom: 20px;}
.content-info p { font-size: 14px; line-height: normal; }
.content-info {margin-bottom: 30px;}
.benefits {padding: 30px 0px 30px;}
.header-section h2 {font-size: 20px;}
.header-section p {font-size: 12px;line-height: normal;font-weight: 400;color: #556077;max-width: 90%;}
section.client-review .header-section h2 { max-width: 90%; }
section.client-review { padding: 30px 0px; }
.last-posts { padding: 30px 0px; }
section.last-posts .header-section { margin-bottom: 50px; }
.ctn-call h2 {font-size: 18px;line-height: normal;margin-bottom: 20px;max-width: 90%;}
.callTo { height: initial; min-height: auto; padding: 40px 0px; }
.footer-top { padding: 30px 0px; }
header .logo { max-width: 180px; }
.copy p { font-size: 9px; }
.copy p a { font-size: 9px; }
.total-patients .card {margin-left: auto;margin-right: auto;min-height: 280px;}
section.total-patients { padding: 30px 0px; }
.total-patients .card .card-body h2 { line-height: initial;text-align: center;max-width: 85%;margin-left: auto;margin-right: auto;margin-top: 20px;}
.total-patients .card .card-body p {font-size: 11px;max-width: 85%;margin-left: auto;margin-right: auto;text-align: center;line-height: initial;}
.review-plans .header-title h2 {max-width: 340px;font-size: 24px;}
.review-plans { padding: 30px 0px; }
.tranforms-plans { padding: 30px 0px; }
.tranforms-plans .header-title h2 {font-size: 24px;line-height: normal;max-width: 90%;margin-bottom: 15px !important;}
.tranforms-plans .header-title p {font-size: 16px;line-height: normal;margin-left: initial;max-width: 80%;margin-bottom: 30px;}
.header-title { margin-bottom: 40px; }
.banner-posts .header-title h2 {font-size: 24px;line-height: normal;max-width: 90%;margin-bottom: 15px !important;}
.banner-posts { padding: 30px 0px; }
.banner-posts .header-title p {font-size: 16px;line-height: normal;margin-left: initial;max-width: 80%;margin-bottom: 50px;}
.card {min-height: initial;max-width: initial;border-radius: 5px;height: 100%;}
.card .card-img { height: 100%; object-fit: cover; object-position: center; border-top-right-radius: 0px; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; }
.card .card-body {padding: 10px 10px 10px 10px;transition: 0.3s; display: block;margin: auto;}
.service-patients .card .icons-box { width: 50px; height: 85px; margin-left: auto; margin-right: auto; }
.card .card-body h2 a {font-size: 14px;line-height: normal;display: block;color: #000;text-decoration: none !important;font-weight: 400;text-align: center;}
.btn-to-page:before { width: 80%; }
.box-menu { padding-bottom: 30px; }
.ctn-subscript { padding: 30px 0px; }
.box-client img { max-height: 210px; }
.box-benefits .card-body i {font-size: 38px;height: 38px;margin-top: 20px;width: 38px;}
.box-benefits .card-body p {font-size: 14px;margin-bottom: 20px;line-height: normal;}
.more-art .card-body h2 a { text-align: center; }
#last-posts .card-body { padding-bottom: 35px; }
.ebook-blog .card .card-body, .article-blog .card .card-body {display: block;width: 100%;margin: 0px;}
.content-text h3 { font-size: 20px; }
.content-text p { font-size: 14px; line-height: initial; }
.content-text h5 { font-size: 16px; margin-bottom: 1rem; }
.menu-boxi img { margin-bottom: 30px; }
.menu-boxi .price-menu { top: 47%;}
.menu-boxi .card-body ul li i { display: none; }
}
@media screen and (max-width: 425px) {
.menu-boxi .card-body ul li {font-size: 10px;line-height: inherit;margin-bottom: 13px;padding-left: 0px;}
section.total-patients .header-title { margin-bottom: 30px; }
nav.nav-blog-category ul li a { font-size: 10px; }
input.btn-suscription { max-width: 70%; margin-left: auto !important; margin-right: auto !important; }
.box-benefits { max-width: 270px; }
.box-client {max-width: 320px;margin-left: auto;margin-right: auto;}
.box-ebook { max-width: 350px; min-height: 360px; margin-left: auto; margin-right: auto; overflow: hidden; }
.box-posts {max-width: 350px;margin-left: auto;margin-right: auto;min-height: auto;text-align: center;}
.box-ebook .btn-post a { margin-right: auto;max-width: 170px;}
.btn-scroll { display: none; }
.content-info .btns-link { position: initial; }
.page-top {min-height: calc(250px + 10vw);}
.page-top .content-banner h2 { font-size: 23px; line-height: normal; font-weight: 600; }
.page-top .content-banner span.slog {font-size: 12px;margin-bottom: 10px;}
.page-top .content-banner p {font-size: 16px;line-height: normal;width: 100%;max-width: 350px;font-weight: 600;}
.header-title h2 {font-size: 24px;line-height: normal;max-width: 320px;margin-bottom: 15px !important;padding-left: 0px !important;}
.service-patients .header-title h2 { max-width: 95%; font-size: 23px; }
.article-blog .header-title h2 { font-size: 24px; line-height: normal; max-width: 95%; }
.header-title p {font-size: 16px;line-height: normal;margin-left: initial;max-width: 230px;text-align: left !important;font-weight: 600;}
#post-review .category-post span { right: initial; top: -24px; left: 0; min-width: 80px; border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 5px; height: 40px; }
#post-review figure {min-height: 250px;max-height: 270px;}
#post-review figure img { object-position: top; }
#post-review .card-body {padding-top: 20px;display: block;}
#post-review .card-body h2 {margin-bottom: 10px;}
#post-review .card-body p {font-size: 14px;letter-spacing: initial;color: #313b4f;line-height: inherit;}
.date-last p { margin-bottom: 20px !important; }
.date-last:before {top: -15px;}
#last-posts h2 {text-align: center;display: block;}
#last-posts h2 a {margin: 0px;line-height: normal;text-align: center;max-width: 100%;font-size: 17px;}
.more-art figure { margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.box-article .col-6:nth-child(2) .more-art:before { display: none; }
.box-article .col-6:nth-child(4) .more-art:before { display: none; }
.box-article .col-6:nth-child(2) .more-art { margin-bottom:10px; }
.box-article .col-6:nth-child(4) .more-art { margin-bottom:10px; }
.more-art:before { right: -15px; }
.more-art .card-body .datePost {font-size: 9px;padding: 0;text-align: center;}
.more-art .card-body .datePost i {left: 5px;display: none;}
.more-art .card-body h2 { text-align: center; margin-left: auto; margin-right: auto; }
.box-ebook .date-post { margin-bottom: 10px; }
.box-ebook h2 { width: 100%; max-width: 300px; }
.box-posts .card-footer {padding-bottom: 10px;padding-top: 0px;}
.box-posts .card-body {padding: 25px 25px 20px;flex: 0.3 auto;}
.box-posts img { height: 301px; } .date-post { margin-bottom: 10px; }
.ctn-singleInfo h2 { text-align: center; margin-top: 30px; font-size: 31px; line-height: normal; }
nav.nav-blog-category ul { align-items: center; justify-content: center; }
.media-footer {margin-bottom: 40px;}
.media-footer:before { display: none; }
.contact-information { margin-bottom: 40px; }
.contact-information:before { display: none; }
.media-footer,.form-footer {margin-left: auto;margin-right: auto;text-align: center;}
.form-footer label{text-align:center;}
.form-footer input { text-align: center; }
.subscript-info h2 { font-size: 18px; max-width: 350px; }
.subscript-info span { font-size: 14px; margin-bottom: 10px; }
.header-single h2 { font-size: 26px; line-height: normal; }
.slog-contact { font-size: 14px; }
.content-text p { font-size: 14px; }
.portada-reto { margin-left: auto; margin-right: auto; }
.ctn-infoContact .body-infoContact { padding-bottom: 30px; }
.form-contact {padding: 20px 20px 15px 20px;}
.total-patients .card .icons-box {margin-left: auto;margin-right: auto;width: 70px;height: 110px;}
.total-patients .card .icons-box i { font-size: 34px; }
.total-patients .card .card-body {padding: 0px;display: block;}
.box-article { padding-bottom: 15px; }
.menu-boxi {max-width: 320px;margin-left: auto;margin-right: auto;border-radius: 10px;}
.box-posts .card-footer .btn-post .btn-action-post { display: block; width: 100%; max-width: 100%; }
.banner-top figure { height: 260px; }
#post-review .owl-nav { display:  none; }
.header-title { margin-bottom: 0px; }
.pagination.pagination-category { margin: 20px 0px 0px; }
.pagination .page-numbers { width: 30px; height: 30px; font-size: 12px; }
.pagination .page-numbers.next { max-width: 124px; }
.pagination .page-numbers.prev { max-width: 120px; }
div#post-review { margin-top: 40px; }
.card .card-body {min-height: 110px; text-align: center;padding: 10px !important;height: auto;}
.more-art .card .card-body {min-height: 80px;display: block;}
.box-client .card-body { display: flex; align-items: center; justify-content: center; width: 100%; }
a.btn.btns-link { margin-bottom: 30px; }
form#mc-embedded-subscribe-form { display: flex; align-items: center; justify-content: center; }
.header-title.centroDra h2 { font-size: 20px; line-height: normal; max-width: 79%; margin-bottom: 10px !important; }
.header-title.centroDra p { text-align: center !important; max-width: 300px !important; padding: 0; font-size: 14px; }
.header-title.centroDra { padding-left: 0; margin-bottom: 20px; }
.centro-info p {max-width: 100%;font-size: 14px;}
.centro-info {padding: 30px 0px 20px;}
.service-patients .card .icons-box { width: 60px; height: 60px; }
.service-patients .card { min-height: 250px; }
.boxPlanes a.btn.btns-link { margin-bottom: 0px; font-size: 12px; }
.boxPlanes { padding-bottom: 20px; }
.centro-info .header-title h2 { font-size: 18px; line-height: normal; }
#banner-home .item[data-id='861'] .content-banner,
#banner-home .item[data-id='865'] .content-banner,
#banner-home .item[data-id='866'] .content-banner{
display: block;
}
}
@media (max-width: 500px) {
.menu-boxi .price-menu {top: calc(100% - 206px);}
.slog {text-align: center;}
}
@media (max-width: 425px) {
.menu-boxi .price-menu {top: calc(100% - 300px);}
.page-template-front-page .menu-boxi .price-menu {top: calc(100% - 320px);}
.menu-boxi img {margin-bottom: 40px;}
}
@supports (-webkit-touch-callout: none) {
.menu-boxi .price-menu {top: calc(100% - 295px);}
.price-menu span { font-size: 17px; }
}