@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");@font-face {
font-family: uni sans 700;
src: url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Bold.woff2) format("woff2"),url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Bold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: uni sans regula;
src: url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Regular.woff2) format("woff2"),url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: uni sans semibold;
src: url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-SemiBold.woff2) format("woff2"),url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: uni sans heavy;
src: url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Heavy.woff2) format("woff2"),url(//amadita.com/wp-content/themes/amaditatheme/assets/fonts/Uni-Sans-Heavy.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap
}
@-webkit-keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(26,25,44,.3)
}
70% {
box-shadow: 0 0 0 20px transparent
}
100% {
box-shadow: 0 0 0 20px transparent
}
}
@-moz-keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(26,25,44,.3)
}
70% {
box-shadow: 0 0 0 20px transparent
}
100% {
box-shadow: 0 0 0 20px transparent
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(26,25,44,.3)
}
70% {
box-shadow: 0 0 0 20px transparent
}
100% {
box-shadow: 0 0 0 20px transparent
}
}
@-webkit-keyframes pulseWhidth {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
70% {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03)
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
}
@-moz-keyframes pulseWhidth {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
70% {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03)
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
}
@keyframes pulseWhidth {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
70% {
transform: scale(1.03);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03)
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
}
@-webkit-keyframes moveBG {
50% {
background-position: bottom center
}
}
@-moz-keyframes moveBG {
50% {
background-position: bottom center
}
}
@keyframes moveBG {
50% {
background-position: bottom center
}
}
.pulse-animation:before {
animation: pulse 3s infinite,pulseWhidth 3s infinite;
-webkit-animation: pulse 3s infinite,pulseWhidth 3s infinite;
-o-animation: pulse 3s infinite,pulseWhidth 3s infinite;
-moz-animation: pulse 3s infinite,pulseWhidth 3s infinite;
-ms-animation: pulse 3s infinite,pulseWhidth 3s infinite
}
:root {
--duration-default: 3s
}
.header_top_bar {
padding: 5px 0;
background-color: #ff0073
}
.header_top_bar ul {
gap: .5rem
}
.header_top_bar ul li a {
text-decoration: none!important;
display: block;
padding: .3rem .6rem;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
max-height: 28px;
border-radius: 14px
}
.header_top_bar ul li a:hover {
background-color: #00000014
}
.header_top_bar ul li.current-menu-item a {
font-family: uni sans 700;
background-color: #fff;
border-radius: 14px;
color: #ff0073;
text-align: center
}
header {
width: 100%;
background-color: #fff
}
header .section_.header_brand_nav .logo {
margin: 0
}
header .section_.header_brand_nav .header_primary_nav .nav>li>a {
text-decoration: none!important;
display: block;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
font-size: 1.05rem;
font-family: uni sans semibold;
border-radius: 40px;
padding: .3rem .9rem;
max-height: 32px;
color: #f41077;
cursor: pointer
}
header .section_.header_brand_nav .header_primary_nav .nav>li:hover>a {
background: #ff007312
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav {
display: none;
position: absolute;
z-index: 2;
background: #fff;
width: 100%;
left: 0;
top: 71px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav.menu-show {
display: block
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav {
width: 100%;
max-width: 1260px;
margin: 0 auto
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav {
width: 100%;
display: flex;
position: relative;
padding: 27px 0;
margin-left: 0!important
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .header-nav-title h2 {
font-family: uni sans semibold;
font-size: 14px;
color: #ff0073;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 25px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav {
width: 100%;
max-width: max-content;
display: flex;
padding: 0;
margin: 0
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li {
width: 100%;
max-width: max-content;
display: block;
margin-right: 20px;
position: relative
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li.text-hide>a {
font-size: 0!important;
margin-bottom: 50px!important
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li>a {
display: block;
margin-bottom: 25px;
font-family: uni sans semibold;
font-size: 14px;
color: #ff0073;
letter-spacing: .5px;
text-transform: uppercase
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu {
padding: 0;
margin: 0;
list-style: none
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu li {
position: relative;
display: block;
margin-bottom: 10px;
padding-left: 15px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu li::before {
content: "";
display: block;
position: absolute;
width: 6px;
height: 6px;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: #b3b3b3;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu li a {
margin-bottom: 0;
font-family: uni sans semibold;
font-size: 15px;
color: #4a4a4a;
letter-spacing: .19px;
text-decoration: none!important;
text-transform: inherit
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu li:last-child {
margin-bottom: 0
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .ads-nav {
width: 100%;
max-width: 340px;
height: 224px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .ads-nav a {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .ads-nav a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav {
width: 100%;
position: relative;
display: flex;
align-items: center;
padding: 9px 0
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span {
display: block;
position: relative
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a {
text-decoration: none;
font-size: 0;
width: 25px;
height: 25px;
display: block;
margin-right: 8px;
background-size: 20px 18px;
background-position: left center;
background-repeat: no-repeat;
opacity: .6;
filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a:hover {
opacity: 1;
filter: grayscale(0%);
-webkit-filter: grayscale(0%)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.facebook-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_facebook.svg)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.twitter-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_twitter.svg)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.instagram-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_instagram.svg)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.whatsapp-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_whatsapp.svg)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.linkedin-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_linkedin.svg)
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .footer-nav span a.youtube-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_youtube.svg)
}
header .offcanvas {
width: 100%!important
}
header .offcanvas .offcanvas-body ul {
list-style: none;
padding: 0;
margin: 0
}
header .offcanvas .offcanvas-body ul li {
display: block;
position: relative
}
header .offcanvas .offcanvas-body ul li a {
display: block;
font-size: 18px!important;
padding: 12px 10px!important;
margin: 0!important;
color: #636e75
}
header .offcanvas .offcanvas-body ul li.menu-item-has-children::after {
content: "\e941";
display: block;
height: max-content;
font-family: material symbols outlined;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
color: #636e75
}
header .offcanvas .offcanvas-body ul li .sub-menu {
display: none;
width: 100%;
height: 100%;
padding: 0 16px;
position: fixed;
background: #fff;
z-index: 1032;
top: 72px;
left: 0;
transform: translate(100%);
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
-o-transform: translate(100%);
visibility: hidden
}
header .offcanvas .offcanvas-body ul li .sub-menu.open {
display: block;
visibility: visible;
-webkit-transition: transform var(--duration-default) ease,visibility var(--duration-default) ease;
-moz-transition: transform var(--duration-default) ease,visibility var(--duration-default) ease;
-ms-transition: transform var(--duration-default) ease,visibility var(--duration-default) ease;
-o-transition: transform var(--duration-default) ease,visibility var(--duration-default) ease;
transition: transform var(--duration-default) ease,visibility var(--duration-default) ease;
transform: translate(0);
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0)
}
header .offcanvas .offcanvas-body ul li .sub-menu li.back-menu-item-has-children {
padding-left: 30px
}
header .offcanvas .offcanvas-body ul li .sub-menu li.back-menu-item-has-children::before {
content: "\e941";
display: block;
height: max-content;
font-family: material symbols outlined;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
color: #636e75;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg)
}
.btnNav {
align-items: center;
justify-content: center;
width: 40px;
height: 46px
}
.btnNav span {
font-size: 30px
}
.MobileNav {
position: fixed;
right: 0;
top: 0;
height: 100vh;
background: rgba(255,255,255,.98);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
width: 100%;
max-width: 100%;
transform: scale(.99);
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;
visibility: hidden;
opacity: 0;
z-index: -1;
overflow: scroll
}
.MobileNav.menuActive {
top: 0;
width: 100vw;
height: 100vh;
transform: scale(1);
visibility: visible;
opacity: 1;
z-index: 1031;
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;
overflow: auto
}
.MobileNav .header-nav {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 12px
}
.MobileNav .header-nav img {
width: 100%;
max-width: 130px;
object-fit: contain;
object-position: center
}
.MobileNav .header-nav .MobileNavclose {
color: #fff;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
text-align: center;
font-size: 30px;
line-height: 12px;
background: #d80061;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.MobileNav nav {
width: 100%;
height: 100%;
padding: 20px;
overflow: scroll;
display: block;
background-color: #fff
}
.MobileNav nav ul {
list-style: none;
padding: 0;
margin: 0
}
.MobileNav nav ul li {
display: block
}
.MobileNav nav ul li a {
display: block;
font-size: 18px!important;
padding: 12px 10px!important;
margin: 0!important;
color: #d80061
}
.bg-shadow {
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}
.custon-dashed {
border-style: dashed;
border-color: #dadada
}
.custom-hr {
background-color: #7c878e;
opacity: .1
}
.overflow {
overflow: hidden
}
.custom {
width: 100%;
max-width: 616px;
margin: 30px auto;
position: relative;
overflow: initial;
color: rgba(155,155,155,.5);
opacity: 1
}
.custom::before {
content: "O";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 30px;
height: 20px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
color: #636e75;
background-color: #fcfcfc
}
.back-menu-item-has-children {
border-bottom: 1px solid rgba(237,237,237,.8)
}
.item-bg {
padding: 10px;
background-image: linear-gradient(90deg,#F0F0F0 0%,#F0F0F0 40%,#F5F5F5 50%,#F5F5F5 55%,#F0F0F0 65%,#F0F0F0 100%);
background-size: 300%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px
}
.item-bg:last-child {
margin-bottom: 0
}
.nt-5 {
margin-top: -50px
}
.top-n0 {
top: -108px
}
.top-n1 {
top: -90px
}
.nb-5 {
position: relative;
margin-bottom: -50px;
z-index: 1
}
.header_title {
width: 100%;
display: block;
position: relative
}
.header_title h2 {
font-family: uni sans 700;
font-size: calc(24px + 14 * ((100vw - 320px)/880));
letter-spacing: .63px;
margin-bottom: 10px
}
@media screen and (max-width: 320px) {
.header_title h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.header_title h2 {
font-size:38px
}
}
.header_title p {
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
letter-spacing: .3px;
line-height: 24px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.header_title p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.header_title p {
font-size:18px
}
}
.color-pink {
color: #ff0073
}
.color_pulple {
color: #b893d2!important
}
.color-gray {
color: #7c878e
}
.color-pulple {
background-color: #b893d2!important;
border-color: #b893d2!important;
color: #fff
}
.color-white {
background-color: #fff;
color: #ff0073
}
.color-white:hover {
background-color: transparent;
color: #fff;
border-color: #fff
}
.bg-pink {
background-color: #ff0073!important;
font-family: uni sans regula;
font-size: 16px;
letter-spacing: .27px
}
.bg-pink:hover {
background-color: transparent!important
}
.bg-gray {
background-color: #f0f0f0;
border: 1px solid #f0f0f0
}
.bg-gray:hover {
background-color: #f0f0f0;
border-color: #9b9b9b
}
.border-bottom-blue {
border-bottom: 1px solid rgba(111,143,198,.18)
}
.bg-backdrop {
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.card-blue {
background-color: rgba(111,143,198,.6)
}
.card-pink {
background-color: rgba(249,128,161,.6)
}
.card-pulple {
background-color: rgba(184,147,210,.6)
}
.card-orange {
background-color: rgba(243,153,80,.6)
}
.section_header {
width: 100%;
position: relative;
display: block
}
.section_header h2 {
width: 100%;
max-width: 664px;
margin: 0 auto 20px;
font-family: uni sans semibold;
font-size: calc(24px + 16 * ((100vw - 320px)/880));
color: #6f8fc6;
letter-spacing: .67px
}
@media screen and (max-width: 320px) {
.section_header h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.section_header h2 {
font-size:40px
}
}
.section_header p {
width: 100%;
max-width: 860px;
font-family: uni sans regula;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin: 0 auto
}
.d-nav-flex {
height: 100%
}
.d-nav-flex>* {
flex: 1 auto
}
.btnNav-pills {
align-items: center;
justify-content: center;
width: 40px;
height: 46px
}
.btnNav-pills span {
font-size: 30px
}
#home_banner {
width: 100%;
display: block
}
#home_banner img {
max-width: 100vw
}
#home_banner .owl-stage-outer {
}
#home_banner .owl-stage-outer .owl-stage {
}
#home_banner .owl-stage-outer .owl-stage .owl-item {
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items {
width: 100%;
position: relative
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items a {
display: block;
width: 100%;
position: relative
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items a .banner_content {
width: 100%;
display: block;
position: relative
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items a .banner_content h2 {
font-family: uni sans semibold;
font-size: calc(34px + 12 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: .77px;
line-height: 48px;
margin-bottom: 5px
}
@media screen and (max-width: 320px) {
#home_banner .owl-stage-outer .owl-stage .owl-item .items a .banner_content h2 {
font-size:34px
}
}
@media screen and (max-width: 767px) {
#home_banner .owl-stage-outer .owl-stage .owl-item .items {
max-height:fit-content
}
}
@media screen and (min-width: 1200px) {
#home_banner .owl-stage-outer .owl-stage .owl-item .items a .banner_content h2 {
font-size:46px
}
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items a .banner_content p {
font-family: uni sans regula;
font-size: 32px;
color: #fff;
letter-spacing: .53px;
line-height: 48px;
margin-bottom: 36px
}
#home_banner .owl-stage-outer .owl-stage .owl-item .items a img {
width: 100%;
top: 0;
left: 0;
z-index: -1
}
#home_banner .owl-nav {
width: 100%;
height: max-content;
position: absolute;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 25px;
top: 0;
bottom: 0;
margin: auto
}
#home_banner .owl-nav button {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
outline: none!important;
border: none!important;
box-shadow: none!important;
color: #fff
}
#home_banner .owl-nav button span {
font-size: 60px
}
#home_banner .owl-dots {
width: 100%;
max-width: max-content;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center
}
#home_banner .owl-dots button {
width: 42px;
height: 5px;
margin-right: 7px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
background-color: rgba(255,255,255,.3);
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
#home_banner .owl-dots button:last-child {
margin-right: 0
}
#home_banner .owl-dots button:hover {
background-color: rgba(255,255,255,.8)
}
#home_banner .owl-dots button.active {
background-color: rgba(255,255,255,.8)
}
@media(max-width: 768px) {
#home_banner {
text-align:center
}
#home_banner .banner_content {
text-align: center
}
}
@media(max-width: 767px) {
#home_banner .owl-stage-outer .owl-stage .owl-item .items img {
object-fit:cover
}
#home_banner .owl-nav {
padding: 0 5px
}
#home_banner .row {
justify-content: center
}
}
#testimonyCarousel {
width: 100%;
display: block;
position: relative
}
#testimonyCarousel .item {
width: 100%;
position: relative;
display: block;
padding: 25px 20px;
background-color: rgba(124,135,142,.05);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
#testimonyCarousel .item h2 {
font-family: uni sans semibold;
font-size: 18px;
color: #ff0073;
letter-spacing: .3px;
text-align: center;
margin-bottom: 15px
}
#testimonyCarousel .item ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0
}
#testimonyCarousel .item ul li {
font-size: 25px;
color: #f39950;
margin-right: 7px
}
#testimonyCarousel .item ul li:last-child {
margin-right: 0
}
#testimonyCarousel .item p {
font-family: uni sans regula;
font-size: 16px;
color: #636e75;
letter-spacing: .23px;
text-align: center;
margin-bottom: 0
}
#testimonyCarousel .owl-dots {
width: 100%;
max-width: max-content;
position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center
}
#testimonyCarousel .owl-dots button {
width: 42px;
height: 5px;
margin-right: 7px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
background-color: rgba(227,28,121,.2);
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
#testimonyCarousel .owl-dots button:last-child {
margin-right: 0
}
#testimonyCarousel .owl-dots button:hover {
background-color: rgba(227,28,121,.6)
}
#testimonyCarousel .owl-dots button.active {
background-color: rgba(227,28,121,.6)
}
#experienceCarousel {
width: 100%;
display: block;
position: relative;
padding-bottom: 40px;
margin-bottom: 35px
}
#experienceCarousel .item {
width: 100%;
overflow: hidden;
position: relative;
display: block
}
#experienceCarousel .item figure {
width: 100%;
height: 140px;
margin-bottom: 0
}
#experienceCarousel .item figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
#experienceCarousel .item .item_text {
width: 100%;
height: 100%;
min-height: 120px;
position: relative;
display: flex;
padding: 20px 20px 13px;
align-items: center;
justify-content: center;
background-color: #b893d2
}
#experienceCarousel .item .item_text::before {
content: "";
display: block;
width: 100%;
max-width: 15px;
height: 4px;
background-color: #fff;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
position: absolute;
top: 18px;
left: 0;
right: 0;
margin: auto
}
#experienceCarousel .item .item_text p {
font-family: uni sans semibold;
font-size: 20px;
color: #fff;
letter-spacing: .33px;
line-height: 23px;
text-align: center;
margin-bottom: 0
}
#experienceCarousel .owl-dots {
width: 100%;
max-width: max-content;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center
}
#experienceCarousel .owl-dots button {
width: 42px;
height: 5px;
margin-right: 7px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
background-color: rgba(184,147,210,.3);
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
#experienceCarousel .owl-dots button:last-child {
margin-right: 0
}
#experienceCarousel .owl-dots button:hover {
background-color: rgba(184,147,210,.8)
}
#experienceCarousel .owl-dots button.active {
background-color: rgba(184,147,210,.8)
}
#playCarousel_thunb {
width: 100%;
display: block;
position: relative
}
#playCarousel_thunb .owl-item:hover .item h2 {
border-color: #b893d2
}
#playCarousel_thunb .owl-item.current .item h2 {
border-color: #b893d2
}
#playCarousel_thunb .owl-item .item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer
}
#playCarousel_thunb .owl-item .item h2 {
width: 100%;
max-width: max-content;
font-family: uni sans semibold;
font-size: calc(16px + 6 * ((100vw - 320px)/880));
color: #b893d2;
letter-spacing: .37px;
text-align: center;
line-height: 24px;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
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
}
@media screen and (max-width: 320px) {
#playCarousel_thunb .owl-item .item h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
#playCarousel_thunb .owl-item .item h2 {
font-size:22px
}
}
#playCarousel_ctn {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding-bottom: 25px;
display: block;
position: relative
}
#playCarousel_ctn .item {
width: 100%;
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap
}
#playCarousel_ctn .item figure {
width: 100%;
max-width: calc(100% - 473px);
height: 100%;
margin-right: 30px;
margin-bottom: 0;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
#playCarousel_ctn .item figure img {
width: 100%;
object-fit: cover;
object-position: center;
display: block
}
#playCarousel_ctn .item .item_text {
width: 100%;
max-width: calc(100% - 389px);
background-color: #f7f7f7;
display: block;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
padding: 28px
}
#playCarousel_ctn .item .item_text p {
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .3px;
line-height: 26px;
margin-bottom: 0
}
@media screen and (max-width: 767px) {
#playCarousel_ctn .item {
width:100%;
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center
}
#playCarousel_ctn .item figure {
max-width: 100%
}
#playCarousel_ctn .item .item_text {
max-width: 100%
}
}
@media screen and (max-width: 320px) {
#playCarousel_ctn .item .item_text p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
#playCarousel_ctn .item .item_text p {
font-size:18px
}
}
#playCarousel_ctn .item .item_text p span {
color: #b893d2;
font-family: uni sans semibold
}
#playCarousel_ctn .owl-nav {
width: 100%;
height: max-content;
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: none
}
#playCarousel_ctn .owl-nav button {
width: 40px;
height: 40px;
position: relative
}
#playCarousel_ctn .owl-nav button span {
color: #b893d2;
font-size: 40px
}
#playCarousel_ctn .owl-nav button.owl-prev {
left: -80px
}
#playCarousel_ctn .owl-nav button.owl-next {
right: -80px
}
#playCarousel_ctn .owl-dots {
width: 100%;
max-width: max-content;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: center
}
#playCarousel_ctn .owl-dots button {
width: 42px;
height: 5px;
margin-right: 7px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
background-color: rgba(184,147,210,.3);
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
#playCarousel_ctn .owl-dots button:last-child {
margin-right: 0
}
#playCarousel_ctn .owl-dots button:hover {
background-color: rgba(184,147,210,.8)
}
#playCarousel_ctn .owl-dots button.active {
background-color: rgba(184,147,210,.8)
}
#benef_thumb {
width: 100%;
position: relative
}
#benef_thumb .owl-stage-outer .owl-stage .owl-item {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 30px
}
#benef_thumb .owl-stage-outer .owl-stage .owl-item .item {
width: 132px;
height: 132px;
display: grid;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
#benef_thumb .owl-stage-outer .owl-stage .owl-item .item .icons {
width: 60px;
height: 60px;
margin: auto auto 0;
color: #fff
}
#benef_thumb .owl-stage-outer .owl-stage .owl-item .item .icons span {
font-size: 60px
}
#benef_thumb .owl-stage-outer .owl-stage .owl-item .item h2 {
color: #fff;
font-family: uni sans semibold;
font-size: 18px;
font-style: normal;
font-weight: 600;
margin: 5px auto auto
}
.current .indicador_item {
opacity: 1;
visibility: visible
}
.indicador_item {
position: absolute;
bottom: -1px;
width: 60px;
height: 5px;
left: 0;
right: 0;
margin: auto;
border-radius: 10px;
opacity: 0;
visibility: hidden
}
#benef_content {
width: 100%;
display: block;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
#benef_content .owl-stage-outer .owl-stage .owl-item {
display: flex;
align-items: center;
justify-content: center
}
#benef_content .owl-stage-outer .owl-stage .owl-item .item {
position: relative;
z-index: 1;
border-width: 1px;
border-style: solid;
width: 100%;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
padding: 40px 0;
background: #fff
}
#benef_content .owl-stage-outer .owl-stage .owl-item .item h2 {
font-family: uni sans semibold;
font-style: normal;
font-weight: 600;
font-size: calc(16px + 4 * ((100vw - 320px)/880));
line-height: 26px;
letter-spacing: .366667px;
color: #ff0073;
text-transform: uppercase;
text-align: center;
margin-bottom: 13px
}
@media screen and (max-width: 320px) {
#benef_content .owl-stage-outer .owl-stage .owl-item .item h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
#benef_content .owl-stage-outer .owl-stage .owl-item .item h2 {
font-size:20px
}
}
#benef_content .owl-stage-outer .owl-stage .owl-item .item p {
width: 100%;
max-width: 420px;
margin: 0 auto;
font-family: uni sans regula;
font-style: normal;
font-weight: 400;
font-size: 22px;
font-size: calc(14px + 8 * ((100vw - 320px)/880));
line-height: 26px;
letter-spacing: .366667px;
color: #636e75;
text-align: center
}
@media screen and (max-width: 320px) {
#benef_content .owl-stage-outer .owl-stage .owl-item .item p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
#benef_content .owl-stage-outer .owl-stage .owl-item .item p {
font-size:22px
}
}
#benef_content .owl-nav {
width: calc(100% - 80px);
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0
}
#benef_content .owl-nav button {
position: relative;
z-index: 1
}
#heading {
text-transform: uppercase;
color: #673ab7;
font-weight: 400
}
#msform {
text-align: center;
position: relative;
margin-top: 20px
}
#msform fieldset {
background: #fff;
border: 0;
border-radius: .5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 20px;
position: relative
}
#msform fieldset:not(:first-of-type) {
display: none
}
#msform input {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2c3e50;
background-color: #eceff1;
font-size: 16px;
letter-spacing: 1px
}
#msform input:focus {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border: 1px solid #673ab7;
outline-width: 0
}
#msform textarea {
padding: 8px 15px;
border: 1px solid #ccc;
border-radius: 0;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
font-family: montserrat;
color: #2c3e50;
background-color: #eceff1;
font-size: 16px;
letter-spacing: 1px
}
#msform textarea:focus {
-moz-box-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
border: 1px solid #673ab7;
outline-width: 0
}
#msform .action-button {
width: 100%;
background: #d80061;
font-weight: 700;
color: #fff;
border: 0;
border-radius: 0;
cursor: pointer;
padding: 10px 5px;
margin: 0 0 10px
}
#msform .action-button:hover {
background-color: #d80061
}
#msform .action-button:focus {
background-color: #d80061
}
#msform .action-button-previous {
width: 100px;
background: #616161;
font-weight: 700;
color: #fff;
border: 0;
border-radius: 0;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px 10px 0;
float: right
}
#msform .action-button-previous:hover {
background-color: #000
}
#msform .action-button-previous:focus {
background-color: #000
}
.form-card {
text-align: left
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color: #673ab7;
margin-bottom: 15px;
font-weight: 400;
text-align: left
}
.purple-text {
color: #673ab7;
font-weight: 400
}
.steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: 400;
text-align: right
}
.fieldlabels {
color: gray;
text-align: left
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey
}
#progressbar .active {
color: #673ab7
}
#progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #fff;
background: #d3d3d3;
border-radius: 50%;
margin: 0 auto 10px;
padding: 2px
}
#progressbar li:after {
content: "";
width: 100%;
height: 2px;
background: #d3d3d3;
position: absolute;
left: 0;
top: 25px;
z-index: -1
}
#progressbar #account:before {
font-family: FontAwesome;
content: "\f13e"
}
#progressbar #personal:before {
font-family: FontAwesome;
content: "\f007"
}
#progressbar #payment:before {
font-family: FontAwesome;
content: "\f030"
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c"
}
#progressbar li.active:before {
background: #673ab7
}
#progressbar li.active:after {
background: #673ab7
}
.progress {
height: 10px
}
.progress-bar {
background-color: #d80061
}
.fit-image {
width: 100%;
object-fit: cover
}
[class^=icons_] {
display: block;
width: 42px;
height: 35px;
position: relative;
background-repeat: no-repeat!important;
background-size: contain!important
}
[class^=icons_].icons_msg {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_message.png)
}
[class^=icons_].icons_app {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_app.png)
}
[class^=icons_].icons_archiv {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_driv.png)
}
[class^=icons_].car {
object-fit: contain;
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_card.png)
}
[class^=icons_].location_p {
object-fit: contain;
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_location_p.png)
}
[class^=icons_].doubt_p {
object-fit: contain;
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_doubt_p.png)
}
[class^=icons_].icons_whatsapp {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_whatsapp.png)
}
[class^=icon_] {
width: 60px;
height: 60px;
display: block;
margin: 0 auto;
position: relative;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: contain!important
}
[class^=icon_].icons_card {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_card.png)
}
[class^=icon_].icons_chat {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_message.png)
}
[class^=icon_].icons_drive {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_driv.png)
}
[class^=icon_].icons_pipette {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_pippe.png)
}
[class^=icon_].icons_people {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_business.png)
}
[class^=icon_].icons_iso {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_iso.png)
}
.main_medical [class^=icon_].icons_card {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_card_p.png)
}
.main_medical [class^=icon_].icons_chat {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_message_p.png)
}
.main_medical [class^=icon_].icons_drive {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_driv_p.png)
}
.main_medical [class^=icon_].icons_pipette {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_pippe_p.png)
}
.main_medical [class^=icon_].icons_people {
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/amadita_icons/icon_business_p.png)
}
.main_experience {
width: 100%;
display: block;
padding: 48px 0 58px;
position: relative;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
.main_experience h2 {
width: 100%;
max-width: 600px;
font-family: uni sans semibold;
font-size: 40px;
color: #b893d2;
letter-spacing: .67px;
margin: 0 auto 18px
}
.main_experience p {
font-family: uni sans regula;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin-bottom: 70px
}
.main_play {
width: 100%;
display: block;
position: relative;
padding: 48px 0 25px
}
.header_main {
width: 100%;
display: block;
position: relative
}
.header_main h2 {
font-family: uni sans semibold;
font-size: calc(18px + 10 * ((100vw - 320px)/880));
color: #b893d2;
letter-spacing: .47px;
line-height: 26px;
margin-bottom: 16px
}
@media screen and (max-width: 320px) {
.header_main h2 {
font-size:18px
}
}
@media screen and (min-width: 1200px) {
.header_main h2 {
font-size:28px
}
}
.header_main figure {
width: 100%;
max-width: 246px;
position: relative;
display: block;
margin: 0 auto 16px
}
.header_main figure img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.header_main p {
width: 100%;
max-width: 756px;
margin: 0 auto;
font-family: uni sans regula;
font-size: calc(15px + 7 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .37px;
line-height: 26px
}
@media screen and (max-width: 320px) {
.header_main p {
font-size:15px
}
}
@media screen and (min-width: 1200px) {
.header_main p {
font-size:22px
}
}
.disclai-content {
width: 100%;
position: relative;
display: block
}
.disclai-content h2 {
font-family: uni sans semibold;
font-size: calc(18px + 10 * ((100vw - 320px)/880));
color: #b893d2;
letter-spacing: .47px;
line-height: 26px;
margin-bottom: 35px
}
@media screen and (max-width: 320px) {
.disclai-content h2 {
font-size:18px
}
}
@media screen and (min-width: 1200px) {
.disclai-content h2 {
font-size:28px
}
}
.disclai-content .btn {
background-color: #b893d2;
color: #fff
}
.main_tips {
width: 100%;
display: block;
position: relative;
padding: 25px 0 50px
}
.main_tips .content_tips {
width: 100%;
display: block;
position: relative;
border: 1px solid rgba(155,155,155,.5)
}
.main_tips .content_tips .header_tips {
width: 100%;
display: block;
position: relative;
padding: 18px 0;
border-bottom: 1px solid rgba(155,155,155,.5)
}
.main_tips .content_tips .header_tips h2 {
font-family: uni sans semibold;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin-bottom: 0
}
.main_tips .content_tips .content_tips_block {
width: 100%;
position: relative;
display: grid;
grid-template-columns: repeat(3,33.3%)
}
@media screen and (max-width: 760px) {
.main_tips .content_tips .content_tips_block {
grid-template-columns:repeat(1,100%)
}
}
.main_tips .content_tips .content_tips_block .tips_blockList {
width: 100%;
position: relative;
padding: 14px 24px 24px;
border-right: 1px solid rgba(155,155,155,.5)
}
.main_tips .content_tips .content_tips_block .tips_blockList:last-child {
border-right: none
}
.main_tips .content_tips .content_tips_block .tips_blockList h2 {
font-family: uni sans semibold;
font-size: 20px;
color: #ff0073;
letter-spacing: .33px;
line-height: 26px;
margin-bottom: 18px
}
.main_tips .content_tips .content_tips_block .tips_blockList figure {
width: 100%;
height: 81px;
overflow: hidden;
margin-bottom: 23px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px
}
.main_tips .content_tips .content_tips_block .tips_blockList figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_tips .content_tips .content_tips_block .tips_blockList ul {
width: 100%;
position: relative;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 20px
}
.main_tips .content_tips .content_tips_block .tips_blockList ul li {
width: 100%;
position: relative;
display: block;
padding-left: 20px;
margin-bottom: 20px
}
.main_tips .content_tips .content_tips_block .tips_blockList ul li:last-child {
margin-bottom: 0
}
.main_tips .content_tips .content_tips_block .tips_blockList ul li::before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0;
margin: auto;
width: 8px;
height: 8px;
background-color: #636e75;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.main_tips .content_tips .content_tips_block .tips_blockList ul li a {
text-decoration: none;
font-family: uni sans regula;
font-size: 18px;
color: #636e75;
letter-spacing: .3px;
line-height: 22px
}
#superKidsModal .modal-content {
width: 100%;
position: relative;
border: 1px solid #e7e7e7;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px
}
#superKidsModal .modal-content .modal-header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 20px 42px;
border-bottom: 1px solid #e7e7e7
}
#superKidsModal .modal-content .modal-header img {
width: 100%;
max-width: 132px;
height: 30px;
object-fit: contain;
object-position: center
}
#superKidsModal .modal-content .modal-body {
padding: 35px 42px 40px;
display: block
}
#superKidsModal .modal-content .modal-body h2 {
font-family: uni sans semibold;
font-size: calc(18px + 8 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .43px;
margin-bottom: 35px
}
@media screen and (max-width: 320px) {
#superKidsModal .modal-content .modal-body h2 {
font-size:18px
}
}
@media screen and (min-width: 1200px) {
#superKidsModal .modal-content .modal-body h2 {
font-size:26px
}
}
#superKidsModal .modal-content .modal-body h3 {
font-family: uni sans semibold;
font-size: calc(15px + 7 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin-bottom: 25px
}
@media screen and (max-width: 320px) {
#superKidsModal .modal-content .modal-body h3 {
font-size:15px
}
}
@media screen and (min-width: 1200px) {
#superKidsModal .modal-content .modal-body h3 {
font-size:22px
}
}
#superKidsModal .modal-content .modal-body .descript-body {
width: 100%;
position: relative;
display: flex
}
#superKidsModal .modal-content .modal-body .descript-body p {
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .3px;
line-height: 26px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
#superKidsModal .modal-content .modal-body .descript-body p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
#superKidsModal .modal-content .modal-body .descript-body p {
font-size:18px
}
}
#superKidsModal .modal-content .modal-body .descript-body figure {
width: 100%;
max-width: 206px;
height: 104px;
overflow: hidden;
margin-bottom: 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
#superKidsModal .modal-content .modal-body .descript-body figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.cloud {
width: 100%;
height: 130px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: left;
background-repeat: repeat-y;
z-index: 0
}
.header_title {
width: 100%;
display: block;
position: relative
}
.header_title h2 {
font-family: uni sans semibold;
font-size: 2.3rem;
text-align: center;
letter-spacing: .666667px;
color: #009cc3
}
@media screen and (max-width: 320px) {
.header_title h2 {
font-size:24px
}
}
@media screen and (min-width: 1300px) {
.header_title h2 {
font-size:40px
}
}
.box_card {
width: 100%;
height: 100%;
max-width: 430px;
padding: 20px;
position: relative;
overflow: hidden
}
.box_card figure {
width: 85px;
height: 85px
}
.box_card figure img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.box_card p {
margin-left: 15px;
margin-bottom: 0
}
.scroll-top {
width: 100%;
display: block;
position: relative;
background-color: #009cc3;
padding: 15px 0
}
.scroll-top .logo {
width: 100%;
max-width: 180px;
display: block;
position: relative
}
.scroll-top .logo img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.scroll-top nav {
width: 100%;
max-width: max-content;
position: relative;
display: flex;
align-items: center
}
.scroll-top nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end
}
.scroll-top nav ul li {
margin-right: 20px
}
.scroll-top nav ul li:last-child {
margin-right: 0
}
.scroll-top nav ul li a {
font-size: calc(14px + 2 * ((100vw - 320px)/980));
font-weight: 700;
color: #fff
}
@media screen and (max-width: 320px) {
.scroll-top nav ul li a {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.scroll-top nav ul li a {
font-size:16px
}
}
.main_love {
width: 100%;
display: block;
position: relative;
padding: 140px 0;
background-size: cover;
background-position: center left;
background-repeat: no-repeat
}
.main_love .title_video {
width: 100%;
display: block;
position: relative;
margin-bottom: 30px
}
.main_love .title_video h2 {
font-family: uni sans semibold;
font-style: normal;
font-size: 40px;
line-height: 48px;
letter-spacing: .666667px;
color: #009cc3;
margin-bottom: 0
}
.main_love .play {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
z-index: 1
}
.main_love .play img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_what {
width: 100%;
position: relative;
display: block;
padding: 53px 0 160px;
background-repeat: no-repeat;
background-position: center;
background-size: 70% 100%;
background-color: #fff
}
.main_quest {
width: 100%;
position: relative;
display: block;
padding: 70px 0 250px
}
.main_quest .header_title {
max-width: 550px;
margin: 0 auto
}
.main_quest .accordion {
width: 100%;
display: block
}
.main_quest .accordion .accordion-item {
border: none;
margin-bottom: 3px
}
.main_quest .accordion .accordion-item:last-child {
margin-bottom: 0
}
.main_quest .accordion .accordion-item .accordion-header {
border: none
}
.main_quest .accordion .accordion-item .accordion-header button {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
color: #2e3956;
font-weight: 600;
box-shadow: none!important;
outline: none!important
}
.main_quest .accordion .accordion-item .accordion-header button:not(.collapsed) {
background-color: #fffb9d;
border: solid 1px #ffecbb
}
.main_quest .accordion .accordion-item .accordion-header button.collapsed {
background-color: #cff2ff;
border: solid 1px #6f8fc6
}
.main_quest .accordion .accordion-item .accordion-collapse {
background-color: #fefcc9;
border-right: solid 1px #ffecbb;
border-left: solid 1px #ffecbb;
font-size: 14px;
color: #2e3956
}
.main_lab {
width: 100%;
position: relative;
display: block;
padding: 53px 0 250px
}
body {
font-family: uni sans regula;
-moz-font-feature-settings: "kern";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #636e75;
font-size: 15px;
letter-spacing: .25px
}
body .btn {
width: max-content;
padding: 10px 15px;
text-decoration: none!important;
max-height: 42px;
font-family: uni sans semibold;
align-items: center!important;
font-size: 1rem;
line-height: 1rem;
display: flex;
letter-spacing: inherit;
text-wrap: nowrap
}
body .btn.btn-primary {
background-color: #ff0073!important;
border-color: #ff0073!important
}
body .btn.btn-secundary {
background-color: rgba(255,255,255,.4)!important;
border-color: rgba(255,255,255,.4)!important
}
body .btn.btn-link {
color: #ff0073!important;
text-decoration: none
}
body .btn .material-icons-outlined,body .btn .amadita-icons {
width: 25px;
overflow: hidden
}
body a,body a:hover {
color: #ff0073;
text-decoration: none!important
}
body a:hover,body a:hover:hover {
text-decoration: underline
}
body .text-white * {
color: #fff
}
body .text-white *:hover {
color: #fff
}
body .social-icons {
display: flex;
gap: .4rem
}
body .social-icons a {
text-decoration: none;
font-size: 0;
width: 30px;
height: 30px;
display: block;
background-size: 24px 20px;
background-position: center;
background-repeat: no-repeat
}
body .social-icons a.facebook-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_facebook.svg)
}
body .social-icons a.twitter-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_twitter.svg)
}
body .social-icons a.instagram-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_instagram.svg)
}
body .social-icons a.whatsapp-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_whatsapp.svg)
}
body .social-icons a.linkedin-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_linkedin.svg)
}
body .social-icons a.youtube-icon {
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_youtube.svg)
}
body.main_medical .main_banner .content_banner a,body.main_medical .main_banner .content_banner button {
background-color: #b893d2!important;
border-color: #b893d2!important;
color: #fff
}
body.main_medical .benefits_content h2 {
color: #b893d2
}
body.main_medical .main_list_benefts {
background: #63536e
}
body.main_medical .main_list_benefts .card_block i::after {
background-color: #b893d2
}
body.main_medical .main_list_benefts .content_benefts .benefts_request {
border-color: #b893d2
}
body.main_medical .main_list_benefts .content_benefts .benefts_request p {
color: #b893d2
}
body.main_medical .main_lastPost .header_title h2 {
color: #b893d2!important
}
body.main_medical .main_lastPost .last_posts .stick-post {
background-color: #b893d2
}
body.main_clients .main_banner .content_banner a,body.main_clients .main_banner .content_banner button {
background-color: #ff0073!important;
border-color: #ff0073!important;
color: #fff
}
body.main_clients .benefits_content h2 {
color: #ff0073
}
body.main_clients .main_list_benefts {
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
body.main_clients .main_list_benefts .card_block i::after {
background-color: #ff0073
}
body.main_clients .main_list_benefts .content_benefts h2 {
color: #ff0073
}
body.main_clients .main_list_benefts .content_benefts .benefts_request {
background-color: #ff0073;
border-color: #fff
}
body.main_clients .main_list_benefts .content_benefts .benefts_request p {
color: #fff
}
body.main_clients .main_lastPost .header_title h2 {
color: #ff0073
}
body.main_business .main_banner .content_banner a,body.main_business .main_banner .content_banner button {
background-color: #6f8fc6!important;
border-color: #6f8fc6!important;
color: #fff
}
body.main_business .main_benefits {
padding-bottom: 60px
}
body.main_business .benefits_content h2 {
color: #6f8fc6
}
body.main_business .main_list_benefts {
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
body.main_business .main_list_benefts .card_block i::after {
background-color: #ff0073
}
body.main_business .content_benefts h2 {
color: #6f8fc6
}
body.main_business .content_benefts .benefts_request {
background-color: #6f8fc6;
border-color: #fff
}
body.main_business .content_benefts .benefts_request .color-white {
color: #6f8fc6
}
body.main_business .content_benefts .benefts_request .color-white:hover {
color: #fff
}
body.main_business .content_benefts .benefts_request p {
color: #fff
}
body.main_business .main_lastPost .header_title h2 {
font-family: uni sans semibold;
color: #6f8fc6!important;
margin-bottom: 0
}
body.main_business .main_lastPost .last_posts .stick-post {
background-color: #6f8fc6
}
body.main_front .header_title h2 {
color: #ff0073
}
.page-template-page-covid .btn-blue {
background-color: #6f8fc6;
color: #fff;
align-items: center;
justify-content: center
}
.page-template-page-covid .btn-blue:hover {
border-color: #406bb4
}
.section_ .container-fluid,.nav_fixed_bottom .container-fluid {
max-width: 1290px
}
.main_soluction {
width: 100%;
padding: 80px 0 50px;
display: block;
position: relative;
background: #fff 0%;
background: linear-gradient(to bottom,white 0%,whitesmoke 100%)
}
.card_soluction {
width: 100%;
height: 350px;
max-height: 350px;
overflow: hidden;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
@media screen and (max-width: 991px) {
.card_soluction {
height:200px
}
}
.card_soluction a {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center
}
.card_soluction a::before {
display: block
}
.card_soluction a::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background: transparent 50%;
background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.31) 100%)
}
.card_soluction a>img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: top center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0 auto
}
.card_soluction a .card-img-overlay {
width: 80%;
height: 180px;
margin: auto;
z-index: 1;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
display: grid;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
position: relative
}
.card_soluction a .card-img-overlay img {
width: 80px;
height: 80px;
object-fit: contain;
object-position: center;
margin-bottom: 20px;
transition: .3s
}
.card_soluction a:hover .card-img-overlay img {
transform: translateY(-3px)
}
.card_soluction a .card-img-overlay::before {
content: "";
display: block;
position: absolute;
width: 100%;
max-width: 50px;
height: 5px;
bottom: 15px;
left: 0;
right: 0;
margin: auto;
background-color: rgba(255,255,255,.3);
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
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
}
.card_soluction a .card-img-overlay h2 {
font-family: uni sans 700;
position: relative;
color: #fff;
text-align: center;
font-size: calc(14px + 6 * ((100vw - 320px)/880))
}
@media screen and (max-width: 320px) {
.card_soluction a .card-img-overlay h2 {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.card_soluction a .card-img-overlay h2 {
font-size:20px
}
}
.card_soluction a .card-img-overlay p {
font-family: uni sans 700;
font-size: 14px;
color: #fff;
letter-spacing: .23px;
line-height: 18px;
margin-bottom: 0
}
.card_soluction a:hover {
opacity: 1
}
.card_soluction a:hover .card-img-overlay h2::before {
max-width: 60px
}
@media(max-width: 767px) {
.card_soluction {
}
}
@media(max-width: 550px) {
.card_soluction a .card-img-overlay {
max-width:90%;
min-height: inherit;
height: calc(100% - 20px)
}
.card_soluction a .card-img-overlay img {
width: 60px;
height: 60px
}
}
.main_commitment {
width: 100%;
padding: 60px 0 30px;
display: block;
position: relative;
background: #fff 0%;
background: linear-gradient(to bottom,white 0%,whitesmoke 100%)
}
.title_barra_bottom {
display: block;
overflow: initial
}
.title_barra_bottom:after {
content: "";
width: 50px;
height: 6px;
border-radius: 5px;
position: relative;
margin: 20px auto;
display: block;
background-color: rgba(227,28,121,.6)
}
.card_commitment {
width: 100%;
position: relative;
display: block;
border-color: #ff0073;
border-width: 1.5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
transition: .3s
}
.card_commitment a {
width: 100%;
height: 100%;
padding: 20px;
display: flex;
align-items: center;
text-decoration: none!important;
justify-content: space-between;
border: 1px solid transparent;
transition: .3s;
border-radius: .5rem
}
.card_commitment a:hover,.card_commitment a.active {
border-color: #ff0073
}
.card_commitment a p {
width: 100%;
max-width: 150px;
margin-bottom: 0;
font-family: uni sans semibold;
font-size: 18px;
color: #636e75;
letter-spacing: .37px;
line-height: normal
}
.main_findUs {
width: 100%;
position: relative;
display: block
}
.main_front .main_findUs:before {
content: '';
background: #f4f5f5;
width: 100%;
height: 200px;
position: absolute;
top: 0
}
.main_findUs_front {
width: 100%;
height: 290px;
display: block;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
overflow: hidden
}
.main_findUs_front::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,.2) 50%;
background: linear-gradient(to bottom,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0) 100%)
}
.main_findUs_front h2 {
width: 100%;
max-width: 300px;
height: max-content;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-family: uni sans semibold;
font-size: 38px;
color: #fff;
letter-spacing: .63px;
text-align: center
}
.main_findUs_front figure {
width: 100%;
height: 100%;
position: relative;
margin: 0
}
.main_findUs_front figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.list_findUs {
width: 100%;
display: flex;
align-items: center;
justify-content: center
}
.list_findUs ul {
width: 100%;
max-width: 890px;
display: flex;
padding: 0;
margin: 0;
width: 100%;
list-style: none;
flex-direction: row;
position: relative;
top: -50px;
flex-wrap: wrap;
gap: 10px;
justify-content: center
}
.list_findUs ul li {
width: 150px;
display: block;
position: relative
}
.list_findUs ul li:last-child {
margin-right: 0
}
.list_findUs ul li figure {
width: 94px;
height: 94px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255,255,255,.3);
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
margin: 0 auto 6px;
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
-o-backdrop-filter: blur(10px);
backdrop-filter: blur(10px)
}
.list_findUs ul li figure::before {
content: "";
display: block;
position: absolute;
width: 82px;
height: 82px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
background-color: #ff0073
}
.list_findUs ul li figure img {
width: 46px;
height: 46px;
object-fit: contain;
object-position: center;
z-index: 1
}
.list_findUs ul li h2 {
width: 100%;
max-width: 145px;
margin: 0 auto;
font-family: uni sans semibold;
font-size: 1rem;
color: #606e76;
letter-spacing: .23px;
text-align: center;
line-height: 18px
}
.list_findUs ul li:nth-child(4) figure img {
width: 55px
}
.list_findUs ul li:nth-child(5) figure img {
width: 65px
}
.list_findUs ul li:nth-child(5) h2 {
max-width: 100px
}
@media(max-width: 767px) {
.list_findUs ul {
}
}
.main_testi {
width: 100%;
display: block;
padding: 50px 0;
position: relative
}
.main_testi .header_title h2 {
}
@media screen and (max-width: 320px) {
.main_testi .header_title h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.main_testi .header_title h2 {
}
}
.main_lastPost {
width: 100%;
display: block;
position: relative;
padding: 50px 0;
background: #fff 0%;
background: linear-gradient(to bottom,white 0%,whitesmoke 100%)
}
.stick-post {
font-family: uni sans semibold;
font-size: 14px;
color: #fff;
letter-spacing: .2px;
background-color: #ff0073;
text-transform: capitalize;
padding: 10px 15px;
position: relative;
top: 10px;
z-index: 1;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-bottom-left-radius: 0
}
.last_posts {
width: 100%;
position: relative;
display: block;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}
.last_posts a {
display: block;
position: relative;
text-decoration: none!important
}
.last_posts a img {
width: 100%;
height: 180px;
object-fit: cover;
object-position: top;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
margin-bottom: 10px
}
.last_posts h2 {
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #4a4a4a;
line-height: 26px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.last_posts h2 {
}
}
@media screen and (min-width: 1200px) {
.last_posts h2 {
}
}
.last_posts a p {
font-family: uni sans regula;
font-size: 18px;
color: #4a4a4a;
line-height: 23px
}
@media(max-width: 767px) {
.last_posts a {
display:flex;
background: #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
gap: 1rem;
align-content: center;
align-items: center
}
.last_posts a img,.noImg {
height: 100%!important;
margin-bottom: 0;
max-width: 120px;
min-height: 100px;
margin: 0!important
}
.last_posts a p {
padding: 30px 20px 20px;
margin-bottom: 0
}
body.page-template.page-template-templates.page-template-page-blog .noImg {
max-width: 100%;
min-height: 200px
}
}
@media(max-width: 576px) {
.last_posts a p {
padding:20px
}
}
.main_banner {
width: 100%;
position: relative;
min-height: 460px;
display: flex;
align-content: center;
flex-direction: column;
justify-content: center
}
.main_banner .content_banner {
width: 100%;
position: relative;
display: block;
z-index: 1
}
.page-template-page-domicilio .main_banner .content_banner h2 {
width: 100%;
max-width: 610px;
margin: 0 auto 20px
}
.main_banner .content_banner h2 {
font-family: uni sans semibold;
font-size: 50px;
color: #fff;
letter-spacing: .83px;
margin-bottom: 20px
}
.main_banner .content_banner p {
font-family: uni sans regula;
font-size: 24px;
color: #fff;
letter-spacing: .4px;
line-height: 30px;
margin-bottom: 40px
}
.main_banner figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
z-index: 0
}
.main_banner figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_banner.with_logo {
background-color: #301146
}
.main_banner.with_logo .content_banner .logo_banner {
width: 246px;
height: 64px;
object-fit: contain;
object-position: center;
margin-bottom: 36px
}
.main_banner.with_logo .content_banner .btn {
background-color: #b893d2;
color: #fff
}
.page_banner {
width: 100%;
position: relative;
overflow: hidden;
min-height: 460px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center
}
.page_banner .banner_content {
width: 100%;
display: block;
position: relative
}
.page_banner .banner_content h2 {
font-family: uni sans semibold;
font-size: calc(24px + 26 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: .83px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.page_banner .banner_content h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.page_banner .banner_content h2 {
font-size:50px
}
}
.page_banner .banner_content p {
font-family: uni sans regula;
font-size: 24px;
color: #fff;
letter-spacing: .4px;
line-height: 28px;
margin: 20px 0 0
}
.page_banner figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
margin-bottom: 0;
background-color: #000
}
.page_banner figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: .7
}
.page_banner_title {
width: 100%;
display: block;
position: relative;
padding: 32px 0;
background-color: #fdfdfd
}
.page_banner_title .page_header {
width: 100%;
display: block;
position: relative
}
.page_banner_title .page_header h2 {
font-family: uni sans semibold;
font-size: calc(24px + 14 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .63px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.page_banner_title .page_header h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.page_banner_title .page_header h2 {
font-size:38px
}
}
.main_benefits {
width: 100%;
display: block;
position: relative;
padding-top: 78px;
padding-bottom: 28px;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
.main_benefits .benefits_content {
width: 100%;
padding: 0;
display: block;
position: relative
}
.main_benefits .benefits_content h2 {
width: 100%;
max-width: 443px;
font-family: uni sans semibold;
font-size: calc(24px + 16 * ((100vw - 320px)/880));
letter-spacing: .67px;
margin: 0 auto 18px
}
@media screen and (max-width: 320px) {
.main_benefits .benefits_content h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.main_benefits .benefits_content h2 {
font-size:40px
}
}
.main_benefits .benefits_content p {
width: 100%;
max-width: 706px;
font-family: uni sans regula;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin: 0 auto
}
.main_list_benefts {
width: 100%;
height: 100%;
position: relative;
padding: 50px 0;
display: block;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
.main_list_benefts .card_block {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
display: block;
padding: 30px 12px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}
.main_list_benefts .card_block i {
margin-bottom: 40px;
position: relative
}
.main_list_benefts .card_block i::after {
content: "";
display: block;
position: absolute;
bottom: -20px;
width: 15px;
height: 4px;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s
}
.main_list_benefts .card_block p {
font-family: uni sans regula;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .27px;
line-height: 20px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_list_benefts .card_block p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_list_benefts .card_block p {
font-size:16px
}
}
.main_list_benefts>figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
z-index: 0
}
.main_list_benefts>figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.content_benefts_box {
width: 100%;
position: relative;
display: block;
padding: 41px 40px;
background-color: #f5f5f5;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px
}
.content_benefts_box h2 {
font-family: uni sans semibold;
font-size: 22px;
color: #ff0073;
letter-spacing: .37px;
line-height: 26px;
margin-bottom: 0
}
.content_benefts_box p {
width: 100%;
max-width: 250px;
font-family: uni sans regula;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin: 0 auto
}
.content_benefts {
width: 100%;
position: relative;
display: block;
z-index: 1
}
.content_benefts h2 {
width: 100%;
max-width: 400px;
font-family: uni sans semibold;
font-size: 22px;
color: #fff;
letter-spacing: .37px;
line-height: 26px;
margin: 0 auto 37px
}
.content_benefts .benefts_request {
width: 100%;
max-width: 100%;
padding: 28px 27px;
border-width: 8px;
border-style: solid;
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
display: grid;
justify-items: center
}
.content_benefts .benefts_request.action_aplication {
background: #bc9ad5;
border-color: #fff;
color: #fff
}
.content_benefts .benefts_request p {
font-family: uni sans semibold;
font-size: 22px;
letter-spacing: .37px;
line-height: 24px;
margin-bottom: 0
}
.content_benefts .benefts_request .color-pulple {
width: 100%;
max-width: 177px;
height: 39px;
display: flex;
align-items: center;
justify-content: center;
font-family: uni sans 700;
font-size: calc(14px + 3 * ((100vw - 320px)/880))
}
@media screen and (max-width: 320px) {
.content_benefts .benefts_request .color-pulple {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.content_benefts .benefts_request .color-pulple {
font-size:17px
}
}
.content_benefts .benefts_request .color-pulple:hover {
background-color: rgba(184,147,210,.8)!important;
color: #fff
}
.main_testDescriptions {
width: 100%;
display: block;
padding: 60px 0 50px;
position: relative;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
.test_preImg {
width: 100%;
position: relative;
display: block;
margin-bottom: 10px;
overflow: hidden;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
height: 100%
}
.test_preImg img {
width: 100%;
height: 100%;
display: block;
position: relative;
object-fit: cover;
object-position: center
}
.test_pre {
width: 100%;
position: relative;
display: block;
padding-top: 10px
}
.test_pre h2 {
color: #406bb4;
letter-spacing: .67px;
margin-bottom: 20px
}
.test_pre ul {
list-style: none;
padding: 0;
margin: 0
}
.test_pre ul li {
font-family: uni sans regula;
position: relative;
padding-left: 20px;
font-size: 20px;
color: #636e75;
letter-spacing: .33px;
line-height: 26px;
padding-bottom: 15px;
margin-bottom: 15px
}
.test_pre ul li::after {
content: "";
display: block;
width: calc(100% - 20px);
height: 1px;
background-color: rgba(111,143,198,.3);
position: absolute;
bottom: 0;
right: 0
}
.test_pre ul li:last-child {
margin-bottom: 0
}
.test_pre ul li::before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 7px;
background-color: rgba(124,135,142,.8);
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.main_404 {
width: 100%;
position: relative;
display: block;
padding: 118px 0 160px;
overflow: hidden;
background-color: #4a4a4a
}
.main_404 .content_404_text {
width: 100%;
position: relative;
z-index: 1;
padding-left: 85px;
display: block
}
.main_404 .content_404_text::before {
content: "";
display: block;
width: 63px;
height: 63px;
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/404_icon.png);
background-size: contain;
background-position: center;
position: absolute;
left: 0;
top: 35px
}
.main_404 .content_404_text h2 {
font-family: uni sans regula;
font-size: 16px;
color: #fff;
letter-spacing: .27px;
margin-bottom: 10px
}
.main_404 .content_404_text h3 {
font-family: uni sans regula;
font-size: calc(24px + 26 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: -1.54px;
line-height: 60px;
margin-bottom: 20px
}
@media screen and (max-width: 320px) {
.main_404 .content_404_text h3 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.main_404 .content_404_text h3 {
font-size:50px
}
}
.main_404 .content_404_text p {
width: 100%;
max-width: 430px;
font-family: uni sans regula;
font-size: 16px;
color: #fff;
letter-spacing: .27px;
line-height: 21px
}
.main_404 .content_404_text p strong {
font-family: uni sans semibold
}
.main_404 .content_404_text p a {
color: #fff;
text-decoration: underline!important
}
.main_404 figure {
width: 100%;
height: 100%;
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
z-index: 0
}
.main_404 figure img {
width: 100%;
height: 100%;
position: relative;
display: block;
object-fit: cover;
object-position: center
}
.main_about {
width: 100%;
display: block;
position: relative;
padding: 50px 0;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F5F5F5 100%)
}
.main_about .banner-imgage {
width: 100%;
height: 100%;
max-height: 400px;
overflow: hidden;
margin-bottom: 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.main_about .banner-imgage img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_about .banner-ctn {
width: 100%;
height: 90%;
padding: 90px 0 0;
margin: auto 0;
background-color: #f5f5f5;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px
}
.main_about .banner-ctn h2 {
width: 100%;
max-width: 472px;
margin: 0 auto 30px;
font-family: uni sans semibold;
font-size: calc(24px + 14 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .63px;
margin-bottom: 30px
}
@media screen and (max-width: 320px) {
.main_about .banner-ctn h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.main_about .banner-ctn h2 {
font-size:38px
}
}
.main_about .banner-ctn p {
font-family: uni sans semibold;
font-size: 18px;
color: #636e75;
letter-spacing: .37px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_about .banner-ctn p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_about .banner-ctn p {
font-size:18px
}
}
.main_about .banner-ctn span {
text-transform: uppercase;
font-family: uni sans semibold;
font-size: 13px;
color: #636e75
}
.main_about .caption {
width: 100%;
display: block;
position: relative
}
.main_about .caption p {
font-family: uni sans regula;
font-size: 18px;
color: #636e75;
letter-spacing: .35px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_about .caption p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_about .caption p {
font-size:21px
}
}
@media(max-width: 992px) {
.main_about .banner-ctn {
height:max-content;
padding: 30px 15px
}
}
@media(max-width: 768px) {
.main_about .banner-ctn {
background-color:transparent
}
.main_about .caption {
width: 100%;
max-width: 600px;
margin: 0 auto
}
}
.header-section {
width: 100%;
position: relative;
display: block;
margin-bottom: 40px
}
.header-section h2 {
font-family: uni sans semibold;
font-size: calc(28px + 10 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .63px;
margin-bottom: 13px
}
@media screen and (max-width: 320px) {
.header-section h2 {
font-size:28px
}
}
@media screen and (min-width: 1200px) {
.header-section h2 {
font-size:38px
}
}
.header-section p {
font-family: uni sans regula;
font-size: 18px;
color: #7c878e;
letter-spacing: .33px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.header-section p {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.header-section p {
font-size:20px
}
}
.main_visions {
width: 100%;
display: block;
position: relative;
padding: 60px 0
}
.main_values {
width: 100%;
display: block;
position: relative;
padding: 60px 0 30px
}
.main_values .header_title {
margin-bottom: 20px
}
.main_values .header_title h2 {
font-family: uni sans regula;
font-size: 28px
}
.card_visions {
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.card_visions img {
width: 100%;
height: 250px;
object-fit: cover;
object-position: center
}
.card_visions .card-body {
width: 100%;
position: relative;
text-align: center;
top: -3px;
padding: 30px 20px 20px;
background-color: #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.card_visions .card-body h2 {
font-family: uni sans regula;
font-size: calc(18px + 10 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .47px;
line-height: 22px;
margin-bottom: 10px
}
@media screen and (max-width: 425px) {
.card_visions .card-body h2 {
font-size:18px
}
.card_visions {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: stretch;
align-items: center
}
.card_visions img {
width: 120px;
height: 100%
}
}
@media screen and (min-width: 1200px) {
.card_visions .card-body h2 {
font-size:28px
}
}
.card_visions .card-body p {
width: 100%;
max-width: 300px;
font-family: uni sans regula;
font-size: 18px;
color: #7c878e;
letter-spacing: .3px;
margin: 0 auto
}
.card_values {
width: 100%;
height: 100%;
border: none;
display: block;
position: relative;
padding: 26px;
text-align: center;
background: #fbfbfb 0%;
background: linear-gradient(137deg,#fbfbfb 0%,#F5F5F5 100%)
}
.card_values h2 {
position: relative;
font-family: uni sans regula;
font-size: calc(26px + 1 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .3px;
padding-bottom: 20px;
margin-bottom: 13px
}
@media screen and (max-width: 320px) {
.card_values h2 {
font-size:16px
}
}
.card_values h2::before {
content: "";
display: block;
width: 100%;
height: 5px;
max-width: 42px;
background-color: rgba(227,28,121,.4);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.card_values p {
font-family: uni sans regula;
font-size: 18px;
color: #7c878e;
letter-spacing: .27px;
text-align: center;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.card_values p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.card_values p {
font-size:16px
}
}
.values_information {
width: 100%;
height: 100%;
padding: 40px 30px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
text-align: center;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background: #fbfbfb 0%;
background: linear-gradient(337deg,#fbfbfb 0%,#F5F5F5 100%)
}
.values_information h2 {
position: relative;
font-family: uni sans regula;
font-size: calc(26px + 1 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .3px;
line-height: 22px;
padding-bottom: 20px;
margin-bottom: 30px
}
@media screen and (max-width: 320px) {
.values_information h2 {
font-size:16px
}
}
.values_information h2::before {
content: "";
display: block;
width: 100%;
height: 5px;
max-width: 42px;
background-color: rgba(227,28,121,.4);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.values_information p {
font-family: uni sans regula;
font-size: 18px;
color: #7c878e;
letter-spacing: .27px;
text-align: center;
margin-bottom: 24px
}
@media screen and (max-width: 320px) {
.values_information p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.values_information p {
font-size:18px
}
}
.values_information .call_link {
font-size: 16px;
display: flex;
align-items: center;
text-decoration: none!important;
margin: 0 auto;
width: 100%;
max-width: max-content
}
.values_information .call_link span {
font-size: 18px
}
.values_image {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.values_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.page_content {
width: 100%;
display: block;
position: relative;
padding: 38px 0 40px
}
.page_content_description {
width: 100%;
display: block;
position: relative
}
.page_content_description p {
font-family: uni sans regula;
font-size: calc(16px + 5 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .35px;
line-height: 28px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.page_content_description p {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.page_content_description p {
font-size:21px
}
}
.certification_content {
width: 100%;
height: 100%;
display: block;
position: relative;
padding: 50px 40px;
text-align: center;
background: #f5f5f5 50%;
background: linear-gradient(to bottom,#F5F5F5 50%,#fbfbfb 100%);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.certification_content figure {
width: 100%;
max-width: 368px;
height: 70px;
overflow: hidden;
margin: 0 auto 20px
}
.certification_content figure img,.certification_content p img {
width: 100%;
max-width: 368px;
height: 100%;
object-fit: contain;
object-position: center;
margin-bottom: 20px;
aspect-ratio: 5/1;
mix-blend-mode: multiply
}
.certification_content h2 {
position: relative;
font-family: uni sans semibold;
font-size: calc(16px + 2 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .3px;
line-height: 22px;
padding-bottom: 19px;
margin-bottom: 19px
}
@media screen and (max-width: 320px) {
.certification_content h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.certification_content h2 {
font-size:18px
}
}
.certification_content h2::before {
content: "";
display: block;
width: 100%;
height: 5px;
max-width: 42px;
background-color: rgba(227,28,121,.4);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.certification_content p {
font-family: uni sans regula;
font-size: 18px;
color: #7c878e;
letter-spacing: .3px;
line-height: 25px;
margin-bottom: 0
}
.certification_content .link_certifications {
width: 100%;
max-width: max-content;
display: flex;
margin: 20px auto 0
}
.certification_content .link_certifications a {
width: 100%;
max-width: max-content;
display: flex;
text-decoration: none!important;
font-family: uni sans semibold;
font-size: 16px;
color: #ff0073;
letter-spacing: .27px;
line-height: 24px;
margin-right: 20px
}
.certification_content .link_certifications a:last-child {
margin-right: 0
}
.certification_content .link_certifications a span {
position: relative;
top: 2px;
font-size: 16px;
margin-left: 8px
}
.memberLog {
width: 100%;
margin-bottom: 0;
display: block;
position: relative
}
.memberLog img {
width: 100%;
height: 100%;
position: relative;
object-fit: contain;
object-position: center;
aspect-ratio: 2/1
}
.page_work {
background: #fff 0%;
background: linear-gradient(to bottom,#fff 0%,#F1F1F1 50%);
padding: 60px 0
}
.card_box {
width: 100%;
display: block;
position: relative;
padding: 34px 26px;
background-color: #fcfcfc;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-o-border-radius: 7px
}
.card_box h2 {
width: 100%;
max-width: 265px;
font-family: uni sans semibold;
font-size: calc(16px + 3 * ((100vw - 320px)/880));
color: #ff0073;
letter-spacing: .36px;
line-height: 22px;
margin: 0 auto 8px
}
@media screen and (max-width: 320px) {
.card_box h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.card_box h2 {
font-size:19px
}
}
.card_box p {
width: 100%;
max-width: 285px;
font-family: uni sans regula;
font-size: 14px;
color: #7c878e;
letter-spacing: .27px;
line-height: 20px;
margin: 0 auto
}
.main_convictions {
width: 100%;
display: block;
position: relative;
overflow: hidden;
padding: 70px 0 100px
}
.header_convictions {
width: 100%;
display: block;
position: relative;
z-index: 1
}
.header_convictions p {
font-family: uni sans 700;
font-size: 24px;
color: #f5f5f5;
letter-spacing: .4px;
line-height: 28px;
mabotton-bottom: 0
}
.card_convictions {
width: 100%;
height: 100%;
display: block;
position: relative;
z-index: 1;
padding: 25px 13px 40px;
backdrop-filter: blur(10px);
background-color: rgba(249,128,161,.6);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
overflow: hidden
}
.card_convictions h2 {
width: 100%;
max-width: 200px;
position: relative;
font-family: uni sans semibold;
font-size: calc(16px + 4 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: .3px;
line-height: 22px;
padding-bottom: 20px;
margin: 0 auto 20px
}
@media screen and (max-width: 320px) {
.card_convictions h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.card_convictions h2 {
font-size:20px
}
}
.card_convictions h2::before {
content: "";
display: block;
width: 100%;
height: 5px;
max-width: 42px;
background-color: rgba(255,255,255,.9);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.card_convictions p {
font-family: uni sans regula;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: .27px;
text-align: center;
line-height: 20px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.card_convictions p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.card_convictions p {
font-size:16px
}
}
.bg_sections {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
position: absolute;
margin: 0;
background-color: #000
}
.bg_sections>img {
opacity: .7;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_departments {
width: 100%;
display: block;
padding: 58px 0;
position: relative;
background: #fff 50%;
background: linear-gradient(to bottom,#fff 50%,#F9F9F9 100%)
}
.main_departments .header-section {
width: 100%;
max-width: 530px
}
.main_departments .header-section h2 {
margin-bottom: 0
}
.content-departament {
width: 100%;
height: 100%;
display: block;
position: relative;
background-color: #f5f5f5;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
.content-departament .nav {
width: 100%;
max-width: 330px;
display: block;
position: relative;
padding: 15px 0 15px 11px
}
.content-departament .nav .nav-link {
width: 100%;
display: block;
position: relative;
text-align: start;
background-color: transparent;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
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;
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .3px;
line-height: 50px
}
@media screen and (max-width: 320px) {
.content-departament .nav .nav-link {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.content-departament .nav .nav-link {
font-size:18px
}
}
.content-departament .nav .nav-link::before {
content: "";
display: block;
width: 2px;
height: 100%;
position: absolute;
right: -1px;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
transition: ease-in all .2s;
-webkit-transition: ease-in all .2s;
-moz-transition: ease-in all .2s;
-ms-transition: ease-in all .2s;
-o-transition: ease-in all .2s
}
.content-departament .nav .nav-link.active {
font-family: uni sans 700;
color: #b893d2;
background: #fff 0%;
background: linear-gradient(to right,#fff 0%,#FAFAFA 100%)
}
.content-departament .nav .nav-link.active::before {
background-color: #fafafa
}
.content-departament .nav .nav-link:hover {
font-family: uni sans 700;
color: #b893d2;
background: #fff 0%;
background: linear-gradient(to right,#fff 0%,#FAFAFA 100%)
}
.content-departament .nav .nav-link:hover::before {
background-color: #fafafa
}
.content-departament .nav.open {
display: block;
position: absolute;
overflow: hidden;
z-index: 5;
background: #f5f5f5;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
max-width: max-content;
left: 10px;
top: 60px;
padding: 0;
border: 1px solid rgba(0,0,0,.06)
}
.content-departament .nav.open .nav-link {
line-height: normal;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0
}
.content-departament .navDescrip {
align-items: center
}
.content-departament .navDescrip h2 {
font-family: uni sans 700;
font-size: 13px;
color: #b893d2;
letter-spacing: .88px;
text-transform: uppercase;
margin-left: 10px;
margin-bottom: 0
}
.content-departament .tab-content {
width: 100%;
height: 100%;
max-height: 756px;
overflow: scroll;
display: block;
position: relative;
padding: 30px 32px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
background-color: #fafafa;
-webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,.06);
-moz-box-shadow: -1px 0 0 0 rgba(0,0,0,.06);
box-shadow: -1px 0 0 0 rgba(0,0,0,.06)
}
.content-departament .tab-content .tab-pane-content {
width: 100%;
display: block;
position: relative;
margin-bottom: 30px
}
.content-departament .tab-content .tab-pane-content:last-child {
margin-bottom: 0
}
.content-departament .tab-content .tab-pane-content h2 {
font-family: uni sans 700;
font-size: calc(12px + 2 * ((100vw - 320px)/880));
color: #b893d2;
letter-spacing: .88px;
text-transform: uppercase;
margin-bottom: 30px
}
@media screen and (max-width: 320px) {
.content-departament .tab-content .tab-pane-content h2 {
font-size:12px
}
}
@media screen and (min-width: 1200px) {
.content-departament .tab-content .tab-pane-content h2 {
font-size:14px
}
}
.content-departament .tab-content .tab-pane-content .pane-content-list {
width: 100%;
display: block;
position: relative;
margin-bottom: 23px
}
.content-departament .tab-content .tab-pane-content .pane-content-list:last-child {
margin-bottom: 0
}
.content-departament .tab-content .tab-pane-content .pane-content-list h3 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
font-family: uni sans semibold;
font-size: calc(15px + 9 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .4px;
text-decoration: none!important;
line-height: 28px
}
.content-departament .tab-content .tab-pane-content .pane-content-list h3 span {
display: block;
width: 100%;
max-width: 400px
}
.content-departament .tab-content .tab-pane-content .pane-content-list h3 a {
width: 100%;
max-width: 300px;
font-family: uni sans semibold;
font-size: calc(15px + 9 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .4px;
text-decoration: none!important;
line-height: 28px
}
@media screen and (max-width: 320px) {
.content-departament .tab-content .tab-pane-content .pane-content-list h3 a {
font-size:15px
}
}
@media screen and (min-width: 1200px) {
.content-departament .tab-content .tab-pane-content .pane-content-list h3 a {
font-size:24px
}
}
.content-departament .tab-content .tab-pane-content .pane-content-list p {
font-family: uni sans regula;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
color: #7c878e;
letter-spacing: .27px;
line-height: 23px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.content-departament .tab-content .tab-pane-content .pane-content-list p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.content-departament .tab-content .tab-pane-content .pane-content-list p {
font-size:16px
}
}
@media(max-width: 992px) {
.content-departament .nav {
display:none
}
}
.col-ads {
width: 100%;
display: block;
position: relative
}
.col-ads .spanList {
display: block;
font-family: uni sans 700;
font-size: 20px;
color: #e31c79;
letter-spacing: .33px;
line-height: 22px;
margin-bottom: 13px
}
.col-ads .spanList:last-child {
margin-bottom: 30px
}
.col-ads figure {
width: 100%;
max-width: 298px;
height: fit-content;
position: relative;
display: block;
margin: 0;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
.col-ads figure a {
width: 100%;
height: 100%;
display: block
}
.col-ads figure a img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center
}
.main_callAction {
width: 100%;
min-height: 310px;
position: relative;
display: block;
padding: 30px 0 60px;
background-image: linear-gradient(-179deg,#FDFDFD 0%,#F5F5F5 100%)
}
.callAction_box {
width: 100%;
max-width: 616px;
margin: 0 auto;
position: relative;
padding: 10px;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
background-color: #fff;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}
.callAction_box img {
width: 100%;
max-width: 112px;
height: 112px;
object-fit: cover;
object-position: center;
margin-right: 30px;
z-index: 1
}
.callAction_box h2 {
width: 100%;
max-width: 300px;
font-family: uni sans semibold;
font-size: calc(15px + 7 * ((100vw - 320px)/880));
color: #fff;
letter-spacing: .37px;
line-height: 24px;
margin-bottom: 0;
z-index: 1
}
@media screen and (max-width: 320px) {
.callAction_box h2 {
font-size:15px
}
}
@media screen and (min-width: 1200px) {
.callAction_box h2 {
font-size:22px
}
}
.callAction_box p {
width: 100%;
max-width: 340px;
font-family: uni sans regula;
font-size: 19px;
font-size: calc(14px + 5 * ((100vw - 320px)/880));
color: #4a4a4a;
letter-spacing: .32px;
line-height: 22px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.callAction_box p {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.callAction_box p {
font-size:19px
}
}
.callAction_box .btn {
z-index: 1
}
.callAction_box .btn_box {
padding: 10px 23px;
text-transform: uppercase;
text-decoration: none!important;
background-color: #fff;
font-family: uni sans 700;
font-size: calc(12px + 2 * ((100vw - 320px)/880));
color: #e31c79;
letter-spacing: .23px;
text-align: center;
border: 1px solid transparent
}
@media screen and (max-width: 320px) {
.callAction_box .btn_box {
font-size:12px
}
}
@media screen and (min-width: 1200px) {
.callAction_box .btn_box {
font-size:14px
}
}
.callAction_box .btn_box:hover {
background-color: transparent;
color: #fff;
border-color: #fff
}
.callAction_box .box-content {
width: 100%;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 15px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
background-color: #e31c79
}
.callAction_box.box_white {
display: flex;
align-items: center
}
.callAction_box.box_pink::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
z-index: 0
}
.main_request {
width: 100%;
display: block;
position: relative;
padding: 40px 0
}
.list-block {
width: 100%;
max-width: 800px;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid rgba(124,135,142,.2)
}
.list-block .blockLink {
width: 100%;
max-width: max-content;
padding: 0 20px;
position: relative;
border-right: 1px solid rgba(124,135,142,.2)
}
.list-block .blockLink:last-child {
border: none
}
.list-block .blockLink .icons_ {
margin: 0 auto 20px
}
.list-block .blockLink p {
width: 100%;
max-width: 230px;
margin-bottom: 0;
text-align: center;
font-family: uni sans regula
}
.list-block .blockLink p a {
text-decoration: none!important;
font-size: calc(14px + 8 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .37px;
line-height: 25px
}
.list-block .blockLink p a span {
position: relative;
top: 6px;
line-height: normal
}
@media screen and (max-width: 320px) {
.list-block .blockLink p a {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.list-block .blockLink p a {
font-size:22px
}
}
@media(max-width: 768px) {
.list-block {
max-width:100%;
display: block
}
.list-block .blockLink {
max-width: 100%;
border-right: none;
padding: 20px 10px;
border-bottom: 1px solid rgba(124,135,142,.2)
}
.list-block .blockLink:last-child {
border-bottom: none
}
.list-block .blockLink .icons_ {
margin-bottom: 10px
}
.list-block .blockLink p {
max-width: 100%;
margin: 0 auto
}
.list-block .blockLink p a {
display: flex;
align-items: center;
width: 100%;
justify-content: center
}
}
.art-figure {
width: 100%;
max-width: 1266px;
height: fit-content;
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
.art-figure a {
width: 100%;
height: 100%;
display: block;
position: relative
}
.art-figure a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_nav_test {
width: 100%;
display: block;
position: relative;
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.main_nav_test nav {
width: 100%;
position: relative
}
.main_nav_test nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center
}
.main_nav_test nav ul li {
padding: 22px 0;
position: relative;
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
}
.main_nav_test nav ul li.active::before {
background-color: #f980a1
}
.main_nav_test nav ul li.active a {
font-family: uni sans semibold;
color: #ff0073
}
.main_nav_test nav ul li::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 3.5px;
background-color: transparent;
bottom: -1px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
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
}
.main_nav_test nav ul li:hover::before {
background-color: #f980a1
}
.main_nav_test nav ul li a {
display: block;
text-decoration: none!important;
text-transform: uppercase;
font-family: uni sans regula;
font-size: 16px;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: 4.5px;
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
}
@media screen and (max-width: 320px) {
.main_nav_test nav ul li a {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_nav_test nav ul li a {
font-size:16px
}
}
.main_nav_test nav ul li a:hover {
font-family: uni sans semibold;
color: #ff0073
}
.main_tests {
width: 100%;
position: relative;
display: block;
padding: 30px 0 60px;
background-image: linear-gradient(-179deg,#FDFDFD 0%,#F5F5F5 100%)
}
.main_tests .result_tests {
width: 100%;
display: block;
position: relative
}
.main_tests .result_tests .card_test {
width: 100%;
display: block;
position: relative;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
margin-bottom: 10px
}
.main_tests .result_tests .card_test:last-child {
margin-bottom: 0
}
.main_tests .result_tests .card_test h2 {
width: 100%;
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #e31c79;
padding: 16px 20px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_tests .result_tests .card_test h2 {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_tests .result_tests .card_test h2 {
font-size:18px
}
}
.main_tests .result_tests .card_test .body-test {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
border-top: 1px solid rgba(124,135,142,.1)
}
.main_tests .result_tests .card_test .body-test ul {
padding: 14px 20px;
list-style: none;
margin: 0;
display: flex;
align-items: center
}
.main_tests .result_tests .card_test .body-test ul li {
width: 100%;
display: flex;
align-items: center;
margin-right: 25px;
font-family: uni sans regula;
font-size: 14px;
color: #7c878e;
line-height: 15px
}
.main_tests .result_tests .card_test .body-test ul li:last-child {
margin: 0
}
.main_tests .result_tests .card_test .body-test ul li span {
font-size: 20px;
margin-right: 10px
}
.main_tests .result_tests .card_test .btn_body {
width: 100%;
max-width: max-content;
display: block;
height: 100%;
position: relative;
border-left: 1px solid rgba(124,135,142,.1)
}
.main_tests .result_tests .card_test .btn_body a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
text-decoration: none;
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #e31c79;
letter-spacing: .27px;
line-height: 24px;
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
}
@media screen and (max-width: 320px) {
.main_tests .result_tests .card_test .btn_body a {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_tests .result_tests .card_test .btn_body a {
font-size:18px
}
}
.main_tests .result_tests .card_test .btn_body a span {
margin-left: 10px;
color: #e31c79;
font-size: calc(16px + 2 * ((100vw - 320px)/880));
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
}
@media screen and (max-width: 320px) {
.main_tests .result_tests .card_test .btn_body a span {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.main_tests .result_tests .card_test .btn_body a span {
font-size:18px
}
}
.main_tests .result_tests .card_test .btn_body a:hover {
color: #fff;
background-color: #e31c79
}
.main_tests .result_tests .card_test .btn_body a:hover span {
color: #fff
}
.main_nav_cat {
width: 100%;
display: block;
position: relative;
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.main_nav_cat nav {
width: 100%;
position: relative
}
.main_nav_cat nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
white-space: nowrap;
overflow-y: hidden;
align-items: center
}
.main_nav_cat nav ul li {
margin-right: 26px;
padding: 22px 0;
position: relative;
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
}
.main_nav_cat nav ul li:last-child {
margin-right: 0
}
.main_nav_cat nav ul li.current-menu-item::before {
background-color: #f980a1
}
.main_nav_cat nav ul li.current-menu-item a {
font-family: uni sans semibold;
color: #ff0073
}
.main_nav_cat nav ul li::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 3.5px;
background-color: transparent;
bottom: -1px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
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
}
.main_nav_cat nav ul li:hover::before {
background-color: #f980a1
}
.main_nav_cat nav ul li a {
display: block;
text-decoration: none!important;
text-transform: uppercase;
font-family: uni sans regula;
font-size: 16px;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
color: #636e75;
letter-spacing: .27px;
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
}
@media screen and (max-width: 320px) {
.main_nav_cat nav ul li a {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_nav_cat nav ul li a {
font-size:16px
}
}
.main_nav_cat nav ul li a:hover {
font-family: uni sans semibold;
color: #ff0073
}
[aria-label="page navigation"] {
width: 100%;
display: block;
position: relative
}
[aria-label="page navigation"] ul {
padding: 0;
margin: 0;
display: flex;
align-items: center
}
[aria-label="page navigation"] ul li {
width: 100%;
max-width: max-content;
height: max-content;
margin: 0;
font-family: uni sans semibold;
font-size: 14px;
color: #7c878e
}
[aria-label="page navigation"] ul li.disabled a {
background-color: #7c878e!important
}
[aria-label="page navigation"] ul li a {
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
text-decoration: none!important;
border: none;
color: #fff!important;
background-color: #e31c79!important;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
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
}
[aria-label="page navigation"] ul li a.prev {
margin-right: 11px!important
}
[aria-label="page navigation"] ul li a.prev span {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg)
}
[aria-label="page navigation"] ul li a.next {
margin-left: 11px!important
}
[aria-label="page navigation"] ul li a:hover {
color: #e31c79!important;
background-color: #fff!important
}
.main_blog {
width: 100%;
position: relative;
display: block;
padding: 30px 0 60px;
background-image: linear-gradient(-179deg,#FDFDFD 0%,#F5F5F5 100%);
margin-bottom: 50px
}
.main_blog .last_posts h2 {
font-family: uni sans semibold;
font-size: calc(14px + 4 * ((100vw - 320px)/880));
color: #4a4a4a;
line-height: 23px;
margin-bottom: 20px
}
@media screen and (max-width: 320px) {
.main_blog .last_posts h2 {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_blog .last_posts h2 {
font-size:18px
}
}
.main_blog .last_posts p {
font-family: uni sans regula;
font-size: 15px;
color: #7c878e;
line-height: 21px;
margin-bottom: 10px
}
.main_blog .last_posts p small {
font-family: uni sans semibold;
font-size: calc(12px + 1 * ((100vw - 320px)/880))
}
@media screen and (max-width: 320px) {
.main_blog .last_posts p small {
font-size:12px
}
}
@media screen and (min-width: 1200px) {
.main_blog .last_posts p small {
font-size:13px
}
}
@media(max-width: 768px) {
.main_blog .last_posts a {
display:block
}
.main_blog .last_posts a img {
max-width: 100%;
height: inherit;
margin-bottom: 15px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.main_blog .last_posts a .body-post {
padding: 10px 15px
}
.main_blog .last_posts a .body-post h2 {
margin-bottom: 10px
}
.main_blog .last_posts a .body-post p {
padding: 0;
margin-bottom: 5px
}
.main_blog .last_posts a .body-post p:last-child {
margin-bottom: 0
}
}
.main_questions {
width: 100%;
display: block;
position: relative;
padding: 35px 0 50px
}
.accordion_main {
width: 100%;
position: relative;
display: block
}
.accordion_main .accordion-item {
border-bottom: 1px solid rgba(124,135,142,.3);
counter-increment: counter
}
.accordion_main .accordion-item h2 {
font-family: uni sans semibold;
font-size: calc(16px + 2 * ((100vw - 320px)/880));
line-height: 22px;
color: rgba(155,155,155,.5)
}
@media screen and (max-width: 320px) {
.accordion_main .accordion-item h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.accordion_main .accordion-item h2 {
font-size:18px
}
}
.accordion_main .accordion-item h2 button {
padding: 21px 0 20px 30px;
outline: none!important;
box-shadow: none!important;
background-color: transparent!important
}
.accordion-flush .accordion-item .accordion-button:not(.collapsed) {
color: #ff0273
}
.accordion_main .accordion-item h2 button::before {
content: counter(counter) ". ";
display: block;
width: max-content;
height: max-content;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: rgba(155,155,155,.5)
}
.accordion_main .accordion-item h2 button::after {
color: #000
}
.accordion_main .accordion-item .accordion-collapse {
background-color: rgba(247,247,247,.7)
}
.accordion_main .accordion-item .accordion-collapse .accordion-body {
width: 100%;
display: block;
position: relative;
padding: 20px 30px
}
.accordion_main .accordion-item .accordion-collapse .accordion-body p {
font-family: uni sans regula;
font-size: 14px;
color: #606e76
}
.accordion_main .accordion-item .accordion-collapse .accordion-body p:last-child {
margin-bottom: 0
}
.accordion_main .accordion-item .accordion-collapse .accordion-body ul {
font-family: uni sans regula;
font-size: 14px;
color: #606e76;
padding-left: 15px
}
.accordion_main .accordion-item .accordion-collapse .accordion-body ul li {
margin-bottom: 5px
}
.accordion_main .accordion-item .accordion-collapse .accordion-body ul li:last-child {
margin-bottom: 0
}
.accordion_main .accordion-item .accordion-collapse .accordion-body ul:last-child {
margin-bottom: 0
}
.contact-col {
width: 100%;
display: block;
position: relative;
background: #fff;
border: 2px solid #6f8fc6;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
margin-bottom: 30px
}
.contact-col .header-col {
width: 100%;
display: block;
position: relative;
padding: 20px 30px 25px;
text-align: center;
margin-bottom: 25px
}
.contact-col .header-col::before {
content: "";
display: block;
width: 100%;
max-width: 45px;
height: 5px;
background-color: #6f8fc6;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.contact-col .header-col h2 {
font-family: uni sans regula;
font-style: normal;
font-size: calc(16px + 6 * ((100vw - 320px)/880));
line-height: 25px;
letter-spacing: .366667px;
color: #606e76;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.contact-col .header-col h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.contact-col .header-col h2 {
font-size:22px
}
}
.contact-col ul {
margin: 0;
padding: 0
}
.contact-col ul li {
display: flex;
align-items: center;
padding: 15px;
border-bottom: 1px solid rgba(124,135,142,.2)
}
.contact-col ul li:last-child {
border-bottom: none
}
.contact-col ul li span {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 16px;
color: #fff;
background-color: #6f8fc6;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.contact-col ul li span i {
font-size: 16px
}
.contact-col ul li span.custom-icon::before {
content: "";
display: block;
position: absolute;
width: 18px;
height: 18px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: rgba(255,255,255,.2);
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.contact-col ul li a {
text-decoration: none!important;
font-family: uni sans regula;
font-style: normal;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
line-height: 19px;
letter-spacing: .2px;
color: #7c878e
}
@media screen and (max-width: 320px) {
.contact-col ul li a {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.contact-col ul li a {
font-size:16px
}
}
.side-ads {
width: 100%;
max-width: 406px;
height: 240px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
overflow: hidden
}
.side-ads img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
object-fit: contain;
}
.nx-negative {
left: 0;
right: 0
}
.section_information {
width: 100%;
display: block;
position: relative;
padding: 50px 0 100px;
background: #fff 0%;
background: linear-gradient(to bottom,#fff 0%,#F9F9F9 60%)
}
.section_information .content_information {
width: 100%;
max-width: 550px;
display: block;
margin-bottom: 50px
}
.section_information .content_information p {
width: 100%;
max-width: 706px;
font-family: uni sans regula;
font-size: 22px;
color: #636e75;
letter-spacing: .37px;
line-height: 26px;
margin: 0
}
.section_information .card_information {
width: 100%;
max-width: 500px;
display: block;
position: relative;
padding: 30px 50px;
z-index: 1;
border-color: #6f8fc6!important;
-webkit-box-shadow: 0 0 11px -4px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,.2);
box-shadow: 0 0 11px -4px rgba(0,0,0,.2)
}
.section_information .card_information h2 {
font-family: uni sans semibold;
font-size: calc(16px + 2 * ((100vw - 320px)/880));
font-weight: 600;
color: #6f8fc6;
margin-bottom: 20px
}
@media screen and (max-width: 320px) {
.section_information .card_information h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.section_information .card_information h2 {
font-size:18px
}
}
.section_information .card_information p {
font-family: uni sans regula;
font-size: 14px;
color: #636e75
}
.section_information .card_information a {
font-family: uni sans semibold;
width: 100%;
max-width: max-content;
text-decoration: none!important;
margin: auto;
font-size: 13px;
color: #7c878e;
border: solid 1px rgba(124,135,142,.5)
}
.section_information .card_information a:hover {
border-color: #7c878e
}
.btn-bg-blue {
background-color: #6f8fc6
}
.btn-bg-blue:hover {
color: #6f8fc6!important;
background-color: transparent;
border-color: #6f8fc6
}
.btn-bg-gray {
background-color: transparent;
color: #7c878e;
border: 1px solid #7c878e
}
.btn-bg-gray:hover {
color: #fff;
background-color: #7c878e
}
.main_typesTests {
width: 100%;
display: block;
position: relative;
padding: 200px 0 100px
}
.main_typesTests .card-cov {
width: 100%;
height: 100%;
position: relative;
background: #fbfbfb 0%;
background: linear-gradient(140deg,#fbfbfb 0%,#F5F5F5 100%)
}
.main_typesTests .card-cov .card-header {
width: 100%;
display: block;
position: relative;
border: none;
padding: 30px 0;
background-color: transparent
}
.main_typesTests .card-cov .card-header h2 {
width: 100%;
max-width: 210px;
position: relative;
margin: 0 auto;
text-align: center;
font-size: 20px;
font-family: uni sans 700;
font-size: calc(14px + 2 * ((100vw - 320px)/880));
font-weight: 600;
color: #636e75
}
@media screen and (max-width: 320px) {
.main_typesTests .card-cov .card-header h2 {
font-size:14px
}
}
@media screen and (min-width: 1200px) {
.main_typesTests .card-cov .card-header h2 {
font-size:16px
}
}
.main_typesTests .card-cov .card-header h2::before {
content: "";
display: block;
position: absolute;
width: 100%;
max-width: 50px;
height: 5px;
left: 0;
right: 0;
bottom: -25px;
margin: auto;
background-color: #6f8fc6;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px
}
.main_typesTests .card-cov .card-body {
width: 100%;
display: block;
position: relative
}
.main_typesTests .card-cov .card-body p {
width: 100%;
max-width: 340px;
margin: 0 auto;
font-family: uni sans regula;
font-size: 14px;
color: #636e75
}
.main_typesTests .card-cov .card-footer {
width: 100%;
position: relative;
border: none;
background-color: transparent;
padding-bottom: 30px
}
.main_typesTests .card-cov .card-footer a {
width: 100%;
max-width: 300px;
margin: 0 auto;
display: flex;
font-size: 14px;
font-weight: 400;
align-items: center;
justify-content: center;
text-decoration: none!important
}
.main_typesTests .ctn-play {
width: 100%;
height: 400px;
display: block;
position: relative;
overflow: hidden
}
.main_typesTests .ctn-play a {
width: 100%;
height: 100%;
display: block;
position: relative
}
.main_typesTests .ctn-play a span {
width: max-content;
height: max-content;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: 1;
font-size: 90px;
color: #fff
}
.main_typesTests .ctn-play a figure {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0
}
.main_typesTests .ctn-play a figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}
.main_action {
width: 100%;
display: block;
position: relative;
padding: 100px 0;
overflow: hidden
}
.main_action figure {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
margin: 0;
filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}
.main_action figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}
.main_action .content_benefts {
width: 100%;
display: block;
position: relative
}
.main_action .content_benefts h3 {
font-family: uni sans semibold;
color: #fff;
font-size: calc(24px + 16 * ((100vw - 320px)/980))
}
@media screen and (max-width: 320px) {
.main_action .content_benefts h3 {
font-size:24px
}
}
@media screen and (min-width: 1300px) {
.main_action .content_benefts h3 {
font-size:40px
}
}
.main_action .content_benefts>p {
font-family: uni sans regula;
color: #fff;
font-size: calc(14px + 4 * ((100vw - 320px)/980))
}
@media screen and (max-width: 320px) {
.main_action .content_benefts>p {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_action .content_benefts>p {
font-size:18px
}
}
.main_action .content_benefts>p:last-child {
width: 100%;
max-width: 500px;
margin: 0 auto
}
.main_action .content_benefts .benefts_request {
border-color: #6f8fc6
}
.main_action .content_benefts .benefts_request p {
color: #6f8fc6
}
.main_action .content_benefts .benefts_request .btn {
background-color: #6f8fc6;
color: #fff
}
.main_question {
width: 100%;
display: block;
position: relative;
padding: 50px 0
}
.main_question .accordion {
width: 100%
}
.main_question .accordion .accordion-item {
counter-increment: counter
}
.main_question .accordion .accordion-item h2 {
font-family: uni sans semibold;
font-size: calc(16px + 2 * ((100vw - 320px)/880));
line-height: 22px;
color: rgba(155,155,155,.5)
}
@media screen and (max-width: 320px) {
.main_question .accordion .accordion-item h2 {
font-size:16px
}
}
@media screen and (min-width: 1200px) {
.main_question .accordion .accordion-item h2 {
font-size:18px
}
}
.main_question .accordion .accordion-item h2 button {
padding: 21px 0 20px 30px;
outline: none!important;
box-shadow: none!important;
background-color: transparent!important
}
.main_question .accordion .accordion-item h2 button::before {
content: counter(counter) ". ";
display: block;
width: max-content;
height: max-content;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: rgba(155,155,155,.5)
}
.main_question .accordion .accordion-item h2 button::after {
color: #000
}
.main_question .accordion .accordion-item .accordion-collapse {
background-color: rgba(247,247,247,.7)
}
.main_question .accordion .accordion-item .accordion-collapse .accordion-body {
width: 100%;
display: block;
position: relative;
font-family: uni sans regula;
font-size: 14px;
color: #606e76;
padding: 20px 30px
}
.main_sigle_header {
width: 100%;
display: block;
position: relative;
padding: 30px 0;
background: linear-gradient(180deg,#FDFDFD 0%,#F5F5F5 100%);
mix-blend-mode: normal
}
.main_sigle_header .header_content {
width: 100%;
display: block;
position: relative
}
.main_sigle_header .header_content h2 {
width: 100%;
max-width: 800px;
font-family: uni sans regula;
font-size: calc(24px + 12 * ((100vw - 320px)/980));
line-height: 40px;
letter-spacing: .6px;
color: #ff0073
}
@media screen and (max-width: 320px) {
.main_sigle_header .header_content h2 {
font-size:24px
}
}
@media screen and (min-width: 1300px) {
.main_sigle_header .header_content h2 {
font-size:36px
}
}
.main_sigle_header .header_content p {
width: 100%;
max-width: 800px;
font-family: uni sans regula;
font-size: calc(16px + 2 * ((100vw - 320px)/980));
line-height: 29px;
color: #7c878e
}
@media screen and (max-width: 320px) {
.main_sigle_header .header_content p {
font-size:16px
}
}
@media screen and (min-width: 1300px) {
.main_sigle_header .header_content p {
font-size:18px
}
}
.main_sigle_header .date-post {
width: 100%;
display: block;
padding: 18px 20px;
background: #f5f5f5;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.main_sigle_header .date-post h3 {
font-family: uni sans semibold;
font-size: calc(14px + 2 * ((100vw - 320px)/980));
line-height: 19px;
letter-spacing: .2px;
color: #7c878e;
margin-bottom: 7px
}
@media screen and (max-width: 320px) {
.main_sigle_header .date-post h3 {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_sigle_header .date-post h3 {
font-size:16px
}
}
.main_sigle_header .date-post p {
font-family: uni sans regula;
font-size: calc(12px + 2 * ((100vw - 320px)/980));
line-height: 19px;
letter-spacing: .2px;
color: #7c878e;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_sigle_header .date-post p {
font-size:12px
}
}
@media screen and (min-width: 1300px) {
.main_sigle_header .date-post p {
font-size:14px
}
}
.main_sigle_header .date-post p span {
color: #d80061
}
.main_content_single {
width: 100%;
display: block;
position: relative;
padding: 20px 0 100px
}
.main_content_single .content-display .figure-content {
width: 100%;
height: 400px;
overflow: hidden;
margin-bottom: 30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px
}
.main_content_single .content-display figure img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}
.main_content_single .content-display p {
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/980));
line-height: 26px;
color: #636e75
}
@media screen and (max-width: 320px) {
.main_content_single .content-display p {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_content_single .content-display p {
font-size:18px
}
}
.last_post {
width: 100%;
display: block;
position: relative
}
.last_post h2 {
font-family: uni sans semibold;
font-size: calc(16px + 6 * ((100vw - 320px)/980));
line-height: 25px;
letter-spacing: .366667px;
color: #606e76;
margin-bottom: 20px
}
@media screen and (max-width: 320px) {
.last_post h2 {
font-size:16px
}
}
@media screen and (min-width: 1300px) {
.last_post h2 {
font-size:22px
}
}
.last_post .card {
width: 100%;
position: relative
}
.last_post .card img {
width: 100%;
height: 70px;
object-fit: cover;
object-position: top;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px
}
.last_post .card h3 {
font-family: uni sans regula;
font-size: calc(13px + 2 * ((100vw - 320px)/980));
line-height: 20px;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.last_post .card h3 {
font-size:13px
}
}
@media screen and (min-width: 1300px) {
.last_post .card h3 {
font-size:15px
}
}
.last_post .card h3 a {
color: #636e75
}
.main_consult {
width: 100%;
display: block;
position: relative;
padding: 50px 0;
border-bottom: 2px solid #e7e7e7
}
.main_consult .card_commitment {
height: 100%
}
.main_consult .card_commitment a p {
width: 100%;
max-width: 90px;
color: #e31c79
}
.main_consult .card_commitment a span {
color: #e31c79
}
.header-content {
width: 100%;
max-width: 580px;
position: relative;
display: block;
margin: 0 auto 30px
}
.header-content h2 {
font-family: uni sans semibold;
font-style: normal;
font-weight: 600;
font-size: 40px;
font-size: calc(24px + 16 * ((100vw - 320px)/880));
letter-spacing: .666667px;
color: #e31c79;
text-align: center
}
@media screen and (max-width: 320px) {
.header-content h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.header-content h2 {
font-size:40px
}
}
.header-app {
width: 100%;
max-width: 660px;
position: relative;
display: block;
margin: 0 auto 30px
}
.header-app h2 {
font-family: uni sans semibold;
font-style: normal;
font-weight: 600;
font-size: 40px;
font-size: calc(24px + 16 * ((100vw - 320px)/880));
letter-spacing: .666667px;
color: #e31c79;
text-align: center
}
@media screen and (max-width: 320px) {
.header-app h2 {
font-size:24px
}
}
@media screen and (min-width: 1200px) {
.header-app h2 {
font-size:40px
}
}
.main_benef {
width: 100%;
display: block;
position: relative;
padding: 60px 0;
background: #fafafa 50%;
background: linear-gradient(180deg,#FAFAFA 50%,#F0F0F0 100%)
}
.main_benef .container-fluid {
max-width: 990px
}
.mt-5n {
margin-top: -350px
}
.main_media {
width: 100%;
display: block;
padding: 60px 0;
position: relative;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.main_media>* {
z-index: 2;
position: relative
}
.main_media:after {
position: absolute;
content: '';
width: 100%;
height: 400px;
background: #fafafa;
top: 0;
z-index: 1
}
.main_media .header-content {
max-width: 585px
}
.main_media .media {
width: 100%;
height: 100%;
max-height: 700px;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px
}
.main_media .media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center
}
.main_media .caption_media {
width: 100%;
max-width: 580px;
margin: auto;
display: block;
position: relative
}
.main_media .caption_media p {
font-family: uni sans regula;
font-style: normal;
font-weight: 400;
font-size: calc(14px + 8 * ((100vw - 320px)/980));
line-height: 28px;
letter-spacing: .35px;
color: #636e75;
margin-bottom: 0
}
@media screen and (max-width: 320px) {
.main_media .caption_media p {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_media .caption_media p {
font-size:22px
}
}
.main_contactoInfo {
width: 100%;
display: block;
position: relative;
padding: 50px 0
}
.main_contactoInfo .box_contactoInfo {
width: 100%;
padding: 20px 0;
display: block;
position: relative;
border-bottom: 1px solid rgba(198,198,198,.5)
}
.main_contactoInfo .box_contactoInfo:last-child {
border: none
}
.main_contactoInfo .box_contactoInfo h2 {
font-family: uni sans semibold;
font-size: calc(16px + 6 * ((100vw - 320px)/980));
font-style: normal;
line-height: 26px;
color: #ff0073;
margin-bottom: 25px
}
@media screen and (max-width: 320px) {
.main_contactoInfo .box_contactoInfo h2 {
font-size:16px
}
}
@media screen and (min-width: 1300px) {
.main_contactoInfo .box_contactoInfo h2 {
font-size:22px
}
}
.main_contactoInfo .box_contactoInfo p {
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/980));
line-height: 24px;
color: #636e75
}
@media screen and (max-width: 320px) {
.main_contactoInfo .box_contactoInfo p {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_contactoInfo .box_contactoInfo p {
font-size:18px
}
}
.main_contactoInfo .box_contactoInfo p a {
color: #ff0073
}
.main_contactoInfo .box_contactoInfo ul {
list-style: none;
padding: 0;
margin: 0
}
.main_contactoInfo .box_contactoInfo ul.cit-list {
width: 100%;
max-width: max-content;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
column-count: 2;
column-gap: 0
}
.main_contactoInfo .box_contactoInfo ul li {
padding-left: 30px;
font-family: uni sans regula;
font-size: calc(14px + 4 * ((100vw - 320px)/980));
line-height: 24px;
color: #636e75;
position: relative;
margin-bottom: 15px
}
@media screen and (max-width: 320px) {
.main_contactoInfo .box_contactoInfo ul li {
font-size:14px
}
}
@media screen and (min-width: 1300px) {
.main_contactoInfo .box_contactoInfo ul li {
font-size:18px
}
}
.main_contactoInfo .box_contactoInfo ul li:last-child {
margin-bottom: 0
}
.main_contactoInfo .box_contactoInfo ul li::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
position: absolute;
top: 6px;
left: 10px;
background-color: rgba(124,135,142,.3)
}
footer .section_.footer_main header {
font-family: uni sans semibold;
color: #ff0073;
padding-bottom: 1rem;
font-size: 1rem;
padding-top: 1rem;
margin: 0
}
footer .section_.footer_main .nav a {
color: #636e75;
padding: .3rem 0;
font-size: 1.05rem;
display: block
}
.footer_copyright {
background-color: #ff0073;
padding: 12px 0 10px!important
}
.nav_fixed_bottom {
width: 100%;
display: block;
height: max-content;
bottom: 0;
padding: 12px 0 8px;
background-color: #798083
}
.nav_fixed_bottom ul {
gap: 1.4rem
}
.nav_fixed_bottom ul li a {
text-decoration: none!important;
display: block;
font-size: 1rem;
padding: 0;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}
.logo_certificaciones {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
align-items: center;
margin-top: 2rem
}
.logo_certificaciones figure {
height: 80px;
position: relative;
min-width: 101px;
margin: 0 5px
}
.logo_certificaciones figure img {
object-fit: contain;
width: 100%;
height: 100%;
position: absolute
}
@media(max-width: 992px) {
.logo_certificaciones {
justify-content:center;
gap: .5rem
}
}
.page-template-page-domicilio .main_banner .content_banner .btn:nth-child(1) {
background-color: #ff0273;
color: #fff;
border: 2px solid #ff0273
}
.page-template-page-domicilio .main_banner .content_banner .btn:nth-child(2) {
background-color: transparent;
color: #fff;
border: 2px solid #fff;
margin: initial!important
}
.color-pink {
color: #ff0273!important
}
.page-template-page-doping .main_benefits .benefits_content h2 {
max-width: 480px;
color: #ff0273
}
.page-template-page-doping .main_benefits .benefits_content p {
max-width: 720px
}
.page-template-page-doping .head-title {
width: 100%;
display: block;
position: relative
}
.page-template-page-doping .head-title h2 {
font-family: uni sans semibold;
font-size: 24px;
color: #ff0273;
margin-bottom: 0
}
.page-template-page-doping .main_list_benefts .card_block span {
font-size: 50px;
color: #ff0273;
display: block;
margin-bottom: 30px
}
.page-template-page-doping .main_list_benefts .card_block p {
position: relative
}
.page-template-page-doping .main_list_benefts .card_block p:before {
content: '';
display: block;
width: 100%;
max-width: 35px;
height: 5px;
background-color: #ff0273;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -17px;
border-radius: 100px
}
.page-template-page-doping .content_benefts .benefts_request {
border-color: #ff0273
}
.page-template-page-doping .content_benefts .benefts_request p {
color: #ff0273
}
.page-template-page-doping .content_benefts .benefts_request a {
background-color: #ff0273;
color: #fff
}
.page-template-page-investigacion .main_list_benefts {
padding: 70px 0
}
.page-template-page-investigacion .content_benefts .benefts_request {
border-color: #ff0273
}
.page-template-page-investigacion .content_benefts .benefts_request p {
color: #ff0273
}
.page-template-page-investigacion .content_benefts .benefts_request a {
background-color: #ff0273;
color: #fff
}
.page-template-page-investigacion .main_benefits {
padding-bottom: 78px
}
.page-template-page-investigacion .main_benefits h2 {
color: #ff0273;
margin-bottom: 35px;
max-width: 473px
}
.page-template-page-investigacion .main_benefits h3 {
width: 100%;
max-width: 443px;
font-family: uni sans semibold;
font-size: 24px;
letter-spacing: .67px;
margin: 0 auto 24px;
color: #ff0273
}
.page-template-page-investigacion .content_benefts h2 {
max-width: 560px;
font-size: 20px
}
.main_content_single .content-display .wp-block-column figure {
margin-bottom: 0;
height: 100%
}
.main_content_single .content-display .wp-block-column figure img {
height: 100%!important
}
.main_content_single .content-display .wp-block-column p:last-child {
margin-bottom: 0
}
.main_content_single .content-display .wp-block-column .wp-block-image {
margin-bottom: 10px
}
.noImg {
width: 100%;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
margin-bottom: 10px;
background-color: #eaeaea;
position: relative;
background-image: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/logo_principal.svg);
background-size: 60%;
background-repeat: no-repeat;
background-position: center
}
.last_post .noImg {
height: 70px
}
.last_post .noImg:before {
font-size: 17px;
text-decoration: none!important
}
.link-whatsapp:before {
content: '';
width: 20px;
height: 20px;
background: url(//amadita.com/wp-content/themes/amaditatheme/assets/img/social_icons/ic_whatsapp.svg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
background-size: contain;
filter: grayscale(100%) saturate(100%) brightness(100)
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 767px) {
.main_banner .content_banner h2 {
font-size:40px
}
.main_banner .content_banner p {
line-height: normal
}
.main_banner {
padding: 50px 0 20px;
min-height: 390px
}
body.main_clients .benefits_content h2 {
}
.main_benefits .benefits_content p {
}
.footer_header ul {
display: flex;
align-items: center;
justify-content: center
}
footer .footer_main .nav {
visibility: hidden;
opacity: 0;
display: none;
margin-bottom: .5rem
}
.header-footer.headerActiveNav+.nav.openNav {
display: block;
visibility: visible;
opacity: 1
}
footer .section_.footer_main header {
border-top: 1px solid #dee2e6!important
}
footer .section_.footer_main .row .col-12:first-child header {
}
footer .section_.footer_main .row .col-12:nth-child(4) {
}
.last_posts .stick-post {
display: none
}
#home_banner .owl-dots {
display: none
}
.top-n0 {
top: -108px
}
.top-n1 {
top: -90px
}
.page_banner {
min-height: 400px
}
.page-template-page-voice .page_banner {
padding-bottom: 100px;
padding-top: 50px
}
#benef_content .owl-nav {
position: relative;
margin-top: 20px
}
}
@media screen and (max-width: 550px) {
.footer_copyright span {
font-size:11px;
display: block;
text-align: center
}
}
footer .flex-column {
}
@media screen and (max-width: 767px) {
body.home main .section_ {
padding:40px 0
}
body.home main .main_findUs {
padding: 0
}
.footer_copyright {
text-align: center;
line-height: 12px;
padding: 18px 0!important;
font-size: 13px;
font-weight: 600
}
.nav_fixed_bottom {
}
.footer_social nav.nav.social-icons {
justify-content: center;
align-content: center
}
#benef_thumb {
display: none!important
}
}
header .section_.header_brand_nav .header_primary_nav .nav>li.current-menu-item>a {
background: #ff007312
}
header .offcanvas .offcanvas-body ul li.current-menu-item {
background: #ff007312
}
header .section_.header_brand_nav .header_primary_nav .nav>li .sub-nav .container-nav .header-nav .custom_Nav li .sub-menu li.current_page_item>a {
border-bottom: 3px solid #ff00732e;
color: #ff0074;
}
.navigation-paged {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin: 20px 0 0
}
.navigation-paged a {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none!important;
border: none;
background-color: #ff007312;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
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;
font-weight: 600
}
.navigation-paged .current {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: #fff;
background-color: #ff0074;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px
}
.navigation-paged a.next,.navigation-paged a.prev {
background: #ff0074;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
padding: 2px;
color: #fff;
border: 1px solid #ff0074
}
.navigation-paged a.next:hover,.navigation-paged a.prev:hover {
background: 0 0;
color: #ff0074
}
.navigation-paged a.prev span {
transform: rotate(180deg)
}