@font-face {
font-family: "Gotham";
src: url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.eot);
src: url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.eot?#iefix) format("embedded-opentype"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.woff2) format("woff2"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.woff) format("woff"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.ttf) format("truetype"), url(//vsquare.clinic/wp-content/themes/plant/fonts/review/Gotham-Medium.svg#Gotham-Medium) format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
p {
font-family: "kanitlight";
font-size: 20.8px;
line-height: 1.8;
color: #525252;
}
.blue-text {
color: #435b9a;
}
.light-blue-text {
color: #5b90ff;
}
.main-mesofat {
width: 100%;
max-width: 1920px;
}
.container-content {
max-width: 1175px;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.section-header {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/image-header-DT-060625.jpg);
position: relative;
max-width: 1920px;
width: 100%;
height: 778px; background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.text-header {
text-align: center;
padding-top: 140px;
padding-left: 455px;
}
.text-header .blue-text {
font-family: "kanitlight";
font-size: 63.4px;
margin: 0;
}
.text-header .light-blue-text {
font-family: "KanitRegular";
font-size: 63.4px;
margin: 0;
line-height: 1.4;
}
.section-2 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section2-DT-060625.jpg);
position: relative;
width: 100%;
max-width: 1920px;
height: auto;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.section-2 .text-tittle {
margin-bottom: 90px;
}
.section-2 p.blue-text {
margin: 0;
}
.section-2 .container-content {
padding-left: 425px;
}
.text-tittle .blue-text,
.text-tittle .light-blue-text {
font-family: "KanitRegular";
font-size: 45px;
}
.image-working-meso-fat {
display: flex;
flex-direction: column;
align-items: center;
margin-left: -30px;
padding-top: 11px;
}
.image-working-meso-fat p.blue-text {
max-width: 667px;
text-align: center;
margin-top: -70px;
font-size: 18px;
}
.section-3 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section3-DT-060625.jpg);
position: relative;
width: 100%;
max-width: 1920px;
height: 992px;
padding-top: 184px;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.section-3 .container-content,
.section-4 .container-content {
padding-left: 26px;
padding-right: 26px;
position: relative;
}
.section-3 .text-tittle {
margin-bottom: 90px;
}
.section-3 .text-tittle .blue-text,
.section-3 .text-tittle .light-blue-text {
margin-bottom: 0;
}
.image-nichore {
position: absolute;
right: 10px;
top: -120px;
width: 363px;
}
.image-button {
position: absolute;
display: flex;
flex-wrap: wrap;
}
.image-button-content {
display: flex;
flex-wrap: wrap;
}
.frame-button {
position: relative;
display: flex;
width: 357.35px;
height: 173.14px;
border: 3px solid #fff;
border-radius: 15px;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
overflow: hidden;
margin: 9px 7.5px;
}
.frame-button:nth-child(2) {
margin-right: 370px;
}
.text-button {
border: 3px solid #fff;
border-width: 0 0 0 3px;
border-radius: 15px;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
z-index: 2;
width: 163.65px;
right: 0;
position: absolute;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.text-button p {
font-size: 23px;
font-family: "kanitregular";
text-align: center;
margin: 0;
color: #435ba2;
}
.caption-section-3 {
width: 620px;
text-align: center;
margin: 28px auto 0;
}
.section-4 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section4-DT.png);
position: relative;
width: 100%;
max-width: 1920px;
height: 978px;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.text-description {
width: 795px;
}
.text-description .light-blue-text {
font-size: 20.8px;
font-family: "kanitlight";
}
.section-4-row {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.section-4-col:nth-child(2) {
padding-left: 73px;
}
.section-4-row .text-tittle { height: auto;
}
.section-4-row .text-description {
width: 483px;
}
.section-4-col {
width: 50%;
position: relative;
top: 0;
transform: translateY(-51px);
}
.section-4-col .image-content-illustration {
position: relative;
}
.image-content-illustration { background-repeat: no-repeat;
background-size: 100% 100%;
width: 887px;
height: 358px;
position: absolute;
}
.image-content-illustration p {
bottom: 0;
position: absolute;
margin: 0 0 4px 4px;
background-color: #7895d3;
padding: 4px 18px;
border-radius: 0 15px 0 30px;
color: #fff;
} .section-4-col .text-tittle p.blue-text {
margin-bottom: 10px;
}
.wrap-container-image-before-after {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
left: -43px;
}
.container-image-before-after {
display: flex;
margin-bottom: 35px;
}
.frame-before-after {
position: relative;
background-color: #435b9a;
margin: 0 5px;
width: 209.26px;
height: 380px;
border-radius: 30px;
text-align: center;
}
.frame-before-after p {
font-family: "kanitregular";
font-size: 21px;
color: #fff;
margin: 2px 0;
}
.frame-before-after img {
border-radius: 30px;
border: 4px solid #fff;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);
}
.frame-before-after-wrapper {
position: absolute;
width: 217px;
left: -4px;
}
.frame-caption {
background-color: #7895d3;
border-radius: 15px;
color: #fff;
width: 483px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.section-5 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section5-DT.png);
position: relative;
width: 100%;
max-width: 1920px;
height: 1748px;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.section-5 .container-content {
max-width: 1360px;
}
.section-5-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 96px;
}
.wrap-mesofat-brands {
display: flex;
position: relative;
width: 50%;
margin-bottom: 119px;
}
.image-mesofat-brands img {
position: relative;
max-width: 359px;
height: auto;
left: -27px;
top: 22px;
}
.content-mesofat-brands {
text-align: center;
max-width: 262px;
}
.content-mesofat-brands .light-blue-text {
margin: 0;
font-family: "kanitregular";
}
.wrap-mesofat-brands:nth-child(4) .content-mesofat-brands .light-blue-text {
filter: blur(3px);
}
.section-6 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section6-DT-060625.jpg);
position: relative;
width: 100%;
max-width: 1920px;
height: 1509px;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
padding-top: 36px;
}
.section-6 .text-tittle p,
.section-5 .text-tittle {
margin-bottom: 30px;
text-align: center;
}
.section-5 .text-tittle .blue-text,
.section-5 .text-tittle .light-blue-text,
.section-6 .text-tittle .blue-text,
.section-6 .text-tittle .light-blue-text {
margin-bottom: 0;
}
.section-6-row {
position: relative;
left: 85px;
display: flex;
margin: 0 0 0 auto;
padding-top: 127px;
flex-wrap: wrap;
justify-content: center;
}
.free-text {
font-size: 41.7px;
}
.wrap-mesofat-vsq {
margin: 0 22px 39px;
}
.section-6-image {
width: 485px;
height: 252px;
border-radius: 15px;
border: 3px solid #fff;
box-shadow: 0px 0px 14px 0px rgba(52, 53, 67, 0.14);
margin-bottom: 20px;
background-size: cover;
}
.section-6-topic {
display: block;
width: 485.1px;
font-size: 26px;
font-family: "kanitregular";
text-align: center;
color: #435ba2;
}
.circle-number {
display: inline-flex;
width: 33px;
height: 33px;
background-color: #5b90ff;
border-radius: 16px;
color: #fff;
text-align: center;
font-family: "kanitregular";
font-size: 23px;
align-items: center;
justify-content: center;
position: relative;
}
.section-6-text {
width: 427px;
position: relative;
text-align: center;
display: inline-flex;
justify-content: center;
}
.section-7 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section7-DT.png);
position: relative;
width: 100%;
max-width: 1920px;
height: auto;
background-color: #f3f9ff;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
}
.section-7 .text-tittle p {
text-align: center;
margin-bottom: 46px;
}
.review-image-wrapper {
display: flex;
flex-direction: column;
width: 1477px;
margin: 0 auto;
}
.promotion-image-wrapper {
position: relative;
width: 835px;
height: auto;
box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.1);
margin: 0 auto;
border-radius: 30px;
overflow: hidden;
z-index: 2;
}
.promotion-image-wrapper img {
width: 100%;
}
.section-8 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section8-DT.png);
position: relative;
width: 100%;
max-width: 1920px;
height: 1186px;
background-repeat: no-repeat;
background-position: top center;
background-size: 1920px auto;
margin: 0 auto;
padding-top: 150px;
text-align: center;
}
.section-8 .text-tittle p {
margin-bottom: 15px;
text-align: center;
}
.section-9 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section9-DT.png);
position: relative;
width: 100%;
max-width: 1920px;
height: 1442px;
background-repeat: no-repeat;
background-position: center;
background-size: 1920px auto;
margin: 0 auto;
padding-top: 150px;
text-align: center;
}
.image-d {
display: block;
width: 100%;
max-width: 1920px;
}
.image-m {
display: none;
}
.image-d img,
.image-m img {
width: 100%;
height: auto;
}
.video-wrapper {
position: relative;
}
.video-wrapper-item {
width: 691px;
height: auto;
background-color: #eef1f8;
border-radius: 13px;
box-shadow: 0px 8px 9px -2px rgba(65, 118, 196, 0.19);
margin: 0 auto 30px;
}
.video-title {
display: flex; }
.video-title p {
display: flex;
align-items: center;
font-size: 30.3px;
font-family: "kanitregular";
}
.video-title p:nth-child(2) {
margin-bottom: 0;
color: #435ba2;
}
.tips-box {
background-color: #5ba2ff;
border-radius: 11px;
color: #fff;
padding: 14px 19px;
width: 97px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
margin: 16px 21px 14px 21px;
}
.video-wrapper img {
width: auto;
height: 100%;
}
.video-item {
border: 2px solid #fff;
border-radius: 13px;
overflow: hidden;
}
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(1);
display: flex;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
border-radius: 50%;
padding: 0 0 0 6px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 88px;
height: 88px;
background: #5eadfb;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 88px;
height: 88px;
background: rgba(94, 173, 251, 0.6705882353);
border-radius: 50%;
transition: all 0.25s ease-in-out;
} .video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-style: solid;
border-width: 16px 0 16px 20px;
border-color: transparent transparent transparent #fff;
}
.social-button-wrapper {
position: relative;
background-color: rgba(246, 250, 255, 0.86);
height: 275px;
width: 1018px;
margin: 0 auto;
border-radius: 23px;
border: 2px solid #fff;
box-shadow: 0px 0px 14px 0px rgba(52, 53, 67, 0.14);
transform: translate(85px, 15px);
}
p.blue-text.contact-tittle {
font-size: 31.3px;
font-family: "kanitregular";
text-align: center;
line-height: 1.1;
padding: 41px 100px;
margin: 0;
}
.social-button-item {
display: flex;
justify-content: center;
}
.social-button-box {
position: relative;
display: inline-block;
vertical-align: middle;
width: 253px;
height: 82px;
margin: 0 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
padding: 9px 23px;
}
.social-button-box:after {
content: "";
position: absolute;
width: 103%;
height: 103%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 4px solid #5ba2ff;
opacity: 0;
visibility: hidden;
border-radius: 10px;
transition: all 0.4s ease;
}
.social-button-box:hover::after {
opacity: 1;
visibility: visible;
}
.social-button-box img {
width: 100%;
height: 100%;
}
.section-8-description {
font-size: 38px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
}
.five-rating {
font-size: 48px;
color: #435b99;
font-family: "kanitregular";
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/rating-star-icon.png);
background-size: auto 62px;
width: 142px;
height: 62px;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 3px 8px 1px rgb(172, 201, 239);
border-radius: 17px;
padding-left: 47px;
margin: 0 23px;
}
.facbook-icon {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/fb-icon.png);
background-size: auto 63px;
width: 64px;
height: 63px;
background-repeat: no-repeat;
background-position: center;
margin: 0 13px 0 18px;
}
.number-review {
color: #0170e2;
font-size: 59.6px;
font-family: "Gotham";
}
.mesofat-readmore {
background-color: #fff;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
font-family: "kanitregular";
font-size: 27px;
padding: 8px 29px;
border-radius: 27px;
color: #435b9a;
z-index: 3;
position: relative;
}
.service-btn {
margin: -24px auto 0 !important;
}
.section-footer .footer-img {
text-align: center;
}
.service-wrapper {
margin-bottom: 77px;
display: flex;
justify-content: center;
flex-direction: column;
}
.service-headline {
font-family: "kanitregular", sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: center;
padding-top: 35px;
margin-bottom: 0;
}
.service-list {
width: 100%;
max-width: 980px;
height: 386px;
margin: 54px auto 0;
padding: 0 12px;
}
.service-item {
width: 308px;
height: 378px;
margin: 0 7px;
overflow: hidden;
border-radius: 16px;
border: 4px solid #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.service-img {
width: 100%;
height: 256px;
}
.service-detail {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 134px;
padding-top: 16px;
border-radius: 14px 14px 0 0;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(235, 238, 246)));
background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ebeef6", GradientType=0);
}
.service-text-box {
display: flex;
flex-direction: column;
text-align: left;
}
.service-small-text {
font-family: "kanitregular", sans-serif;
font-size: 16px;
color: #435ba2;
line-height: 1.2;
}
.service-text {
font-family: "kanitregular", sans-serif;
font-size: 32px;
color: #435ba2;
line-height: 0.7;
}
.service-btn {
display: block;
font-family: "kanitregular", sans-serif;
font-size: 19.5px;
color: #435ba2;
line-height: 1.2;
padding: 5.5px 42px;
margin: 20px auto 0;
border-radius: 50px;
background-color: #fff;
-webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
}
.service-btn:hover {
color: #fff;
background-color: #435ba2;
}
.service-list .flickity-prev-next-button {
display: flex;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
padding: 0;
background: #fff;
background-color: #fff;
-webkit-box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.14);
box-shadow: 0 0 24px 2px rgba(0, 0, 0, 0.14);
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.next {
right: -58px;
padding-left: 5px;
}
.service-list .flickity-prev-next-button.previous {
left: -58px;
}
.service-list .flickity-button-icon {
display: none;
}
.service-list .flickity-prev-next-button:before {
content: "";
width: 13px;
height: 25px;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/arrow-slide.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.previous:before {
transform: rotate(180deg);
}
.service-list .flickity-prev-next-button:hover {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: brightness(0) invert(1);
}
.section-footer {
position: relative;
max-width: 1920px;
width: 100vw;
height: auto;
padding-top: 25px;
padding-bottom: 220px;
margin: 0 auto;
z-index: 4;
}
.footer-wrapper {
display: block;
width: 100%;
max-width: 1200px;
height: auto;
margin: 0 auto;
}
.footer-headline {
display: block;
font-family: "kanitregular", sans-serif !important;
font-size: 45px;
color: #435b9a;
text-align: center;
}
.footer-img {
height: 116px;
margin-top: 72px;
}
.footer-img img {
max-width: unset;
height: 100%;
}
.footer-social-btn-box {
display: flex;
justify-content: center;
margin-top: 34px;
}
.footer-social-btn {
height: 106px;
margin: 0 8px;
transition: all 0.4s ease;
}
.footer-social-btn:hover {
opacity: 0.6;
}
.footer-social-text {
display: block;
font-family: "kanitregular", sans-serif;
font-size: 45px;
color: #6e6f71;
text-align: center;
}
.footer-social-text span {
text-decoration: underline;
}
p.footer-social-text {
margin-top: 50px;
}
@media (max-width: 1919px) {
p {
font-family: "kanitlight";
font-size: 1.0833333333vw;
line-height: 1.8;
color: #525252;
}
.blue-text {
color: #435b9a;
}
.light-blue-text {
color: #5b90ff;
}
.main-mesofat {
width: 100%;
max-width: 100vw;
}
.container-content {
max-width: 61.1979166667vw;
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.section-header {
position: relative;
max-width: 100vw;
height: 40.5208333333vw; background-repeat: no-repeat;
background-position: top center;
background-size: 100vw auto;
margin: 0 auto;
}
.text-header {
text-align: center;
padding-top: 7.2916666667vw;
padding-left: 23.6979166667vw;
}
.text-header .blue-text {
font-family: "kanitlight";
font-size: 3.3020833333vw;
margin: 0;
}
.text-header .light-blue-text {
font-family: "KanitRegular";
font-size: 3.3020833333vw;
margin: 0;
line-height: 1.4;
}
.section-2 {
position: relative;
background-size: 100vw auto;
margin: 0 auto;
}
.section-2 .text-tittle {
margin-bottom: 4.6875vw;
}
.section-2 p.blue-text {
margin: 0;
}
.section-2 .container-content {
padding-left: 22.1354166667vw;
}
.text-tittle .blue-text,
.text-tittle .light-blue-text {
font-family: "KanitRegular";
font-size: 2.34375vw;
}
.image-working-meso-fat {
display: flex;
flex-direction: column;
align-items: center;
margin-left: -1.5625vw;
padding-top: 0.5729166667vw;
}
.image-working-meso-fat p.blue-text {
max-width: 34.7395833333vw;
text-align: center;
margin-top: -3.6458333333vw;
font-size: 0.9375vw;
}
.section-3 {
position: relative;
height: 51.6666666667vw;
padding-top: 9.5833333333vw;
background-size: 100vw auto;
margin: 0 auto;
}
.section-3 .text-tittle {
margin-bottom: 4.6875vw;
}
.section-3 .container-content,
.section-4 .container-content {
padding-left: 1.3541666667vw;
padding-right: 1.3541666667vw;
position: relative;
}
.image-nichore {
position: absolute;
right: 0.5208333333vw;
top: -6.25vw;
width: 18.90625vw;
}
.image-button {
position: absolute;
display: flex;
flex-wrap: wrap;
}
.image-button-content {
display: flex;
flex-wrap: wrap;
}
.frame-button {
position: relative;
display: flex;
width: 18.6119791667vw;
height: 9.0177083333vw;
border: 0.15625vw solid #fff;
border-radius: 0.78125vw;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0 0 0.5208333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
overflow: hidden;
margin: 0.46875vw 0.390625vw;
}
.frame-button:nth-child(2) {
margin-right: 19.2708333333vw;
}
.text-button {
border: 0.15625vw solid #fff;
border-width: 0 0 0 0.15625vw;
border-radius: 0.78125vw;
background: linear-gradient(0deg, rgb(255, 255, 255) 65%, rgb(237, 240, 247) 100%);
box-shadow: 0 0 0.5208333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
z-index: 2;
width: 8.5234375vw;
right: 0;
position: absolute;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.text-button p {
font-size: 1.1979166667vw;
font-family: "kanitregular";
text-align: center;
margin: 0;
color: #435ba2;
}
.caption-section-3 {
width: 32.2916666667vw;
text-align: center;
margin: 1.4583333333vw auto 0;
}
.section-4 {
position: relative;
height: 50.9375vw;
background-size: 100vw auto;
margin: 0 auto;
}
.text-description {
width: 41.40625vw;
}
.text-description .light-blue-text {
font-size: 1.0833333333vw;
font-family: "kanitlight";
}
.section-4-row {
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.section-4-col:nth-child(2) {
padding-left: 3.8020833333vw;
}
.section-4-row .text-tittle { height: auto;
}
.section-4-row .text-description {
width: 25.15625vw;
}
.section-4-col {
width: 50%;
position: relative;
top: 0;
transform: translateY(-2.65625vw);
}
.section-4-col .image-content-illustration {
position: relative;
}
.image-content-illustration { background-repeat: no-repeat;
background-size: 100% 100%;
width: 46.1979166667vw;
height: 18.6458333333vw;
position: absolute;
}
.image-content-illustration p {
bottom: 0;
position: absolute;
margin: 0 0 0.2083333333vw 0.2083333333vw;
background-color: #7895d3;
padding: 0.2083333333vw 0.9375vw;
border-radius: 0 0.78125vw 0 1.5625vw;
color: #fff;
}
.section-4-col .text-tittle p.blue-text {
margin-bottom: 0.5208333333vw;
}
.wrap-container-image-before-after {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
left: -2.2395833333vw;
}
.container-image-before-after {
display: flex;
margin-bottom: 1.8229166667vw;
}
.frame-before-after {
position: relative;
background-color: #435b9a;
margin: 0 0.2604166667vw;
width: 10.8989583333vw;
height: 19.7916666667vw;
border-radius: 1.5625vw;
text-align: center;
}
.frame-before-after p {
font-family: "kanitregular";
font-size: 1.09375vw;
color: #fff;
margin: 0.1041666667vw 0;
}
.frame-before-after img {
border-radius: 1.5625vw;
border: 0.2083333333vw solid #fff;
box-shadow: 0 0 0.5208333333vw 0.1041666667vw rgba(0, 0, 0, 0.08);
}
.frame-before-after-wrapper {
position: absolute;
width: 11.3020833333vw;
left: -0.2083333333vw;
}
.frame-caption {
background-color: #7895d3;
border-radius: 0.78125vw;
color: #fff;
width: 25.15625vw;
height: 2.2916666667vw;
display: flex;
align-items: center;
justify-content: center;
}
.section-5 {
position: relative;
height: 91.0416666667vw;
background-size: 100vw auto;
margin: 0 auto;
}
.section-5 .container-content {
max-width: 70.8333333333vw;
}
.section-5-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 5vw;
}
.wrap-mesofat-brands {
margin-bottom: 6.1979166667vw;
} .image-mesofat-brands img {
position: relative;
max-width: 18.6979166667vw;
height: auto;
left: -1.40625vw;
top: 1.1458333333vw;
}
.content-mesofat-brands {
text-align: center;
max-width: 13.6458333333vw;
}
.content-mesofat-brands .light-blue-text {
margin: 0;
font-family: "kanitregular";
}
.section-6 {
position: relative;
height: 78.59375vw;
background-size: 100vw auto;
margin: 0 auto;
padding-top: 1.875vw;
}
.section-6 .text-tittle p,
.section-5 .text-tittle {
margin-bottom: 1.5625vw;
text-align: center;
}
.section-6-row {
position: relative;
left: 4.4270833333vw;
display: flex;
margin: 0 0 0 auto;
padding-top: 6.6145833333vw;
flex-wrap: wrap;
justify-content: center;
}
.free-text {
font-size: 2.171875vw;
}
.wrap-mesofat-vsq {
margin: 0 1.1458333333vw 2.03125vw;
}
.section-6-image {
width: 25.2604166667vw;
height: 13.125vw;
border-radius: 0.78125vw;
border: 0.15625vw solid #fff;
box-shadow: 0 0 0.7291666667vw 0 rgba(52, 53, 67, 0.14);
margin-bottom: 1.0416666667vw;
}
.section-6-topic {
width: 25.265625vw;
font-size: 1.3541666667vw;
}
.circle-number {
width: 1.8229166667vw;
height: 1.71875vw;
border-radius: 0.8333333333vw;
font-size: 1.1979166667vw;
}
.section-6-text {
width: 22.2395833333vw;
}
.section-7 {
position: relative;
background-size: 100vw auto;
margin: 0 auto;
}
.section-7 .text-tittle p {
text-align: center;
margin-bottom: 2.3958333333vw;
}
.review-image-wrapper {
width: 76.9270833333vw;
margin: 0 auto;
}
.promotion-image-wrapper {
position: relative;
width: 43.4895833333vw;
height: auto;
box-shadow: 0 0 0.3645833333vw 0.0520833333vw rgba(0, 0, 0, 0.1);
margin: 0 auto;
border-radius: 1.5625vw;
overflow: hidden;
z-index: 2;
}
.section-8 {
position: relative;
height: 61.7708333333vw;
background-size: 100vw auto;
margin: 0 auto;
padding-top: 7.8125vw;
text-align: center;
}
.section-8 .text-tittle p {
margin-bottom: 0.78125vw;
text-align: center;
}
.section-9 {
position: relative;
height: 75.1041666667vw;
background-size: 100vw auto;
margin: 0 auto;
padding-top: 7.8125vw;
text-align: center;
}
.section-image {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
text-align: center;
width: 100%;
max-width: 100vw;
}
.image-d {
display: block;
width: 100%;
max-width: 100vw;
}
.image-m {
display: none;
}
.image-d img,
.image-m img {
width: 100%;
height: auto;
}
.video-wrapper-item {
width: 35.9895833333vw;
height: auto;
background-color: #eef1f8;
border-radius: 0.6770833333vw;
box-shadow: 0 0.4166666667vw 0.46875vw -0.1041666667vw rgba(65, 118, 196, 0.19);
margin-bottom: 1.5625vw;
}
.video-title {
display: flex;
}
.video-title p {
display: flex;
align-items: center;
font-size: 1.578125vw;
font-family: "kanitregular";
}
.video-title p:nth-child(2) {
margin-bottom: 0;
color: #435ba2;
}
.tips-box {
background-color: #5ba2ff;
border-radius: 0.5729166667vw;
color: #fff;
padding: 0.7291666667vw 0.9895833333vw;
width: 5.0520833333vw;
height: 2.5520833333vw;
display: flex;
align-items: center;
justify-content: center;
margin: 0.8333333333vw 1.09375vw 0.7291666667vw 1.09375vw;
}
.video-wrapper img {
width: auto;
height: 100%;
}
.video-item {
border: 0.1041666667vw solid #fff;
border-radius: 0.6770833333vw;
overflow: hidden;
}
.video-play-button {
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) scale(1);
display: flex;
justify-content: center;
align-items: center;
width: 4.5833333333vw;
height: 4.5833333333vw;
border-radius: 50%;
padding: 0 0 0 0.3125vw;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 4.5833333333vw;
height: 4.5833333333vw;
background: #5eadfb;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 4.5833333333vw;
height: 4.5833333333vw;
background: rgba(94, 173, 251, 0.6705882353);
border-radius: 50%;
transition: all 0.25s ease-in-out;
} .video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-style: solid;
border-width: 0.8333333333vw 0 0.8333333333vw 1.0416666667vw;
border-color: transparent transparent transparent #fff;
}
.social-button-wrapper {
position: relative;
background-color: rgba(246, 250, 255, 0.86);
height: 14.3229166667vw;
width: 53.0208333333vw;
margin: 0 auto;
border-radius: 1.1979166667vw;
border: 0.1041666667vw solid #fff;
box-shadow: 0 0 0.7291666667vw 0 rgba(52, 53, 67, 0.14);
transform: translate(4.4270833333vw, 0.78125vw);
}
p.blue-text.contact-tittle {
font-size: 1.6302083333vw;
font-family: "kanitregular";
text-align: center;
line-height: 1.1;
padding: 2.1354166667vw 5.2083333333vw;
margin: 0;
}
.social-button-item {
display: flex;
justify-content: center;
}
.social-button-box {
position: relative;
display: inline-block;
vertical-align: middle;
width: 13.1770833333vw;
height: 4.2708333333vw;
margin: 0 1.0416666667vw;
background-color: #fff;
border-radius: 0.5208333333vw;
box-shadow: 0 0 0.2083333333vw 0.0520833333vw rgba(0, 0, 0, 0.1);
padding: 0.46875vw 1.1979166667vw;
}
.social-button-box:after {
content: "";
position: absolute;
width: 103%;
height: 103%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 0.2083333333vw solid #5ba2ff;
opacity: 0;
visibility: hidden;
border-radius: 0.5208333333vw;
transition: all 0.4s ease;
}
.social-button-box:hover::after {
opacity: 1;
visibility: visible;
}
.social-button-box img {
width: 100%;
height: 100%;
}
.section-8-description {
font-size: 1.9791666667vw;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.0833333333vw;
}
.five-rating {
font-size: 2.5vw;
color: #435b99;
font-family: "kanitregular";
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/rating-star-icon.png);
background-size: auto 3.2291666667vw;
width: 7.3958333333vw;
height: 3.2291666667vw;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 0.15625vw 0.4166666667vw 0.0520833333vw rgb(172, 201, 239);
border-radius: 0.8854166667vw;
padding-left: 2.4479166667vw;
margin: 0 1.1979166667vw;
}
.facbook-icon {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/fb-icon.png);
background-size: auto 3.28125vw;
width: 3.3333333333vw;
height: 3.28125vw;
background-repeat: no-repeat;
background-position: center;
margin: 0 0.6770833333vw 0 0.9375vw;
}
.number-review {
color: #0170e2;
font-size: 3.1041666667vw;
font-family: "Gotham";
}
.mesofat-readmore {
box-shadow: 0 0 0.3125vw 0.0520833333vw rgba(0, 0, 0, 0.1);
font-family: "kanitregular";
font-size: 1.40625vw;
padding: 0.4166666667vw 1.5104166667vw;
border-radius: 1.40625vw;
color: #435b9a;
z-index: 3;
position: relative;
}
.service-btn {
margin: -1.25vw auto 0 !important;
}
.section-footer .footer-img {
text-align: center;
}
.service-wrapper {
margin-bottom: 4.0104166667vw;
}
.service-headline {
font-family: "kanitregular", sans-serif !important;
font-size: 2.34375vw;
color: #435b9a;
text-align: center;
padding-top: 1.8229166667vw;
}
.service-list {
width: 100%;
max-width: 51.0416666667vw;
height: 20.1041666667vw;
margin: 2.8125vw auto 0;
padding: 0 0.625vw;
}
.service-item {
width: 16.0416666667vw;
height: 19.6875vw;
margin: 0 0.3645833333vw;
overflow: hidden;
border-radius: 0.8333333333vw;
border: 0.2083333333vw solid #fff;
-webkit-box-shadow: 0 0 0.3125vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.3125vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
width: 100%;
height: 13.3333333333vw;
}
.service-detail {
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: 6.9791666667vw;
padding-top: 0.8333333333vw;
border-radius: 0.7291666667vw 0.7291666667vw 0 0;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(235, 238, 246)));
background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(235, 238, 246) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ebeef6", GradientType=0);
}
.service-text-box {
display: flex;
flex-direction: column;
text-align: left;
}
.service-small-text {
font-family: "kanitregular", sans-serif;
font-size: 0.8333333333vw;
color: #435ba2;
line-height: 1.2;
}
.service-text {
font-family: "kanitregular", sans-serif;
font-size: 1.6666666667vw;
color: #435ba2;
line-height: 0.7;
}
.service-btn {
display: block;
font-family: "kanitregular", sans-serif;
font-size: 1.015625vw;
color: #435ba2;
line-height: 1.2;
padding: 0.2864583333vw 2.1875vw;
margin: 1.0416666667vw auto 0;
border-radius: 2.6041666667vw;
background-color: #fff;
-webkit-box-shadow: 0 0 0.7291666667vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0.7291666667vw 0 rgba(0, 0, 0, 0.08);
transition: all 0.4s ease;
}
.service-btn:hover {
color: #fff;
background-color: #435ba2;
}
.service-list .flickity-prev-next-button {
display: flex;
justify-content: center;
align-items: center;
width: 2.7083333333vw;
height: 2.7083333333vw;
padding: 0;
background: #fff;
background-color: #fff;
-webkit-box-shadow: 0 0 1.25vw 0.1041666667vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 1.25vw 0.1041666667vw rgba(0, 0, 0, 0.14);
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.next {
right: -3.0208333333vw;
padding-left: 0.2604166667vw;
}
.service-list .flickity-prev-next-button.previous {
left: -3.0208333333vw;
}
.service-list .flickity-button-icon {
display: none;
}
.service-list .flickity-prev-next-button:before {
content: "";
width: 0.6770833333vw;
height: 1.3020833333vw;
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/thermage-flx/arrow-slide.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
transition: all 0.4s ease;
}
.service-list .flickity-prev-next-button.previous:before {
transform: rotate(180deg);
}
.service-list .flickity-prev-next-button:hover {
background-color: #435ba2;
}
.service-list .flickity-prev-next-button:hover:before {
filter: brightness(0) invert(1);
}
.section-footer {
position: relative;
max-width: 100vw;
width: 100vw;
height: auto;
padding-top: 1.3020833333vw;
padding-bottom: 11.4583333333vw;
margin: 0 auto;
z-index: 4;
}
.footer-wrapper {
display: block;
width: 100%;
max-width: 62.5vw;
height: auto;
margin: 0 auto;
}
.footer-headline {
display: block;
font-family: "kanitregular", sans-serif !important;
font-size: 2.34375vw;
color: #435b9a;
text-align: center;
}
.footer-img {
height: 6.0416666667vw;
margin-top: 3.75vw;
}
.footer-social-btn-box {
display: flex;
justify-content: center;
margin-top: 1.7708333333vw;
}
.footer-social-btn {
height: 5.5208333333vw;
margin: 0 0.4166666667vw;
transition: all 0.4s ease;
}
.footer-social-btn:hover {
opacity: 0.6;
}
.footer-social-text {
display: block;
font-family: "kanitregular", sans-serif;
font-size: 2.34375vw;
color: #6e6f71;
text-align: center;
}
.footer-social-text span {
text-decoration: underline;
}
p.footer-social-text {
margin-top: 2.6041666667vw;
}
}
@media (max-width: 768px) {
p {
font-size: 3.515625vw;
line-height: 1.8;
letter-spacing: -0.1302083333vw;
}
.main-mesofat {
max-width: 100vw;
}
.container-content {
max-width: 90.625vw;
}
.section-header {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/image-header-MB-060625.jpg);
max-width: 100vw;
height: 131.25vw;
background-size: 100vw auto;
}
.text-header {
padding-top: 14.3229166667vw;
padding-left: 0;
}
.text-header .blue-text {
font-family: "kanitlight";
font-size: 7.8645833333vw;
margin: 0;
}
.text-header .light-blue-text {
font-size: 7.8658854167vw;
margin: 0;
line-height: 1.3;
}
.section-2 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section2-MB-060625.jpg);
max-width: 100%;
background-size: 100vw auto;
}
.section-2 .text-tittle {
margin-bottom: 14.3229166667vw;
padding-top: 1.3020833333vw;
}
.section-2 p.blue-text {
margin: 0;
}
.section-2 .container-content {
padding-left: 6.3802083333vw;
}
.section-2 .text-description .light-blue-text {
font-family: "kanitregular";
}
.section-2 .container-content .text-description {
padding-top: 4.1666666667vw;
}
.text-tittle .blue-text,
.text-tittle .light-blue-text {
font-size: 6.25vw;
line-height: 1.4;
}
.text-description {
width: 85.546875vw;
}
.image-working-meso-fat {
width: 80.859375vw;
margin: -1.3020833333vw auto 0 auto;
padding-top: 0;
}
.image-working-meso-fat p.blue-text {
max-width: 55.2083333333vw;
margin-top: -9.1145833333vw;
font-size: 2.4739583333vw;
}
.section-3 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section3-MB-060625.jpg);
max-width: 100%;
height: 144.6614583333vw;
background-size: 100vw auto;
padding-top: 10.9375vw;
}
.section-3 .container-content {
max-width: 91.9270833333vw;
}
.section-3 .text-tittle {
margin-left: 33.8541666667vw;
margin-bottom: 8.3333333333vw;
}
.section-3 .container-content {
padding-left: 1.953125vw;
padding-right: 4.5572916667vw;
}
.image-nichore {
right: unset;
left: -5.2083333333vw;
top: -2.6041666667vw;
width: 41.6666666667vw;
}
.frame-button {
width: 27.34375vw;
height: 35.2864583333vw;
border-radius: 1.953125vw;
margin: 0.6510416667vw 0.5208333333vw;
border: 0.2604166667vw solid #fff;
justify-content: center;
}
.frame-button .image-m {
border-radius: 1.953125vw;
border: 0.2604166667vw solid #fff;
border-width: 0 0.2604166667vw 0.2604166667vw 0.2604166667vw;
}
.frame-button:nth-child(1) {
margin-left: 29.0364583333vw;
}
.frame-button:nth-child(2) {
margin-right: unset;
}
.image-button img {
height: 25.390625vw;
}
.text-button {
border: solid #fff;
border-width: 0.2604166667vw 0 0 0;
border-radius: 1.953125vw;
width: 100%;
height: 12.4622395833vw;
bottom: 0;
}
.text-button p {
font-size: 3.3854166667vw;
line-height: 1.4;
}
.caption-section-3 {
width: 80.7291666667vw;
}
.section-4 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section4-MB-060625.jpg);
max-width: 100%;
height: 241.1458333333vw;
background-size: 100vw auto;
}
.section-4 .container-content {
padding-left: 3.3854166667vw;
padding-right: 3.3854166667vw;
}
.text-description .light-blue-text {
font-size: 3.515625vw;
font-family: "kanitRegular";
}
.section-4-row {
flex-direction: column;
text-align: center;
margin-top: 3.2552083333vw;
}
.section-4-row:nth-child(1) .section-4-col:nth-child(2) {
padding-left: unset;
margin-bottom: 7.8125vw;
}
.section-4-row .text-description {
width: 100%;
}
.section-4-col {
width: 100%;
transform: translateY(0);
}
.section-4-col .image-content-illustration {
position: relative;
}
.image-content-illustration { background-repeat: no-repeat;
background-size: 100% 100%;
width: 115.4947916667vw;
height: 46.6145833333vw;
position: absolute;
}
.image-content-illustration p {
bottom: 0;
position: absolute;
margin: 0 0 0.5208333333vw 0.5208333333vw;
background-color: #7895d3;
padding: 0.5208333333vw 2.34375vw;
border-radius: 0 1.953125vw 0 3.90625vw;
color: #fff;
}
.section-4-col .text-tittle p.blue-text {
margin-bottom: 3.90625vw;
}
.section-4-col.wrap-container-image-before-after {
order: 2;
}
.wrap-container-image-before-after {
left: 0;
}
.container-image-before-after {
height: 52.0833333333vw;
}
.frame-before-after {
margin: 0 1.171875vw;
width: 26.6927083333vw;
border-radius: 2.6041666667vw;
}
.frame-before-after p {
font-family: "kanitlight";
font-size: 3.0598958333vw;
}
.frame-before-after img {
border-radius: 2.6041666667vw;
border: 0.5208333333vw solid #fff;
}
.frame-before-after-wrapper {
position: absolute;
width: 28.2552083333vw;
left: -0.78125vw;
}
.frame-caption {
border-radius: 1.953125vw;
width: 72.9166666667vw;
height: 7.03125vw;
font-size: 2.9947916667vw;
font-family: "kanitlight";
letter-spacing: 0.5px;
padding: 0 1px;
}
.section-5 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section5-MB-060625.jpg);
max-width: 100%;
height: auto;
background-size: 100vw auto;
}
.section-5 .text-tittle {
margin-bottom: 4.5572916667vw;
}
.section-5 .text-tittle .blue-text,
.section-6 .text-tittle .blue-text {
margin-bottom: 0;
}
.section-5 .container-content {
max-width: 90.625vw;
padding-top: 2.34375vw;
}
.section-5-row {
justify-content: center;
margin-top: 11.71875vw;
margin-bottom: 7.03125vw;
flex-direction: column;
}
.wrap-mesofat-brands {
width: 100%;
margin-bottom: 8.8541666667vw;
align-items: center;
}
.image-mesofat-brands img {
position: relative;
max-width: 33.984375vw;
}
.content-mesofat-brands {
max-width: 43.6197916667vw;
}
.content-mesofat-brands {
margin: 0 auto;
}
.content-mesofat-brands p {
margin-bottom: 0;
}
.video-wrapper-item {
width: 100%;
height: auto;
margin-bottom: 3.90625vw;
border-radius: 1.6927083333vw;
}
.video-title p {
font-size: 3.6458333333vw;
}
.tips-box {
border-radius: 1.4322916667vw;
width: 12.6302083333vw;
height: 6.3802083333vw;
margin: 2.0833333333vw 2.734375vw 1.8229166667vw 2.734375vw;
}
.video-item {
border: 0.2604166667vw solid #fff;
border-radius: 1.6927083333vw;
}
.video-play-button {
width: 11.4583333333vw;
height: 11.4583333333vw;
padding: 0 0 0 0.78125vw;
}
.video-play-button:before {
width: 11.4583333333vw;
height: 11.4583333333vw;
}
.video-play-button:after {
width: 11.4583333333vw;
height: 11.4583333333vw;
}
.video-play-button span {
border-width: 2.0833333333vw 0 2.0833333333vw 2.6041666667vw;
}
.section-6 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section6-MB.png);
position: relative;
max-width: 100%;
height: auto;
background-size: 100vw auto;
padding-top: 4.6875vw;
padding-bottom: 15.234375vw;
}
.section-6 .text-tittle p {
margin-bottom: 0;
}
.section-6-row {
left: 0;
margin: 0;
padding-top: 7.1614583333vw;
}
.wrap-mesofat-vsq {
margin: 0 0 2.6041666667vw 0;
display: flex;
align-items: center;
height: 35.2864583333vw;
width: 100%;
}
.wrap-mesofat-vsq:nth-child(even) {
flex-direction: row-reverse;
}
.section-6-image {
background-repeat: no-repeat;
background-size: auto 35.2864583333vw;
height: 35.2864583333vw;
width: 77.34375vw;
position: inherit;
border-radius: 3.90625vw;
border: 0.390625vw solid #fff;
box-shadow: 0 0 1.8229166667vw 0 rgba(52, 53, 67, 0.14);
margin-bottom: 3.2552083333vw;
position: absolute;
}
.section-6-topic {
display: block;
width: unset;
max-width: 36.4583333333vw;
}
.wrap-mesofat-vsq:nth-child(odd) .section-6-image {
right: -27.2135416667vw;
background-position: -5.859375vw;
}
.wrap-mesofat-vsq:nth-child(even) .section-6-image {
left: -27.2135416667vw;
background-position: 15.1041666667vw;
}
.circle-number {
display: inline-flex;
width: 5.2083333333vw;
height: 5.2083333333vw;
border-radius: 7.1614583333vw;
font-size: 3.90625vw;
margin-right: 0.78125vw;
}
.section-6-text {
font-size: 3.90625vw;
width: 100%;
display: inline;
}
.free-text {
font-size: 5.4296875vw;
}
.social-button-wrapper {
height: 42.96875vw;
width: 100%;
margin-top: 7.1614583333vw;
border-radius: 2.9947916667vw;
border: 0.2604166667vw solid #fff;
box-shadow: 0 0 1.8229166667vw 0 rgba(52, 53, 67, 0.14);
transform: none;
}
p.blue-text.contact-tittle {
font-size: 4.0755208333vw;
line-height: 1.4;
padding: 5.46875vw 4.5572916667vw;
}
.social-button-box {
width: 27.9947916667vw;
height: 9.1145833333vw;
margin: 0 0.9114583333vw;
border-radius: 1.3020833333vw;
box-shadow: 0 0 0.5208333333vw 1px rgba(0, 0, 0, 0.1);
padding: 1.171875vw 2.9947916667vw;
}
.social-button-box img {
width: 100%;
height: auto;
}
.social-button-box:after {
border: 0.5208333333vw solid #5ba2ff;
border-radius: 1.3020833333vw;
}
.section-7 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section7-MB-060625.jpg);
max-width: 100%;
height: auto;
padding: 1.953125vw 0 6.5104166667vw;
background-size: 100vw auto;
background-color: #fff;
margin: 0 auto;
}
.section-7 .text-tittle p {
padding-top: 1.3020833333vw;
margin-bottom: 4.0364583333vw;
}
.promotion-image-wrapper {
width: 87.3697916667vw;
box-shadow: 0 0 0.9114583333vw 1px rgba(0, 0, 0, 0.1);
border-radius: 3.90625vw;
}
.section-8 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section8-MB-060625.jpg);
position: relative;
max-width: 100%;
height: 214.84375vw;
background-size: 100vw auto;
padding-top: 14.3229166667vw;
}
.section-8 .text-tittle p {
margin-bottom: 5.859375vw;
padding-top: 3.2552083333vw;
}
.review-image-wrapper {
width: 100%;
margin: 0 auto;
}
.review-image-item {
position: relative;
max-width: 100vw;
left: -1.953125vw;
}
.section-8-description {
font-size: 4.6875vw;
margin-bottom: 0;
flex-direction: column;
display: inline-block;
}
.review-image-item .section-8-description {
position: absolute;
bottom: 87.7604166667vw;
width: 46.2239583333vw;
height: 52.0833333333vw;
right: 0;
}
.five-rating {
font-size: 8.984375vw;
background-size: auto 11.5885416667vw;
width: 26.4322916667vw;
height: 11.5885416667vw;
box-shadow: 0 0.390625vw 1.0416666667vw 1px rgb(172, 201, 239);
border-radius: 2.2135416667vw;
padding-left: 8.7239583333vw;
margin: 0;
}
.facbook-icon {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/fb-icon.png);
background-size: auto 8.203125vw;
width: 8.3333333333vw;
height: 8.203125vw;
margin: 0 1.6927083333vw 0 2.34375vw;
}
.number-review {
font-size: 7.7604166667vw;
}
.mesofat-readmore {
box-shadow: 0 0 0.78125vw 1px rgba(0, 0, 0, 0.1);
font-size: 4.0364583333vw;
padding: 1.0416666667vw 3.7760416667vw;
border-radius: 4.0364583333vw;
position: relative;
top: 5.5989583333vw;
}
.section-9 {
background-image: url(//vsquare.clinic/wp-content/themes/plant/img/meso-fat-test/bg-section9-MB.png);
max-width: 100%;
height: 185.6770833333vw;
background-size: 100vw auto;
padding-top: 1.953125vw;
}
.service-wrapper {
margin-bottom: 16.2760416667vw;
}
.service-headline {
font-family: "kanitregular", sans-serif !important;
font-size: 5.859375vw;
color: #435b9a;
text-align: center;
padding: 0 5.2083333333vw;
}
.hide-m {
display: none;
}
.service-list {
max-width: 100vw;
height: 45.5729166667vw;
margin: 4.296875vw auto 0;
padding: 0 4.1666666667vw;
}
.service-item {
width: 29.6875vw;
height: 44.7916666667vw;
margin: 0 0.9114583333vw;
border-radius: 2.0833333333vw;
border: 0.5208333333vw solid #fff;
-webkit-box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.78125vw 0 rgba(0, 0, 0, 0.1);
}
.service-img {
width: 100%;
height: 28.7760416667vw;
transform: scale(1.5);
}
.service-detail {
height: 16.2109375vw;
padding-top: 3.3854166667vw;
border-radius: 1.953125vw 1.953125vw 0 0;
}
.service-small-text {
font-size: 1.5625vw;
}
.service-text {
font-size: 3.125vw;
}
.section-footer .footer-img {
text-align: center;
}
.service-btn {
font-size: 2.34375vw;
padding: 0.78125vw 5.3385416667vw;
margin: -3.125vw auto 0 !important;
border-radius: 6.5104166667vw;
-webkit-box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 1.8229166667vw 0 rgba(0, 0, 0, 0.08);
}
.service-list .flickity-prev-next-button {
width: 6.7708333333vw;
height: 6.7708333333vw;
-webkit-box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
box-shadow: 0 0 3.125vw 0.2604166667vw rgba(0, 0, 0, 0.14);
}
.service-list .flickity-prev-next-button.next {
right: 1.953125vw;
padding-left: 0.6510416667vw;
}
.service-list .flickity-prev-next-button.previous {
left: 1.953125vw;
}
.service-list .flickity-prev-next-button:before {
width: 1.8229166667vw;
height: 2.9947916667vw;
}
.footer-wrapper {
max-width: 100%;
}
.footer-headline {
font-size: 5.2083333333vw;
margin: 0;
padding: 0 6.5104166667vw;
}
.footer-img {
height: 12.2395833333vw;
margin-top: 10.4166666667vw;
}
.footer-social-btn-box {
align-items: center;
flex-direction: column;
margin-top: 3.125vw;
}
.footer-social-btn {
width: 44.4010416667vw;
height: auto;
margin: 0 0 0.390625vw;
}
.footer-social-btn img {
width: 100%;
height: auto;
}
.footer-social-btn:hover {
opacity: 1;
}
.footer-social-btn:active {
opacity: 0.6;
}
.footer-social-text {
font-size: 4.8177083333vw;
}
p.footer-social-text {
margin-top: 5.2083333333vw;
}
.image-d {
display: none;
width: 100%;
max-width: 100vw;
}
.image-m {
display: block;
}
}