.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
:root {
--container: 1200px;
--gap: 16px;
--radius: 16px;
--text-size: 18px;
--text-size-md: 16px;
--text-size-sm: 14px;
--h1-size: 40px;
--h2-size: 32px;
--h3-size: 28px;
--h4-size: 24px;
--h5-size: 22px;
--h6-size: 20px;
--bg: #F6FAFD;
--green: #2E7974;
--green-2: #25615d;
--green-3: #A6D6C3;
--white: #FFFFFF;
--black: #1D2B3A;
--gray: #D5DFE8;
}
*, ::after, ::before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-size: var(--text-size);
font-weight: 500;
font-family: 'Manrope', sans-serif;
line-height: 1.5;
color: var(--black);
background: var(--bg);
}
body.loaded * {
filter: none !important;
}
a {
color: var(--green);
transition: .5s;
}
a:hover {
text-decoration: none;
}
img {
margin: 0;
vertical-align: middle;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
transition: .5s;
}
.bg-cover {
position: relative;
}
.bg-cover img,
.bg-cover video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.bg-cover-span {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Manrope', sans-serif;
font-weight: 700;
margin: calc(var(--gap) * 2) 0 calc(var(--gap) * 1.5);
line-height: 1.2;
}
h1 {
font-size: var(--h1-size);
}
h2 {
font-size: var(--h2-size);
}
h3 {
font-size: var(--h3-size);
}
h4 {
font-size: var(--h4-size);
}
h5 {
font-size: var(--h5-size);
}
h6 {
font-size: var(--h6-size);
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
p, ul, ol, blockquote {
margin: 0 0 var(--gap);
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, blockquote:last-child {
margin-bottom: 0;
}
iframe {
max-width: 100%;
}
strong {
font-weight: 800;
}
.grecaptcha-badge {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.form-fields {
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--gap) / -2) calc(var(--gap) * -1);
}
.form-field {
flex: 0 0 100%;
max-width: 100%;
padding: 0 calc(var(--gap) / 2);
margin-bottom: var(--gap);
}
.form-field-50 {
flex: 0 0 50%;
max-width: 50%;
}
::-webkit-input-placeholder {
color: rgba(29, 43, 58, .25);
}
::-moz-placeholder {
color: rgba(29, 43, 58, .25);
}
:-ms-input-placeholder {
color: rgba(29, 43, 58, .25);
}
:-moz-placeholder {
color: rgba(29, 43, 58, .25);
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea {
text-align: center;
font-size: var(--h6-size);
font-weight: 600;
font-family: 'Manrope', sans-serif;
line-height: 1.5;
width: 100%;
background: var(--bg);
border: none;
color: rgba(29, 43, 58, .75);
-moz-border-radius: calc(var(--radius) * 3);
-webkit-border-radius: calc(var(--radius) * 3);
border-radius: calc(var(--radius) * 3);
padding: var(--gap) calc(var(--gap) * 2);
height: 64px;
letter-spacing: .04em;
outline: none;
transition: .5s;
}
textarea {
height: 160px;
resize: vertical;
}
select {
cursor: pointer;
}
input[type="text"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
background: #F3E7EA;
color: rgba(214, 62, 62, .75);
}
.wpcf7-not-valid::-webkit-input-placeholder {
color: rgba(214, 62, 62, .75);
}
.wpcf7-not-valid::-moz-placeholder {
color: rgba(214, 62, 62, .75);
}
.wpcf7-not-valid:-ms-input-placeholder {
color: rgba(214, 62, 62, .75);
}
.wpcf7-not-valid:-moz-placeholder {
color: rgba(214, 62, 62, .75);
}
.wpcf7-spinner {
position: absolute;
right: 0;
top: 0;
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 form .wpcf7-response-output {
margin: calc(var(--gap) * 1.5) 0 0;
padding: var(--gap) calc(var(--gap) * 1.5);
font-size: var(--text-size-md);
text-align: center;
}
.form-field-policy {
font-size: 12px;
line-height: 1.2;
opacity: .75;
text-align: center;
}
.wpcf7-form.sent > * {
display: none !important;
}
.wpcf7-form.sent .wpcf7-response-output {
display: flex !important;
flex-direction: column;
align-items: center;
gap: calc(var(--gap) * 1.05);
margin: 0;
border: none;
padding: calc(var(--gap) * 2.5) 0 calc(var(--gap) * 1.875);
font-size: var(--h4-size);
font-weight: 700;
color: var(--green);
line-height: 1.2;
}
.wpcf7-form.sent .wpcf7-response-output:before {
content: '';
flex: 0 0 120px;
max-height: 120px;
width: 120px;
height: 120px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/check-lg.svg) no-repeat center;
background-size: contain;
opacity: .6;
}
.screen-reader-text {
display: none;
}
.container {
width: 100%;
max-width: var(--container);
margin-left: auto;
margin-right: auto;
}
.container-full {
width: calc(100% - var(--gap) * 3);
margin-left: calc(var(--gap) * 1.5);
margin-right: calc(var(--gap) * 1.5);
}
.section {
position: relative;
padding-top: calc(var(--gap) * 3);
padding-bottom: calc(var(--gap) * 3);
z-index: 1;
}
.section-lg {
position: relative;
padding-top: calc(var(--gap) * 4);
padding-bottom: calc(var(--gap) * 4);
z-index: 1;
}
.section-sm {
position: relative;
padding-top: calc(var(--gap) * 2);
padding-bottom: calc(var(--gap) * 2);
z-index: 1;
}
.pt-0 {
padding-top: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
@media (min-width: 992px) {
.hide-lg {
display: none !important;
}
}
.w-100 {
width: 100% !important;
}
.heading {
margin-bottom: calc(var(--gap) * 2);
}
.heading.center {
text-align: center;
}
.heading.green {
color: var(--green);
}
.heading h2 {
font-size: var(--h1-size);
margin-bottom: calc(var(--gap) / 2);
}
.heading:last-child,
.heading h2:last-child {
margin-bottom: 0;
}
.mb-1_5 {
margin-bottom: calc(var(--gap) * 1.5);
}
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: var(--h6-size);
font-family: 'Manrope', sans-serif;
font-weight: 600;
line-height: 1.5;
letter-spacing: .04em;
border: 1px solid transparent;
padding: 10px 31px;
-moz-border-radius: calc(var(--radius) * 3);
-webkit-border-radius: calc(var(--radius) * 3);
border-radius: calc(var(--radius) * 3);
outline: none;
min-height: 64px;
cursor: pointer;
text-decoration: none;
z-index: 1;
transition: all .35s ease-in-out;
}
.btn.btn-sm {
font-size: var(--text-size-md);
min-height: 48px;
}
.btn.btn-lg {
font-size: calc(var(--h1-size) / 1.333);
font-weight: 700;
min-height: 78px;
padding: 10px 46px;
}
.btn-primary {
background-color: var(--green);
border-color: var(--green);
color: var(--white);
}
.btn-primary:hover {
background-color: var(--green-2);
border-color: var(--green-2);
color: var(--white);
}
.btn-outline-primary {
background-color: rgba(246, 250, 253, 0.3);
border-color: var(--black);
color: var(--black);
border-width: 2px;
}
.btn-outline-primary:hover {
background-color: rgba(246, 250, 253, 0.3);
border-color: var(--green);
color: var(--green);
}
.btn-outline-secondary {
background-color: transparent;
border-color: var(--gray);
color: var(--gray);
opacity: .5;
}
.btn-outline-secondary:hover {
background-color: transparent;
border-color: var(--gray);
color: var(--gray);
opacity: 1;
}
.modal-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -9999;
opacity: 0;
transition: .5s;
}
.modal-mobile.show {
z-index: 9999;
opacity: 1;
}
.modal-mobile-bg {
background: rgb(0 0 0 / 45%);
position: absolute;
opacity: 0;
transition: .5s;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.modal-mobile.show .modal-mobile-bg {
opacity: 1;
}
.modal-mobile-wrap {
position: relative;
background: var(--bg);
height: 100%;
width: 100%;
transform: translateX(-100%);
transition: .5s;
display: flex;
flex-direction: column;
overflow: auto;
z-index: 1;
}
.modal-mobile.show .modal-mobile-wrap {
transform: translateX(0);
}
.modal-mobile-header {
position: relative;
padding: calc(var(--gap) * 2) 0;
z-index: 1;
}
.modal-mobile-close {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/close.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/close.svg);
-webkit-mask-size: 36px;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background-color: var(--black);
flex: 0 0 48px;
max-width: 48px;
width: 48px;
height: 48px;
border: none;
padding: 0;
cursor: pointer;
opacity: .5;
outline: none !important;
transition: .5s;
}
.modal-mobile-close:hover {
opacity: 1;
}
.modal-mobile-body {
flex: auto;
}
.mobile-menu {
margin: 0;
padding: calc(var(--gap) * 3) 0;
list-style: none;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(var(--gap) * 2);
font-size: var(--h6-size);
}
.mobile-menu li a {
display: inline-block;
text-align: center;
padding: calc(var(--gap) / 1.6) calc(var(--gap) * 1.25);
text-decoration: none;
color: var(--black);
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
}
.mobile-menu li a:hover {
background: rgba(166, 214, 195, 0.25);
color: var(--green);
}
.modal-mobile-footer {
position: relative;
padding: calc(var(--gap) * 2) 0 calc(var(--gap) * 3);
z-index: 1;
}
.modal-mobile-contacts.contacts-items {
margin-bottom: calc(var(--gap) * 3);
}
.modal-mobile-button .btn {
opacity: .5;
}
.modal-mobile-button .btn:hover {
opacity: 1;
}
.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
transform: translateY(100%);
transition: .5s;
visibility: hidden;
z-index: 1055;
}
.modal.show {
transform: translateY(0);
visibility: visible; }
.modal-dialog {
position: relative;
width: auto;
max-width: 720px;
margin: 1.75rem auto;
pointer-events: none;
display: flex;
align-items: center;
min-height: calc(100% - 3.5rem);
}
.modal-dialog.modal-lg {
max-width: 920px;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: var(--bg);
border: 1px solid rgba(255, 255, 255, .6);
background-clip: padding-box;
outline: 0; padding: calc(var(--gap) * 1.5);
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
overflow: hidden;
box-shadow: 0px 28px 61px rgba(64, 64, 64, 0.23), 0px 110px 110px rgba(64, 64, 64, 0.2), 0px 248px 149px rgba(64, 64, 64, 0.12), 0px 441px 176px rgba(64, 64, 64, 0.03), 0px 689px 193px rgba(64, 64, 64, 0);
z-index: 1;
}
.modal-content:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--gray);
opacity: .3;
z-index: -1;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: var(--black);
opacity: 0;
transition: .5s;
z-index: -999;
}
.modal-backdrop.show {
opacity: .75;
z-index: 1049;
}
.modal-title {
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.333;
margin-bottom: var(--gap);
padding-right: calc(32px + var(--gap));
opacity: .9;
}
.modal-description {
margin-bottom: calc(var(--gap) * 1.5);
}
.modal-close {
position: absolute;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/close.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/close.svg);
background-color: var(--black);
width: 32px;
height: 32px;
top: calc(var(--gap) * 1.5);
right: calc(var(--gap) * 1.5);
border: none;
cursor: pointer;
padding: 0;
opacity: .5;
cursor: pointer;
transition: .5s;
z-index: 9;
}
.modal-close:hover {
opacity: 1;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
display: flex;
flex-wrap: wrap;
margin: calc(var(--gap) + 2px) calc(var(--gap) / -2); 2px;
}
.gallery:first-child {
margin-top: 0;
}
.gallery:last-child {
margin-bottom: calc(var(--gap) * -1);
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
margin: 0 0 var(--gap);
padding: 0 calc(var(--gap) / 2);
}
.gallery-item > * {
overflow: hidden;
}
.gallery-columns-2 .gallery-item {
flex: 0 0 calc(100% / 2);
max-width: calc(100% / 2);
}
.gallery-columns-2 .gallery-item > * {
height: calc((var(--container) - var(--gap)) / 2 / 1.4);
}
.gallery-columns-3 .gallery-item {
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
}
.gallery-columns-3 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 2) / 3 / 1.4);
}
.gallery-columns-4 .gallery-item {
flex: 0 0 calc(100% / 4);
max-width: calc(100% / 4);
}
.gallery-columns-4 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 3) / 4 / 1.4);
}
.gallery-columns-5 .gallery-item {
flex: 0 0 calc(100% / 5);
max-width: calc(100% / 5);
}
.gallery-columns-5 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 4) / 5 / 1.4);
}
.gallery-columns-6 .gallery-item {
flex: 0 0 calc(100% / 6);
max-width: calc(100% / 6);
}
.gallery-columns-6 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 5) / 6 / 1.4);
}
.gallery-columns-7 .gallery-item {
flex: 0 0 calc(100% / 6);
max-width: calc(100% / 6);
}
.gallery-columns-7 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 6) / 7 / 1.4);
}
.gallery-columns-8 .gallery-item {
flex: 0 0 calc(100% / 8);
max-width: calc(100% / 8);
}
.gallery-columns-8 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 7) / 8 / 1.4);
}
.gallery-columns-9 .gallery-item {
flex: 0 0 calc(100% / 9);
max-width: calc(100% / 9);
}
.gallery-columns-9 .gallery-item > * {
height: calc((var(--container) - var(--gap) * 8) / 9 / 1.4);
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: .5s;
}
.gallery-item a:hover img {
transform: scale(1.08);
}
.gallery-caption {
display: block;
}
.alignleft {
float: left;
margin-right: var(--gap);
margin-bottom: var(--gap);
}
.alignright {
float: right;
margin-left: var(--gap);
margin-bottom: var(--gap);
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--gap);
}
img.alignleft,
img.alignright,
img.aligncenter {
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
}
.wrapper {
position: relative;
z-index: 1;
}
.header {
position: sticky;
top: 0;
padding: calc(var(--gap) / 1.25) 0;
background: var(--bg);
z-index: 92;
}
.admin-bar .header {
top: 32px;
}
.header-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap);
height: 64px;
}
.header-toggle {
display: flex;
}
.header-toggle button {
flex: 0 0 48px;
max-width: 48px;
width: 48px;
height: 48px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/menu.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/menu.svg);
background-color: var(--black);
border: none;
padding: 0;
outline: none;
cursor: pointer;
transition: .5s;
}
.header-toggle button:hover {
background-color: var(--green);
}
.header-logo,
.header-button {
flex: 0 0 178px;
max-width: 178px;
}
.header-logo img {
max-height: 64px;
}
.main-menu {
flex: auto;
max-width: 100%;
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--gap) / 2);
font-size: var(--text-size-md);
font-weight: 600;
line-height: 1.1;
letter-spacing: .01em;
transition: all .25s ease-in-out;
}
.main-menu li a {
display: inline-block;
text-align: center;
padding: calc(var(--gap) / 1.6) calc(var(--gap) * 1.25);
text-decoration: none;
color: var(--black);
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
}
.main-menu li a:hover {
background: rgba(166, 214, 195, 0.25);
color: var(--green);
}
.header-button .btn {
width: 100%;
}
.main {
position: relative;
z-index: 1;
}
.footer {
position: relative;
background: var(--black);
color: var(--gray);
padding: calc(var(--gap) * 2) 0;
z-index: 1;
}
.footer-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--gap);
}
.footer-contacts {
display: flex;
flex-direction: column;
gap: calc(var(--gap) / 2);
}
.footer-contacts p {
margin: 0;
}
.footer-contacts p a {
display: inline-flex;
align-items: center;
gap: calc(var(--gap) / 2);
color: var(--gray);
text-decoration: none;
opacity: .5;
}
.footer-contacts p a:hover {
opacity: 1;
}
.footer-contacts p a:before {
content: '';
flex: 0 0 20px;
max-width: 20px;
width: 20px;
height: 20px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background-color: var(--gray);
transition: .5s;
}
.footer-contacts p.phone a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/call.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/call.svg);
}
.footer-contacts p.address a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/map.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/map.svg);
}
.footer-contacts p.e-mail a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/sms.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/sms.svg);
}
.hero-section {
background: var(--green-3);
margin: 0 calc(var(--gap) * 1.5);
overflow: hidden;
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
}
.hero-section:after {
content: '';
position: absolute;
width: 100%;
height: 54%;
bottom: calc(var(--gap) * -1);
left: 0;
background: linear-gradient(180deg, rgba(166, 214, 195, 0) 33.48%, rgba(166, 214, 195, 0.35) 65.28%, rgba(166, 214, 195, 0.8) 83.08%, rgba(166, 214, 195, 0.9) 95.76%);
z-index: -1;
}
.hero-image {
position: absolute;
right: calc((100% - var(--container)) / 2 - 154px);
bottom: -6px;
max-width: 860px;
max-height: 620px;
z-index: -2;
}
.hero-image img { }
.hero-wrap {
min-height: 810px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--gap);
}
.hero-heading {
margin: 0;
font-size: calc(var(--h1-size) * 1.6);
font-weight: 800;
line-height: 1.1;
color: var(--white);
}
.hero-description {
font-size: var(--h6-size);
font-weight: 600;
max-width: 500px;
margin: 0;
}
.hero-circle-1 {
position: absolute;
background: radial-gradient(50% 50% at 50% 50%, #2E7974 25%, rgba(46, 121, 116, 0.5) 75%, rgba(46, 121, 116, 0) 100%); width: 1600px;
height: 1600px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
bottom: -940px;
right: calc((100% - var(--container)) / 2 - 654px);
opacity: .3;
z-index: -3;
}
.hero-circle-2 {
position: absolute;
background: radial-gradient(50% 50% at 50% 50%, #2E7974 25%, rgba(46, 121, 116, 0.5) 75%, rgba(46, 121, 116, 0) 100%); width: 1200px;
height: 1200px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
top: -650px;
left: calc((100% - var(--container)) / 2 - 646px);
opacity: .2;
z-index: -4;
}
.hero-elements {
position: absolute;
top: 57px;
left: calc((100% - var(--container)) / 2 - 60px);
z-index: -5;
}
.hero-elements img {
filter:
drop-shadow(-6px 20px 47px rgba(46, 121, 116, 0.52))
drop-shadow(-22px 82px 85px rgba(46, 121, 116, 0.45))
drop-shadow(-50px 184px 115px rgba(46, 121, 116, 0.27))
drop-shadow(-89px 328px 136px rgba(46, 121, 116, 0.08))
drop-shadow(-139px 512px 149px rgba(46, 121, 116, 0.01));
opacity: .25;
}
.about-wrap {
display: flex;
gap: var(--gap);
}
.about-left,
.about-right {
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
}
.about-content {
margin-top: var(--gap);
}
.about-content p:first-child strong {
font-size: var(--h6-size);
line-height: 1.2;
}
.goal-block {
position: relative;
z-index: 1;
} .goal-sticky {
position: sticky;
top: 90px;
}
.admin-bar .goal-sticky {
top: 122px;
}
.goal-wrap {
position: relative;
background: linear-gradient(0deg, rgba(213, 223, 232, 0.3), rgba(213, 223, 232, 0.3)), radial-gradient(100% 608.44% at 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%);
border: 1px solid rgba(255, 255, 255, 0.6);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
padding: 20px 220px 20px 20px;
min-height: 240px;
overflow: hidden;
z-index: 1;
} .goal-image {
position: absolute;
width: 300px;
height: 240px;
bottom: 0px;
right: 0;
}
.goal-title {
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.2;
color: var(--green);
}
.advantages-heading {
margin-bottom: var(--gap);
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.2;
}
.advantages-wrap {
display: flex;
gap: calc(var(--gap) / 2);
}
.advantages-main {
flex: 0 0 calc((100% / 3) - (2 * var(--gap) / 2) / 3);
max-width: calc((100% / 3) - (2 * var(--gap) / 2) / 3);
}
.advantages-items {
flex: 0 0 calc(((100% / 3) - (2 * var(--gap) / 2) / 3) * 2 + var(--gap) / 2);
max-width: calc(((100% / 3) - (2 * var(--gap) / 2) / 3) * 2 + var(--gap) / 2);
display: flex;
flex-wrap: wrap;
gap: calc(var(--gap) / 2);
}
.advantages-item {
position: relative;
flex: 0 0 calc((100% / 2) - (1 * var(--gap) / 2 / 2));
max-width: calc((100% / 2) - (1 * var(--gap) / 2 / 2));
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
overflow: hidden;
min-height: 160px;
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--gap) / 2);
padding: calc(var(--gap) / 2) calc(var(--gap) / 2) calc(var(--gap) / 2) calc(var(--gap) * 1.5);
transition: all .3s ease-in-out;
z-index: 1;
}
.advantages-item__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.advantages-item__bg:before,
.advantages-item__bg span,
.advantages-item__bg:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
transition: all .3s ease-in-out;
}
.advantages-item__bg:before {
background: var(--bg);
}
.advantages-item__bg span {
background: var(--gray);
opacity: .3;
}
.advantages-item__bg:after {
background: radial-gradient(111.28% 111.28% at 90.58% 147.26%, rgba(46, 121, 116, 0.4) 29.38%, rgba(46, 121, 116, 0) 100%);
background-blend-mode: color-burn;
mix-blend-mode: color-burn;
opacity: 0;
}
.advantages-item:hover .advantages-item__bg:before {
background: var(--bg);
}
.advantages-item:hover .advantages-item__bg span {
background: var(--green-3);
opacity: .2;
}
.advantages-item:hover .advantages-item__bg:after {
opacity: 1;
}
.advantages-item__text {
flex: auto;
opacity: .75;
font-weight: 700;
transition: all .3s ease-in-out;
}
.advantages-item:hover .advantages-item__text {
color: var(--green);
opacity: .9;
}
.advantages-item__image {
flex: 0 0 144px;
max-width: 144px;
}
.advantages-item__image img {
filter: grayscale(1);
transition: all .3s ease-in-out;
}
.advantages-item:hover .advantages-item__image img {
filter: grayscale(0);
}
.advantages-main {
position: relative;
padding: calc(var(--gap) * 1.5);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
overflow: hidden;
z-index: 1;
}
.advantages-main-text {
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.1;
color: var(--green);
margin: 0;
}
.advantages-main-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.advantages-main-bg:before,
.advantages-main-bg span,
.advantages-main-bg:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
transition: all .3s ease-in-out;
}
.advantages-main-bg:before {
background: var(--bg);
}
.advantages-main-bg span {
background: var(--green-3);
opacity: .2;
}
.advantages-main-bg:after {
background: radial-gradient(111.28% 111.28% at 90.58% 147.26%, rgba(46, 121, 116, 0.4) 29.38%, rgba(46, 121, 116, 0) 100%);
background-blend-mode: color-burn;
mix-blend-mode: color-burn;
}
.advantages-main:hover .advantages-main-bg span {
background: var(--green-3);
opacity: .5;
}
.advantages-main-image-1 {
position: absolute;
width: 131px;
height: 140px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/advantages-main-1.png) no-repeat center;
background-size: contain;
bottom: 78px;
left: -20px;
filter: blur(1px);
opacity: .65;
transition: all .3s ease-in-out;
z-index: -1;
}
.advantages-main:hover .advantages-main-image-1 {
opacity: .5;
transform: rotate(-7.89deg);
bottom: 97px;
left: -40px;
}
.advantages-main-image-2 {
position: absolute;
width: 80px;
height: 80px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/advantages-main-2.png) no-repeat center;
background-size: contain;
top: -34px;
right: 46px;
filter: blur(4px);
opacity: .65;
transform: rotate(-20deg);
transition: all .3s ease-in-out;
z-index: -1;
}
.advantages-main:hover .advantages-main-image-2 {
transform: rotate(-30deg);
top: -45px;
right: 64px;
}
.advantages-main-image-3 {
position: absolute;
width: 301px;
height: 200px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/advantages-main-3.png) no-repeat center;
background-size: contain;
bottom: -20px;
right: -30px;
filter: blur(3px);
opacity: .75;
transition: all .3s ease-in-out;
z-index: -1;
}
.advantages-main:hover .advantages-main-image-3 {
width: 328px;
height: 218px;
opacity: .5;
}
.gcp-wrap {
display: flex;
gap: var(--gap);
}
.gcp-left,
.gcp-right {
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
}
.gcp-right {
text-align: right;
padding-right: 94px;
}
.gcp-image {
position: relative;
display: inline-block;
margin: -24px 0 -10px;
z-index: 1;
}
.gcp-image img {
height: 170px;
}
.gcp-image:after {
content: '';
background: var(--green);
opacity: .3;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
filter: blur(160px);
width: 200px;
height: 200px;
position: absolute;
top: -7px;
left: -8px;
z-index: -1;
}
.gcpList-heading {
margin-bottom: var(--gap);
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.2;
}
.gcpList-items {
display: flex;
flex-wrap: wrap;
margin: 0 calc(var(--gap) / -2) calc(var(--gap) * -1);
}
.gcpList-item {
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
margin: 0 0 var(--gap);
padding: 0 calc(var(--gap) / 2);
}
.gcpList-item__wrap {
position: relative;
padding: calc(var(--gap) * 1.25);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--gap);
z-index: 1;
}
.gcpList-item__image {
flex: 0 0 48px;
max-height: 48px;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.gcpList-item__image img {
max-height: 48px;
}
.gcpList-item__text {
line-height: 1.1;
}
.directions-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 calc(var(--gap) / -4) calc(var(--gap) / -2);
}
.directions-item {
flex: 0 0 calc(100% / 3);
max-width: calc(100% / 3);
margin: 0 0 calc(var(--gap) / 2);
padding: 0 calc(var(--gap) / 4);
}
.directions-item__wrap {
position: relative;
padding: calc(var(--gap) * 1.5) var(--gap); 
display: flex;
align-items: center;
gap: calc(var(--gap) / 1.333);
text-decoration: none;
min-height: 96px;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
background: var(--bg);
overflow: hidden;
cursor: pointer;
transition: all .3s ease-in-out;
transition-delay: .15s;
z-index: 1;
}
.directions-item__wrap:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--gray);
opacity: .3;
transition: all .3s ease-in-out;
transition-delay: .15s;
z-index: -2;
}
.directions-item__wrap:hover:before {
background: var(--green-3);
opacity: .2;
}
.directions-item__wrap:after {
content: '';
position: absolute;
width: 120px;
height: 120px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: var(--green-3);
top: 50%;
left: calc(100% + 10px);
transform: translateY(-50%);
animation: none;
transition: all .3s ease-in-out;
transition-delay: .15s;
z-index: -1;
}
.directions-item__wrap:hover:after {
width: 240px;
height: 240px;
animation: slideIn 0.5s ease-in-out forwards;
}
.directions-item__wrap:not(:hover):after {
animation: slideOut 0.5s ease-in-out forwards;
}
.directions-item__icon {
flex: 0 0 48px;
max-width: 48px;
}
.directions-item__icon img {
max-height: 48px;
}
.directions-item__title {
flex: auto;
font-size: var(--h6-size);
font-weight: 500;
line-height: 1.2;
color: var(--black);
margin: 0;
}
.directions-item__more {
flex: 0 0 auto;
display: flex;
}
.directions-item__more span {
flex: 0 0 32px;
max-width: 32px;
width: 32px;
height: 32px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/arrow-right.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/arrow-right.svg);
background-color: var(--black);
transform: translateX(-8px);
opacity: .1;
transition: all .3s ease-in-out;
transition-delay: .15s;
}
.directions-item__wrap:hover .directions-item__more span {
transform: translateX(4px);
opacity: 1;
}
@keyframes slideIn {
0% {
left: calc(100% + 10px);
}
70% {
left: calc(100% - 70px);
}
100% {
left: calc(100% - 60px);
}
}
@keyframes slideOut {
0% {
left: calc(100% - 60px);
}
30% {
left: calc(100% - 70px);
}
100% {
left: calc(100% + 10px);
}
}
.steps-wrap {
display: flex;
gap: var(--gap);
}
.steps-left,
.steps-right {
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
}
.steps-items {
position: relative;
display: flex;
flex-direction: column;
padding: var(--gap);
gap: calc(var(--gap) * 2);
z-index: 1;
}
.steps-item {
position: relative;
padding-left: 40px;
z-index: 1;
}
.steps-item:before {
content: '';
position: absolute;
background: #EDF2F8;
top: 22px;
left: 0;
width: 16px;
height: calc(100% + var(--gap) * 2);
z-index: -1;
}
.steps-item.active:before {
background: var(--green-3);
}
.steps-item:last-child:before {
display: none;
}
.steps-item__count {
background: #EDF2F8;
border: 4px solid var(--bg);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: var(--text-size-sm);
font-weight: 700;
line-height: 1;
position: absolute;
width: 26px;
height: 26px;
top: 5px;
left: -5px;
transition: .35s;
z-index: 1;
}
.steps-item.active .steps-item__count {
background: var(--green-3);
color: var(--white);
}
.steps-item.current .steps-item__count {
width: 30px;
height: 30px;
left: -7px;
background: var(--green);
color: var(--white);
}
.steps-item__title {
font-size: var(--h6-size);
font-weight: 700;
line-height: 1.2;
margin-bottom: 0;
}
.steps-item.current .steps-item__title {
color: var(--green);
}
.results-wrap {
display: flex;
gap: var(--gap);
}
.results-left,
.results-right {
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
}
.results-left {
display: flex;
flex-direction: column;
gap: calc(var(--gap) * 1.5);
position: relative;
z-index: 2;
}
.attention-block {
position: relative;
z-index: 1;
}
.attention-block:before {
content: '';
position: absolute;
width: 300px;
height: 300px;
background: var(--green);
filter: blur(320px);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
opacity: .3;
right: 0px;
bottom: -123px;
z-index: -1;
}
.attention-sticky {
position: sticky;
top: 32px;
z-index: 1;
}
.admin-bar .attention-sticky {
top: 122px;
}
.attention-wrap {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--gap);
padding: calc(var(--gap) * 1.25);
border: 1px solid rgba(255, 255, 255, 0.6);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
overflow: hidden;
box-shadow: 28px 49px 124px rgba(196, 217, 216, 0.07), 112px 196px 226px rgba(196, 217, 216, 0.06), 253px 440px 250px rgba(196, 217, 216, 0.03), 449px 783px 250px rgba(196, 217, 216, 0.01), 702px 1223px 250px rgba(196, 217, 216, 0);
z-index: 1;
}
.attention-title {
font-size: var(--h6-size);
font-weight: 700;
line-height: 1.2;
color: var(--green);
margin: 0;
flex: auto;
max-width: calc(100% - var(--gap) - 32px);
}
.attention-icon {
flex: 0 0 32px;
max-width: 32px;
width: 32px;
height: 32px;
background: var(--green);
display: flex;
align-items: center;
justify-content: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.attention-icon:before {
content: '';
flex: 0 0 20px;
max-width: 20px;
height: 20px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/notification.svg) no-repeat center;
background-size: contain;
}
.attention-content {
flex: 0 0 100%;
max-width: 100%;
}
.attention-content p {
margin-bottom: calc(var(--gap) / 2);
}
.attention-content p:last-child {
margin-bottom: 0;
}
.attention-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
}
.attention-bg:before,
.attention-bg:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.attention-bg:before {
background: var(--gray);
opacity: .3;
}
.attention-bg:after {
background: radial-gradient(100% 608.44% at 100% 100%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%);
}
.attention-circles {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.attention-circles:before {
content: '';
position: absolute;
width: 240px;
height: 240px;
background: radial-gradient(50% 50% at 50% 50%, #2E7974 25%, rgba(46, 121, 116, 0.5) 75%, rgba(46, 121, 116, 0) 100%);
filter: blur(160px);
opacity: .5;
mix-blend-mode: color-burn;
top: -80px;
right: -80px;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
z-index: 1;
}
.attention-circles span {
content: '';
position: absolute;
width: 480px;
height: 480px;
background: radial-gradient(50% 50% at 50% 50%, #2E7974 25%, rgba(46, 121, 116, 0.5) 75%, rgba(46, 121, 116, 0) 100%);
filter: blur(160px);
opacity: .3;
mix-blend-mode: color-burn;
bottom: -320px;
right: -120px;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
z-index: 2;
}
.attention-circles:after {
content: '';
position: absolute;
width: 320px;
height: 320px;
background: var(--white);
filter: blur(160px);
opacity: .6;
mix-blend-mode: soft-light;
bottom: -120px;
right: -40px;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
z-index: 3;
}
.partners-section {
background: var(--bg);
margin: 0 calc(var(--gap) * 1.5);
overflow: hidden;
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
}
.partners-section:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--green-3);
opacity: .5;
z-index: -1;
}
.partners-wrap {
display: flex;
gap: var(--gap);
}
.partners-left,
.partners-right {
position: relative;
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
padding-bottom: calc(var(--gap) * 4);
z-index: 1;
}
.partners-left {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 1;
}
.partners-left:before {
content: '';
background: linear-gradient(180deg, rgba(206, 232, 224, 0) 33.48%, rgba(206, 232, 224, 0.35) 65.28%, rgba(206, 232, 224, 0.8) 83.08%, rgba(206, 232, 224, 0.9) 95.76%);
position: absolute;
width: 100vw;
height: 66%;
left: calc((100vw - var(--container)) / -2);
bottom: 0;
z-index: -1;
}
.partners-image {
position: absolute;
width: calc(100% + 50px);
min-height: calc(((var(--container) - var(--gap)) / 2 + 50px) / .673);
height: calc(100% + calc(var(--gap) * 4) + 100px);
text-align: center;
top: -100px;
left: -57px;
z-index: -2;
}
.partners-image img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom center;
}
.partners-button {
text-align: center;
}
.partners-right {
display: flex;
flex-direction: column;
gap: calc(var(--gap) * 2);
}
.partners-list-title {
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.2;
margin-bottom: calc(var(--gap) / 2);
}
.partners-list-items {
display: flex;
flex-direction: column;
gap: calc(var(--gap) / 2);
margin: 0;
padding: 0;
list-style: none;
}
.partners-list-items li {
position: relative;
background: rgba(246, 250, 253, 0.5);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
min-height: 64px;
display: flex;
align-items: center;
gap: calc(var(--gap) / 2);
padding: var(--gap) calc(var(--gap) * 1.5) var(--gap) calc(var(--gap) / 1.333);
font-size: var(--text-size-md);
font-weight: 500;
line-height: 1.3;
z-index: 1;
}
.partners-list-items li:before {
content: '';
flex: 0 0 32px;
max-width: 32px;
width: 32px;
height: 32px;
background: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/check.svg) no-repeat center;
background-size: contain;
}
.faq-wrap {
position: relative;
z-index: 1;
}
.faq-items {
display: flex;
flex-direction: column;
gap: calc(var(--gap) / 2);
}
.faq-item {
position: relative;
display: none;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
background: var(--bg);
overflow: hidden;
z-index: 1;
}
.faq-item:nth-child(1),
.faq-item:nth-child(2),
.faq-item:nth-child(3),
.faq-item:nth-child(4),
.faq-item:nth-child(5),
.faq-wrap.active .faq-item {
display: block;
}
.faq-item:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--gray);
opacity: .3;
z-index: -1;
transition: all .45s ease-in-out;
}
.faq-item.active:before {
opacity: 0;
}
.faq-item__head {
padding: var(--gap) var(--gap) var(--gap) calc(var(--gap) * 1.5);
display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--gap) / 2);
min-height: 60px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition: all .45s ease-in-out;
}
.faq-item.active .faq-item__head {
font-weight: 700;
}
.faq-item__toggle {
flex: 0 0 28px;
max-width: 28px;
width: 28px;
height: 28px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/arrow-right.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/arrow-right.svg);
background-color: var(--black);
opacity: .2;
transform: rotate(90deg);
transition: all .45s ease-in-out;
}
.faq-item.active .faq-item__toggle {
transform: rotate(-90deg);
}
.faq-item__body {
padding: 0 calc(var(--gap) * 1.5) var(--gap);
opacity: .75;
}
.faq-button {
position: relative;
margin-top: -18px;
text-align: center;
z-index: 2;
}
.faq-wrap.active .faq-button {
display: none;
}
.faq-wrap:after {
content: '';
position: absolute;
width: 100%;
height: 90px;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(246, 250, 253, 0) 0%, rgba(246, 250, 253, 0.8) 30%, #F6FAFD 90%);
z-index: 1;
}
.faq-wrap.active:after {
display: none;
}
.contacts-wrap {
position: relative;
display: flex;
gap: var(--gap);
-moz-border-radius: calc(var(--radius) * 2);
-webkit-border-radius: calc(var(--radius) * 2);
border-radius: calc(var(--radius) * 2);
padding: var(--gap);
background: var(--bg);
overflow: hidden;
z-index: 1;
}
.contacts-wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--gray);
opacity: .3;
z-index: -1;
}
.contacts-left,
.contacts-right {
flex: 0 0 calc(50% - var(--gap) / 2);
max-width: calc(50% - var(--gap) / 2);
}
.contacts-left {
padding: var(--gap);
display: flex;
flex-direction: column;
gap: calc(var(--gap) * 1.5);
}
.contacts-map {
overflow: hidden;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
height: 100%;
}
.contacts-heading {
margin: 0;
font-size: var(--h4-size);
font-weight: 700;
line-height: 1.2;
}
.contacts-items {
flex: auto;
display: flex;
flex-direction: column;
gap: var(--gap);
}
.contacts-items p {
margin: 0;
font-weight: 600;
line-height: 1.1;
}
.contacts-items p a {
display: inline-flex;
align-items: center;
gap: calc(var(--gap) / 2);
color: var(--black);
text-decoration: none;
transition: .35s ease-in-out;
}
.contacts-items p a:hover {
color: var(--green);
}
.contacts-items p a:before {
content: '';
flex: 0 0 24px;
max-width: 24px;
width: 24px;
height: 24px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
background-color: var(--black);
transition: .35s ease-in-out;
}
.contacts-items p a:hover:before {
background-color: var(--green);
}
.contacts-items p.phone a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/call-line.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/call-line.svg);
}
.contacts-items p.address a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/map-line.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/map-line.svg);
}
.contacts-items p.e-mail a:before {
-webkit-mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/mail-line.svg);
mask-image: url(//clinictrials.medhouse-mc.com/wp-content/themes/medhouse/images/mail-line.svg);
}
.page-header {
position: relative;
background: var(--bg);
z-index: 1;
}
.page-header:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--gray);
opacity: .3;
z-index: -1;
}
.error-404-number {
font-size: calc(var(--h1-size) * 7);
font-weight: 800;
text-align: center;
color: var(--green-3);
margin-bottom: calc(var(--gap) * 2);
line-height: 1;
}
.error-404-button {
text-align: center;
}
.modal-title.modalDirection-title {
margin-bottom: 0;
}
.modal-description.modalDirection-description {
margin-bottom: calc(var(--gap) * 2);
}
.modalDirection-wrap {
display: flex;
gap: calc(var(--gap) * 2);
}
.modalDirection-left,
.modalDirection-right {
flex: 0 0 calc(50% - var(--gap));
max-width: calc(50% - var(--gap));
}
.modalDirection-left {
display: flex;
flex-direction: column;
gap: calc(var(--gap) * 1.5);
}
.modalDirection-content {
flex: auto;
}
.modalDirection-content ol,
.modalDirection-content ul {
display: flex;
flex-direction: column;
gap: var(--gap);
padding-left: 24px;
}
.modalDirection-content li::marker {
color: var(--green);
}
.modalDirection-image {
background: var(--white);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
text-align: center;
overflow: hidden;
}
@media(max-width: 1279px) {
:root {
--container: 910px;
--gap: 16px;
--radius: 16px;
--text-size: 16px;
--text-size-md: 15px;
--text-size-sm: 14px;
--h1-size: 34px;
--h2-size: 28px;
--h3-size: 24px;
--h4-size: 22px;
--h5-size: 20px;
--h6-size: 18px;
}
.btn {
font-size: var(--text-size);
}
.btn.btn-lg {
font-size: calc(var(--h1-size) / 1.6);
}
.header-logo, .header-button {
flex: 0 0 150px;
max-width: 150px;
}
.main-menu {
gap: 0;
}
.main-menu li a {
padding: calc(var(--gap) / 1.6) calc(var(--gap) / 1.5);
}
.hero-section,
.partners-section {
margin: 0 calc(var(--gap) / 2);
}
.hero-image {
right: calc((100% - var(--container)) / 2 - 90px);
max-width: 640px;
max-height: 460px;
}
.hero-circle-1 {
width: 1300px;
height: 1300px;
bottom: -640px;
right: calc((100% - var(--container)) / 2 - 454px);
}
.hero-circle-2 {
width: 900px;
height: 900px;
top: -350px;
left: calc((100% - var(--container)) / 2 - 400px);
}
.hero-elements {
left: calc((100% - var(--container)) / 2 - 30px);
max-width: 320px;
}
.hero-wrap {
min-height: 660px;
}
.hero-heading {
font-size: calc(var(--h1-size) * 1.4);
}
.hero-description {
max-width: 340px;
}
.goal-image {
width: 260px;
height: 208px;
}
.goal-wrap {
padding: 20px 180px 20px 20px;
}
.advantages-item {
min-height: 130px;
}
.advantages-item__image {
flex: 0 0 110px;
max-width: 110px;
}
.advantages-main-image-1 {
width: 100px;
height: 110px;
bottom: 56px;
left: -10px;
}
.advantages-main-image-2 {
width: 60px;
height: 60px;
top: -20px;
right: 36px;
}
.advantages-main-image-3 {
width: 225px;
height: 150px;
}
.advantages-main:hover .advantages-main-image-1 {
bottom: 64px;
left: -20px;
}
.advantages-main:hover .advantages-main-image-2 {
top: -25px;
right: 44px;
}
.advantages-main:hover .advantages-main-image-3 {
width: 246px;
height: 164px;
}
.gcp-image img {
height: 140px;
}
.directions-item__title {
font-size: var(--text-size);
}
}
@media(max-width: 991px) {
:root {
--container: 690px;
--gap: 8px;
--radius: 16px;
--text-size: 14px;
--text-size-md: 14px;
--text-size-sm: 14px;
--h1-size: 20px;
--h2-size: 19px;
--h3-size: 18px;
--h4-size: 17px;
--h5-size: 16px;
--h6-size: 16px;
}
.section {
padding-top: calc(var(--gap) * 4);
padding-bottom: calc(var(--gap) * 4);
}
.section-lg {
padding-top: calc(var(--gap) * 5);
padding-bottom: calc(var(--gap) * 5);
}
.heading.mb-1_5 {
margin-bottom: calc(var(--gap) * 2);
}
.heading h2 {
margin-bottom: var(--gap);
}
.btn {
min-height: 48px;
font-size: var(--h6-size);
padding: 10px 20px;
}
.btn.btn-lg {
font-size: var(--h1-size);
min-height: 52px;
padding: 10px 32px;
font-weight: 600;
}
.header {
padding: calc(var(--gap) * 2) 0;
}
.header-wrap {
height: 48px;
}
.header-logo {
flex: auto;
max-width: 100%;
}
.header-logo img {
max-height: 40px;
}
.main-menu {
display: none;
}
.header-button {
flex: 0 0 auto;
max-width: 100%;
}
.hero-elements {
display: none;
}
.hero-section,
.partners-section {
margin: 0 calc(var(--gap) * 1.25);
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
}
.hero-section {
display: flex;
flex-direction: column-reverse;
gap: calc(var(--gap) * 2.5);
}
.hero-circle-1 {
width: 400px;
height: 400px;
bottom: -200px;
right: calc((100% - var(--container)) / 2 - 200px);
}
.hero-circle-2 {
width: 300px;
height: 300px;
top: -150px;
left: calc((100% - var(--container)) / 2 - 150px);
opacity: .4;
}
.hero-elements {
max-width: 191px;
top: 50px;
left: calc((100% - var(--container)) / 2 + 30px);
}
.hero-wrap {
min-height: auto;
padding-left: 30px;
padding-right: 30px;
gap: calc(var(--gap) * 3);
padding-bottom: 0 !important;
}
.hero-description {
font-size: var(--text-size);
max-width: 100%;
font-weight: 500;
}
.hero-description br {
display: none;
}
.hero-button {
text-align: center;
}
.hero-image {
position: relative;
bottom: 0;
right: 0;
width: 113%;
margin-left: -3%;
max-width: none;
max-height: 100%;
text-align: center;
}
.hero-image img {
max-height: 360px;
}
.hero-section:after {
height: 210px;
}
.about-wrap {
flex-direction: column;
gap: calc(var(--gap) * 2);
}
.about-left, .about-right {
flex: auto;
max-width: 100%;
}
.about-content {
margin-top: 0;
}
.about-content p:first-child strong {
font-size: var(--text-size);
}
.about-content br {
display: none;
}
.goal-sticky {
position: relative;
top: 0 !important;
}
.goal-wrap {
padding: 20px 20px 160px;
min-height: 275px;
}
.goal-title {
font-size: var(--h1-size);
}
.goal-image {
right: 20px;
width: 225px;
height: 180px;
}
.advantages-section.section-sm {
padding-top: calc(var(--gap) * 6);
}
.advantages-heading {
font-size: var(--h1-size);
margin-bottom: calc(var(--gap) * 2);
}
.advantages-wrap {
flex-direction: column;
gap: var(--gap);
}
.advantages-main {
flex: auto;
max-width: 100%;
min-height: 328px;
padding: calc(var(--gap) * 3);
}
.advantages-main-text {
font-size: var(--h1-size);
}
.advantages-main-image-1 {
width: 131px;
height: 140px;
bottom: 78px !important;
left: -20px !important;
transform: none !important;
opacity: .65 !important;
}
.advantages-main-image-2 {
width: 80px;
height: 80px;
top: -34px !important;
right: 46px !important;
transform: rotate(-20deg) !important;
}
.advantages-main-image-3 {
width: 325px !important;
height: 224px !important;
opacity: .75 !important;
}
.advantages-main:hover .advantages-main-bg span {
background: var(--green-3);
opacity: .2;
}
.advantages-items {
flex: auto;
max-width: 100%;
gap: var(--gap);
}
.advantages-item {
flex: 0 0 calc((100% / 2) - (1 * var(--gap) / 2));
max-width: calc((100% / 2) - (1 * var(--gap) / 2));
min-height: 116px;
padding: var(--gap) var(--gap) var(--gap) calc(var(--gap) * 2);
gap: var(--gap);
}
.advantages-item__text {
font-size: var(--h3-size);
}
.advantages-item__image {
flex: 0 0 100px;
max-width: 100%;
}
.advantages-item__image img {
filter: none;
}
.goal-block:before {
top: 40px;
}
.gcp-wrap {
flex-direction: column;
gap: calc(var(--gap) * 2);
}
.gcp-left, .gcp-right {
flex: auto;
max-width: 100%;
}
.gcp-right {
text-align: center;
padding-right: 0;
}
.gcp-image {
margin: 0;
}
.gcp-image img {
max-height: 100px;
}
.gcp-image:after {
filter: blur(320px);
top: calc(50% - 100px);
left: calc(50% - 100px);
}
.gcpList-section.section {
padding-top: calc(var(--gap) * 6);
}
.gcpList-heading {
font-size: var(--h1-size);
margin-bottom: calc(var(--gap) * 2);
}
.gcpList-items {
flex-direction: column;
margin: 0;
gap: calc(var(--gap) * 2);
}
.gcpList-item {
flex: auto;
max-width: 100%;
margin: 0;
padding: 0;
}
.gcpList-item__wrap {
flex-direction: row;
align-items: center;
padding: 0 10px;
gap: calc(var(--gap) * 2);
}
.gcpList-item__image {
flex: 0 0 32px;
max-width: 32px;
max-height: 32px;
width: 32px;
height: 32px;
}
.gcpList-item__text {
line-height: 1.35;
}
.gcpList-item__text br {
display: none;
}
.directions-items {
margin: 0 calc(var(--gap) / -2) calc(var(--gap) * -1);
}
.directions-item {
flex: 0 0 50%;
max-width: 50%;
margin: 0 0 var(--gap);
padding: 0 calc(var(--gap) / 2);
}
.directions-item__wrap {
min-height: 78px;
padding: calc(var(--gap) * 1.5);
gap: calc(var(--gap) * 1.5);
}
.steps-wrap {
flex-direction: column;
gap: calc(var(--gap) * 2);
}
.steps-left, .steps-right {
flex: auto;
max-width: 100%;
}
.steps-items {
padding: calc(var(--gap) * 2);
}
.steps-item__title {
font-size: var(--h3-size);
margin-bottom: calc(var(--gap) / 2);
}
.steps-right .goal-block:before {
top: 160px;
}
.results-wrap {
flex-direction: column;
gap: calc(var(--gap) * 4);
}
.results-left, .results-right {
flex: auto;
max-width: 100%;
}
.results-left {
gap: calc(var(--gap) * 2);
}
.attention-sticky {
position: relative;
top: 0 !important;
}
.attention-block:before {
top: -110px;
bottom: auto;
}
.attention-wrap {
padding: 20px;
}
.attention-title {
font-size: var(--h1-size);
}
.partners-section.section-lg {
padding-top: 20px;
padding-bottom: 20px;
}
.partners-section .heading h2 {
font-size: calc(var(--h1-size) * 1.4);
}
.partners-section .heading {
margin-bottom: calc(var(--gap) * 4);
padding: 0 20px;
}
.partners-wrap {
flex-direction: column;
gap: calc(var(--gap) * 4);
padding: 0 20px;
}
.partners-left, .partners-right {
flex: auto;
max-width: 100%;
}
.partners-left {
padding-bottom: 0;
}
.partners-image {
position: relative;
width: 100%;
min-height: inherit;
height: auto;
top: 0;
left: 0;
margin: -60px 0 -44px;
}
.partners-image img {
max-height: 480px;
}
.partners-left:before {
display: none;
}
.partners-right {
gap: calc(var(--gap) * 3);
padding-bottom: 20px;
}
.partners-list-title {
font-size: var(--text-size);
font-weight: 700;
margin-bottom: var(--gap);
line-height: 1.5;
}
.partners-list-items {
gap: var(--gap);
}
.partners-list-items li {
min-height: 56px;
font-size: var(--text-size);
}
.faq-items {
gap: var(--gap);
}
.faq-item__head {
padding: var(--gap) calc(var(--gap) * 1.5) var(--gap) calc(var(--gap) * 3);
gap: var(--gap);
}
.faq-item__body {
padding: 0 calc(var(--gap) * 3) calc(var(--gap) * 2);
}
.contacts-wrap {
gap: calc(var(--gap) * 2);
padding: calc(var(--gap) * 2);
flex-direction: column;
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
}
.contacts-left, .contacts-right {
flex: auto;
max-width: 100%;
}
.contacts-left {
padding: 0;
gap: calc(var(--gap) * 2);
}
.contacts-items {
margin-bottom: var(--gap);
}
.contacts-heading {
font-size: var(--text-size);
line-height: 1.5;
}
.contacts-items {
gap: calc(var(--gap) * 2);
}
.contacts-items p a {
gap: var(--gap);
}
.contacts-map {
-moz-border-radius: calc(var(--radius) / 2);
-webkit-border-radius: calc(var(--radius) / 2);
border-radius: calc(var(--radius) / 2);
}
.footer {
padding: calc(var(--gap) * 4) 0 calc(var(--gap) * 3);
}
.footer-wrap {
flex-direction: column;
gap: calc(var(--gap) * 3);
align-items: normal;
}
.footer-contacts {
gap: calc(var(--gap) * 2);
}
.footer-contacts p a {
gap: var(--gap);
}
.modal-dialog,
.modal-dialog.modal-lg {
max-width: calc(100vw - 30px);
}
.modal-content {
-moz-border-radius: var(--radius);
-webkit-border-radius: var(--radius);
border-radius: var(--radius);
padding: calc(var(--gap) * 2) calc(var(--gap) * 2) calc(var(--gap) * 4);
}
.modal-title,
.modal-title.modalDirection-title {
font-size: var(--h1-size);
margin-bottom: calc(var(--gap) * 2.5);
}
.modal-description {
margin-bottom: calc(var(--gap) * 3);
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
height: 52px;
font-size: var(--text-size);
text-align: left;
}
textarea {
height: 120px;
}
.wpcf7-form.sent .wpcf7-response-output:before {
flex: 0 0 80px;
max-height: 80px;
width: 80px;
height: 80px;
}
.modalDirection-wrap {
flex-direction: column-reverse;
gap: calc(var(--gap) * 3);
}
.modalDirection-left, .modalDirection-right {
flex: auto;
max-width: 100%;
}
.modalDirection-left {
gap: calc(var(--gap) * 3);
}
.modalDirection-image img {
max-height: 480px;
}
.page-header.section-sm {
padding-top: calc(var(--gap) * 3);
padding-bottom: calc(var(--gap) * 3);
}
.page-title {
font-size: calc(var(--h1-size) * 1.4);
}
}
@media(max-width: 767px) {
:root {
--container: 510px;
--gap: 8px;
--radius: 16px;
--text-size: 14px;
--text-size-md: 14px;
--text-size-sm: 14px;
--h1-size: 20px;
--h2-size: 19px;
--h3-size: 18px;
--h4-size: 17px;
--h5-size: 16px;
--h6-size: 16px;
}
.admin-bar .header {
top: 46px;
}
.advantages-item {
flex: 0 0 100%;
max-width: 100%;
}
}
@media(max-width: 575px) {
:root {
--container: calc(100vw - 30px);
--gap: 8px;
--radius: 16px;
--text-size: 14px;
--text-size-md: 14px;
--text-size-sm: 14px;
--h1-size: 20px;
--h2-size: 19px;
--h3-size: 18px;
--h4-size: 17px;
--h5-size: 16px;
--h6-size: 16px;
}
.admin-bar .header {
top: 0px;
}
.directions-item {
flex: 0 0 100%;
max-width: 100%;
}
.hero-image {
height: 280px;
}
.hero-image img {
max-height: 280px;
}
}