@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;900&display=swap"); html{
height: 100%;
margin: 0;
padding: 0;width: 100%;
background: #fff;
}
body{
height: 100%;
width: 100%;
position: relative;
margin: 0;
padding: 0;
color: #020202;
font-size: 16px;
font-weight: 400;
font-family: 'Mulish', Arial, Helvetica, sans-serif;
line-height: 150%;
min-width: 320px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
margin: 0;
padding: 0;
border: 0;
outline: 0;
box-sizing: border-box;
}
img {
margin: 0;
padding: 0;
border-style: none;
vertical-align: bottom;
}
input, textarea, select, button {
font-weight: 400;
font-family: 'Mulish', Arial, Helvetica, sans-serif;
vertical-align:middle;
border: 0;
outline: 0;
background: none;
}
a:hover {text-decoration: none;}
ul li {list-style: none;}
::selection {
background-color: #E0C384;
color: #fff;
} .holder {
padding: 0 16px;
}
@media (min-width: 576px){
.holder {
padding: 0 30px;
}
}
@media (min-width: 768px){
.holder {
padding: 0 40px;
}
}
@media (min-width: 1024px) {
.holder {
padding: 0 50px;
}
}
@media (min-width: 1300px){
.holder {
padding: 0 60px;
}
}
@media (min-width: 1440px){
.holder {
padding: 0 80px;
}
}
@media (min-width: 1640px){
.holder {
padding: 0 120px;
max-width:1920px;
margin:0 auto;
}
}
.holder:after {
display: block;
content: '';
clear: both;
}
h1 {
font-size: 92px;
font-weight: 500;
line-height: 110%;
text-transform: capitalize;
}
h2 {
font-size: 40px;
font-weight: 500;
line-height: 125%;
}
h3 {
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-transform: capitalize;
}
h4 {
margin: 0 0 15px;
font-size: 24px;
font-weight: 400;
line-height: 130%;
}
h5 {
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
a {transition: all .3s linear;}
p {margin: 0 0 24px;}
p a, .article li a {color: #D57056;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
position: relative;
display: inline-block;
padding: 10px 44px 11px;
color: #000;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
text-decoration: none;
cursor: pointer;
background: #fff;
border: 1px solid #fff;
border-radius: 200px;
transition: all .3s linear;
}
.button:hover {
color: #fff;
background: transparent;
}
.button-gold {
background: #E0C384;
border: 1px solid #E0C384;
}
.button-gold:hover {
color: #fff;
background: transparent;
} .wpcf7-form-control-wrap input {
display: block;
width: 100%;
height: 57px;
padding: 0 39px;
margin: 0 0 20px;
font-size: 16px;
color: #fff;
background: transparent;
border-radius: 200px;
border: 1px solid #B4B4B4;
transition: all 0.3s linear;
}
.wpcf7-form-control-wrap textarea {
display: block;
width: 100%;
height: 120px;
padding: 18px 39px;
margin: 0 0 20px;
font-size: 16px;
resize: vertical;
color: #fff;
background: transparent;
border-radius: 200px;
border: 1px solid #B4B4B4;
transition: all 0.3s linear;
}
.wpcf7-form-control-wrap input:hover,
.wpcf7-form-control-wrap input:focus {border: 1px solid #fff;}
::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.5);}
:-moz-placeholder {color: rgba(255, 255, 255, 0.5); opacity: 1;}
::-moz-placeholder {color: rgba(255, 255, 255, 0.5); opacity: 1;}
:-ms-input-placeholder {color: rgba(255, 255, 255, 0.5);}
.check-item {
position: relative;
margin: 0 0 10px;
}
.check-input {
position: absolute;
left: 0;
width: 1px;
height: 1px;
opacity: 0;
}
.check-label {
display: block;
padding: 0 0 0 27px;
color: #807A7E;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.check-label a {color: #fff;}
.check-label:before {
position: absolute;
top: 3px;
left: 0;
display: block;
content: '';
width: 12px;
height: 12px;
box-sizing: border-box;
background: #fff;
border-radius: 2px;
}
.check-label:after {
position: absolute;
top: 3px;
left: 0;
display: block;
content: '';
width: 12px;
height: 12px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/check.svg) 50% 50% no-repeat;
background-size: 8px;
opacity: 0;
}
.check-input:checked + .check-label:after {opacity: 1;}
.check-input:checked + .check-label {color: #D57056;} #wrapper {
position: relative;
overflow: hidden;
} .header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
transition: all 0.4s ease;
}
.header.hide {
top: -133px;
}
.header::before {
position: absolute;
top: 0;
left: 0;
right: 0;
content: '';
height: 133px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 99.25%);
pointer-events: none;
}
.header-wrap {
position: relative;
z-index: 10;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
transition: all 0.4s ease;
}
.header.fixed .header-wrap {
background: #000;
border-bottom: 1px solid #000;
}
.header-block {
display: flex;
align-items: center;
justify-content: space-between;
}
.header-right .holder {
display: flex;
align-items: center;
}
@media screen and (min-width: 1025px) {
.header-right .holder {padding: 0;}
}
.header-nav {
display: flex;
position: relative;
padding: 0 61px 0 0;
}
.header-nav::after {
position: absolute;
top: 50%;
right: 0;
margin-top: -15px;
content: '';
width: 1px;
height: 30px;
background: rgba(255, 255, 255, 0.5);
}
.header-nav li {
margin: 0 54px 0 0;
font-size: 16px;
line-height: 150%;
}
.header-nav li:last-child {margin: 0;}
.header-nav a {
display: flex;
align-items: center;
position: relative;
height: 88px;
color: #fff;
text-decoration: none;
}
.header-nav a:hover {color: #E0C384;}
.header-nav .active > a::after {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
content: '';
height: 3px;
background: #E0C384;
}
.header-button {
padding: 0 0 0 61px;
}
.mob-nav-icon {
position: absolute;
top: 50%;
right: 0px;
z-index: 250;
height: 30px;
margin-top: -15px;
padding: 6px 0 0 24px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
display: none;
}
.mob-nav-block {
position: relative;
display: block;
width: 24px;
height: 2px;
margin: 8px 0 0;
background: #fff;
transition: all .3s linear;
}
.mob-nav-block:after {
content: "";
position: absolute;
top: -8px;
left: 0;
width: 24px;
height: 2px;
background: #fff;
transition: all .3s linear;
}
.mob-nav-block:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 24px;
height: 2px;
background: #fff;
transition: all .3s linear;
}
.mob-nav-icon.active .mob-nav-block {
background: none;
}
.mob-nav-icon.active .mob-nav-block:before {
top: 0;
transform: rotate(45deg);
}
.mob-nav-icon.active .mob-nav-block:after {
top: 0;
transform: rotate(-45deg);
}
.nav-parent > a {
padding: 0 16px 0 0;
}
.nav-parent > a::after {
position: absolute;
top: 50%;
margin-top: -2px;
right: 0px;
content: '';
width: 9px;
height: 5px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/nav-parent-arrow.svg) 50% 50% no-repeat;
transition: all 0.3s linear;
}
.nav-parent > a.active::after {
transform: rotate(180deg);
} .menu {
position: absolute;
top: 0;
left: 0;
right: 0;
display: none;
padding: 153px 0 64px;
color: #fff;
background: #1E1E1E;
}
.menu-back {display: none;}
.menu-block {
display: flex;
opacity: 0;
transition: all 0.3s linear;
}
.menu.vis .menu-block {
opacity: 1;
transition-delay: 0.3s;
}
.menu-left {
width: 48.5%;
padding: 0 98px 0 100px;
}
.menu-right {
display: flex;
flex-direction: column;
width: 51.5%;
padding: 0 0 0 98px;
border-left: 1px solid rgba(180, 180, 180, 0.5)
}
.menu-title {
margin: 0 0 34px;
color: #E0C384;
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.menu-list-block {
display: flex;
}
.menu-list-block .menu-list {
margin: 0 70px 0 0;
}
.menu-list-block .menu-list:last-child {margin: 0;}
.menu-list li {
margin: 0 0 20px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.menu-list a {
color: #fff;
text-decoration: none;
}
.menu-list a:hover {
opacity: 0.7;
}
.menu-list-arrow a {
position: relative;
}
.menu-list-arrow a::after {
position: absolute;
top: 5px;
right: -22px;
content: '';
width: 11px;
height: 11px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/menu-arrow.svg) 50% 50% no-repeat;
}
.menu-info {
width: 240px;
margin: 0 0 0 auto;
}
.menu-info-icon {margin: 0 0 20px;}
.menu-info-text {
margin: 0 0 32px;
font-size: 14px;
line-height: 140%;
}
.menu-info-mail {
color: #E0C384;
font-size: 16px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.menu-info-mail:hover {
border-bottom: 1px solid #E0C384;
}  .banner {
position: relative;
overflow: hidden;
min-height: 100vh;
display: flex;
align-items: flex-end;
}
.banner-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.banner-video::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #C5BD98;
mix-blend-mode: color-burn;
}
.banner-video::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(58, 40, 0, 0.20);
}
.banner .holder {
position: relative;
width: 100%;
color: #fff;
}
.banner-content {
padding: 0 0 100px;
}
.banner-min {
height: 89px;
min-height: 89px;
}
.banner-text {
max-width: 650px;
padding: 30px 0 0;
}
.banner-button {
padding: 60px 0 0;
}
.banner-button .button {min-width: 170px;}
.banner-block {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 0 -20px;
}
.banner-left {
max-width: 890px;
width: 70%;
}
.banner-left h1 {
margin: 0 0 50px;
}
.banner-left .banner-text {
max-width: none;
padding: 0 0 0 10px;
font-size: 24px;
line-height: 130%;
}
.banner-links li {
margin: 0 0 18px;
font-size: 20px;
line-height: 150%;
padding: 0 0 0 40px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrow-white.svg) 0 50% no-repeat;
}
.banner-links li:last-child {margin: 0;}
.banner-links a {
color: #fff;
text-decoration: none;
}
.banner-content.banner-main {
padding: 250px 0 66px;
}
.banner-main h1 {
margin: 0 0 30px;
text-align: right;
}
.banner-box {
width: 49%;
margin: 0 0 80px 51%;
}
.banner-box .banner-text {
max-width: 494px;
padding: 0;
margin: 0 0 65px;
font-size: 20px;
font-weight: 400;
line-height: 150%; 
}
.pair-button {
display: flex;
text-decoration: none;
}
.pair-button-main {
padding: 12px 50px 12px;
margin: 0 17px 0 0;
color: #000;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
text-decoration: none;
cursor: pointer;
text-decoration: none;
background: #fff;
border: 1px solid #fff;
border-radius: 200px;
transition: all .3s linear;
}
.pair-button:hover .pair-button-main {
color: #fff;
background: transparent;
}
.pair-button-round {
position: relative;
overflow: hidden;
width: 48px;
height: 48px;
border-radius: 600px;
border: 1px solid #FFF;
}
.pair-button-round::after {
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
content: '';
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/white-down.svg) 50% 50% no-repeat;
}
.pair-button:hover .pair-button-round::after {
animation-name: moveDown;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
@keyframes moveDown{
50%{
transform: translateY(40px);
}
51%{
opacity: 0;
transform: translateY(-40px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.banner-bottom {
display: flex;
}
.banner-stat {
margin: 0 70px 0 0;
}
.banner-stat:last-child {margin: 0;}
.banner-stat:nth-child(3){
margin-left: auto;
}
.banner-stat-num {
position: relative;
padding: 0 0 7px;
margin: 0 0 12px;
font-size: 46px;
font-weight: 500;
line-height: 60.5px;
text-transform: uppercase;
}
.banner-stat-num::before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 190px;
content: '';
height: 1px;
background: #fff;
opacity: 0.2;
}
.banner-stat-text {
font-size: 20px;
font-weight: 400;
line-height: 150%;
opacity: 0.9;
} .main-about {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 127px 0 96px;
}
.main-about-content {
width: 44%;
max-width: 640px;
}
.main-about-img {
width: 49%;
}
.main-about-img img {
width: 100%;
border-radius: 10px;
}
.main-about h2 {
margin: 0 0 30px;
}
.main-about-subtitle {
margin: 0 0 30px;
font-size: 28px;
line-height: 130%;
}
.main-about-subtitle .gold {font-weight: 700;}
.main-about-text {
color: #696969;
font-size: 20px;
line-height: 150%;
}
.main-about-stat,
.main-about-mob {display: none;}
.button-links {
display: flex;
gap: 20px;
width: 100%;
padding: 56px 0 0;
}
.button-link {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
gap: 22px;
height: 100px;
color: #020202;
font-size: 24px;
line-height: 130%;
text-decoration: none;
border-radius: 28px;
border: 1px solid #E0C384;
}
.button-link:hover {
background: #E0C384;
} .main-focus {
padding: 0 0 84px;
}
.main-focus h2 {
margin: 0 0 54px;
} .box-list {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.box-col {
width: 25%;
padding: 0 10px;
margin: 0 0 20px;
}
.box {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 186px;
padding: 13px 18px 18px;
color: #020202;
text-decoration: none;
border: 1px solid #B4B4B4;
border-radius: 10px;
}
.box-text {
font-size: 24px;
line-height: 130%; 
}
.box-angle {
position: absolute;
right: -1px;
bottom: -1px;
width: 44px;
height: 44px;
background: #fff;
border-top: 1px solid #B4B4B4;
border-left: 1px solid #B4B4B4;
border-radius: 22px 0 0 0;
transition: all 0.3s ease-out;
}
.box-angle::before {
position: absolute;
top: -10px;
right: 0px;
width: 10px;
height: 10px;
content: '';
background: inherit;
}
.box-angle::after {
position: absolute;
left: -10px;
bottom: 0px;
width: 10px;
height: 10px;
content: '';
background: inherit;
}
.box-angle-wrap {
position: relative;
z-index: 10;
width: 100%;
height: 100%;
padding: 8px 0 0 8px;
}
.box-angle-wrap::before {
position: absolute;
top: -11px;
right: 0px;
width: 10px;
height: 10px;
content: '';
background: #fff;
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
border-radius: 0 0 10px 0;
}
.box-angle-wrap::after {
position: absolute;
left: -11px;
bottom: 0px;
width: 10px;
height: 10px;
content: '';
background: #fff;
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
border-radius: 0 0 10px 0;
}
.box-more {
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
width: 100%;
height: 36px;
color: transparent;
text-decoration: none;
white-space: nowrap;
background: #fff;
border: 1px solid #B4B4B4;
border-radius: 200px;
transition: all 0.3s linear;
}
.box:hover .box-angle {
width: 150px;
}
.box:hover .box-more {
color: #fff;
background: #000;
border: 1px solid #000;
}
.box-more::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrow.svg) 50% 50% no-repeat;
transition: all 0.3s linear;
}
.box:hover .box-more::after {
opacity: 0;
} .main-promo {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
height: 900px;
padding: 100px 0;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/promo-bg.jpg) 50% 0 no-repeat;
background-size: 100% auto;
}
.main-promo::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
}
.main-promo .holder {
position: relative;
width: 100%;
}
.main-promo-block {
display: flex;
}
.main-promo-logo {
width: 132px;
min-width: 132px;
margin: 0 155px 0 70px;
}
.main-promo-logo img {
width: 100%;
}
.main-promo-content {
flex: 1;
}
.main-promo-text {
margin: 0 0 50px;
color: #020202;
font-size: 48px;
font-weight: 500;
line-height: 130%;
}
.main-promo .button-gold:hover {
color: #000;
} .main-group {
color: #fff;
padding: 118px 0;
background: #1E1E1E;
}
.main-group-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.main-group-content {
width: 45%;
}
.main-group-mob {display: none;}
.main-group .button {
padding: 10px 37px 11px;
}
.main-group h2 {
margin: 0 0 58px;
}
.group-list {margin: 0 0 90px;}
.group-item {
display: flex;
align-items: center;
position: relative;
padding: 22px 0 24px;
}
.group-item::before {
position: absolute;
top: 0;
left: 0;
right: 0;
content: '';
height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(180, 180, 180, 0) 100%);
opacity: 0.6;
}
.group-item:last-child::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: '';
height: 1px;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(180, 180, 180, 0) 100%);
opacity: 0.6;
}
.group-dot {
display: flex;
width: 44px;
margin: 0 18px 0 0;
}
.group-dot span {
width: 11px;
height: 11px;
background: #E0C384;
border-radius: 50%;
}
.group-text {
flex: 1;
color: #B4B4B4;
font-size: 24px;
font-weight: 400;
line-height: 130%;
}
.main-group-img {
width: 40%;
}
.main-group-img img {width: 100%;} .main-news {
padding: 120px 0;
background: #F3F2EA;
}
.main-news h2 {
margin: 0 0 47px;
}
.big-button .button {
width: 100%;
padding: 15px 44px 16px;
}
.main-news .button:hover {
color: #000;
}
.main-news .news-col {
margin: 0 0 36px;
} .main-events {
padding: 30px 0 235px;
}
.main-events-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 30px;
}
.events-arrows {
display: flex;
justify-content: space-between;
width: 64px;
}
.events-arrow {
width: 24px;
height: 24px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/slider-arrow.svg) 50% 50% no-repeat;
opacity: 0.5;
}
.events-arrow:hover {
opacity: 1;
}
.events-prev {
transform: scale(-1, 1);
}
.events-slider {
width: calc(100% + (100vw - 100%)/2);
padding: 0 0 45px;
}
.events-slide .event-item {
position: relative;
width: 670px;
min-height: 390px;
margin: 0 30px 0 0;
padding: 32px 40px 40px;
}
.events-slide .event-item-title {
max-width: 320px;
margin: 0 0 36px;
}
.events-slide .event-item-text {
max-width: 360px;
margin: 0 0 36px;
}
.events-slide .event-item-date {
position: absolute;
top: 32px;
right: 40px;
text-align: right;
}
.events-slide .event-item .button-gold {
margin: auto 0 0;
}
.events-slider .slick-dots {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
right: calc((100vw - 100%));
bottom: 0px;
}
.events-slider .slick-dots li {
flex: 1;
}
.events-slider .slick-dots button {
display: block;
width: 100%;
height: 3px;
font-size: 0;
cursor: pointer;
font-size: 0;
background: #F3F2EA;
}
.events-slider .slick-dots button:hover,
.events-slider .slick-dots .slick-active button {
background: #020202;
} .main-info {
padding: 0 0 165px;
}
.main-info-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px;
}
.main-info-top h2 {
width: calc(50% - 60px);
}
.main-info-bold {
width: calc(50% - 12px);
font-size: 24px;
font-weight: 400;
line-height: 130%;
}
.main-info-bold .gold {font-weight: 700;}
.main-info-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.main-info-img {
width: calc(50% - 60px);
margin: -68px 0 0;
}
.main-info-img img {
width: 100%;
max-width: 664px;
}
.main-info-content {
width: calc(50% - 12px);
display: flex;
flex-wrap: wrap;
margin: 0 0 -44px;
}
.main-info-item {
position: relative;
width: 50%;
padding: 0 20px 0 20px;
margin: 0 0 44px;
}
.main-info-item::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
content: '';
width: 1px;
background: linear-gradient(180deg, rgba(224, 195, 132, 1) 0%, rgba(224, 195, 132, 0.00) 100%);
}
.main-info-icon {
margin: 0 0 33px;
}
.main-info-item h4 {
margin: 0 0 5px;
}
.main-info-text {
max-width: 290px;
color: #696969;
}  .solution-section {
padding: 120px 0 85px;
}
.solution-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 53px;
}
.solution-content {
width: 44%;
max-width: 700px;
}
.solution-content h2 {
margin: 0 0 30px;
}
.solution-text {
max-width: 550px;
color: #696969;
font-size: 20px;
line-height: 150%;
}
.solution-text-mob {
display: none;
}
.solution-img {
width: 49%;
}
.solution-img img {
width: 100%;
border-radius: 10px;
}
.stat {
padding: 72px 40px 68px;
margin: 120px 0 80px;
border-radius: 10px;
background: #F3F2EA;
}
.stat h2 {
max-width: 1040px;
margin: 0 auto 68px;
text-align: center;
}
.stat-block {
display: flex;
flex-wrap: wrap;
margin: 0 -20px 0 0;
}
.stat-item {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
width: calc(25% - 20px);
margin: 0 20px 20px 0;
height: 186px;
padding: 25px 19px 19px;
color: #fff;
background: #020202;
border-radius: 10px;
}
.stat-item:nth-child(2){background: #E0C384;}
.stat-item:nth-child(3){background: #696969;}
.stat-item:nth-child(4){background: #C5BD98;}
.stat-item::before {
position: absolute;
top: 25px;
right: 18px;
content: '';
width: 12px;
height: 31px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/white-up.svg) 50% 50% no-repeat;
}
.stat-num {
margin: 0 0 0 -5px;
font-size: 46px;
font-weight: 500;
line-height: 32px;
text-transform: capitalize;
}
.stat-text {
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.scheme {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 180px 0;
}
.scheme-left {
width: 33.75%;
padding: 0 162px 0 0;
}
.scheme-mid {
width: 32.5%;
position: relative;
}
.scheme-right {
position: relative;
width: 33.75%;
padding: 0 0 0 162px;
margin: 0 0 0 auto;
}
.scheme-right-block {
display: flex;
align-items: center;
justify-content: center;
height: 356px;
padding: 30px;
color: #fff;
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-align: center;
text-transform: capitalize;
background: #020202;
border-radius: 10px;
}
.scheme-right-text {
max-width: 286px;
margin: 0 auto;
}
.scheme-mid-title {
display: flex;
align-items: center;
justify-content: center;
height: 186px;
padding: 30px;
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-align: center;
text-transform: capitalize;
background: #E0C384;
border-radius: 10px;
}
.scheme-mid-list {
position: absolute;
left: 0;
top: calc(100% + 32px);
padding: 0 0 0 20px;
}
.scheme-mid-list li {
list-style-type: disc;
margin: 0 0 11px;
font-size: 20px;
line-height: 150%;
}
.scheme-left-item {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 88px;
padding: 30px;
margin: 0 0 45px;
font-size: 20px;
line-height: 150%;
text-align: center;
border: 1px solid #B4B4B4;
background: #F3F2EA;
border-radius: 10px;
}
.scheme-left-item:last-child {
margin: 0;
}
.scheme-left-text {
max-width: 280px;
}
.scheme-left-item::before {
position: absolute;
content: '';
left: calc(100% + 20px);
}
.scheme-left-item:nth-child(1)::before {
bottom: -45px;
width: 119px;
height: 111px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows1.svg) 50% 50% no-repeat;
}
.scheme-left-item:nth-child(2)::before {
top: 50%;
margin-top: -24px;
width: 116px;
height: 48px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows2.svg) 50% 50% no-repeat;
}
.scheme-left-item:nth-child(3)::before {
top: -45px;
width: 125px;
height: 109px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows3.svg) 50% 50% no-repeat;
}
.scheme-right::before {
position: absolute;
top: 50%;
margin-top: -71px;
left: 20px;
content: '';
width: 124px;
height: 142px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows4.svg) 100% 50% no-repeat;
}
.process h2 {
max-width: 1335px;
margin: 0 0 30px;
}
.process-text {
margin: 0 0 80px;
max-width: 635px;
color: #E0C384;
font-size: 28px;
font-weight: 700;
line-height: 120%;
}
.process-block {
padding: 76px 60px 112px;
border-radius: 10px;
background: #F3F2EA;
}
.process-block h2 {
margin: 0 0 60px;
text-align: center;
}
.process-list {
display: flex;
flex-wrap: wrap;
margin: 0 -60px 0 0;
}
.process-item {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
width: calc(20% - 60px);
margin: 0 60px 14px 0;
height: 193px;
padding: 19px 19px 22px;
border-radius: 10px;
background: #E0C384;
}
.process-item::before {
position: absolute;
top: 50%;
left: -57px;
margin-top: -3px;
content: '';
width: 54px;
height: 6px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/process-arrow1.svg) 100% 0 no-repeat;
}
.process-item:first-child::before {display: none;}
.process-bottom {
display: flex;
justify-content: center;
align-items: flex-end;
width: calc(60% - 60px);
margin-left: 20%;
height: 58px;
border-left: 1px solid #B4B4B4;
border-right: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
}
.process-bottom-text {
margin: 0 0 -16px;
padding: 0 14px;
font-size: 24px;
line-height: 130%;
background: #F3F2EA
} .focus-section {
padding: 120px 0 120px;
} .health {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.health-content {
width: 46%;
}
.health-content h2 {
margin: 0 0 30px;
}
.health-content-text {
max-width: 600px;
color: #696969;
font-size: 20px;
line-height: 150%;
}
.health-box {
width: 49%;
min-height: 440px;
padding: 47px;
font-size: 24px;
line-height: 130%;
border-radius: 10px;
background: #F3F2EA;
} .data h2 {
max-width: 1260px;
margin: 0 0 53px;
}
.data-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.data-text {
width: 30%;
max-width: 400px;
padding: 30px 0 0;
color: #696969;
}
.data-list {
display: flex;
align-items: flex-start;
width: 66%;
margin: 0 -20px 0 0;
}
.data-item {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
width: calc(25% - 20px);
height: 245px;
padding: 15px 14px 17px;
margin: 0 20px 0 0;
border-radius: 6px;
background: #C5BD98;
border: 1px solid #C5BD98;
}
.data-item:nth-child(2) {
color: #fff;
background: #696969;
border: 1px solid #696969;
}
.data-item:nth-child(2) .data-item-title {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.data-item:nth-child(3) {
background: #fff;
border: 1px solid #B4B4B4;
}
.data-item-title {
padding: 0 0 13px;
margin: 0 0 16px;
font-size: 32px;
line-height: 125%;
text-transform: capitalize;
border-bottom: 1px solid rgba(2, 2, 2, 0.2);
}
.data-item-text {
font-size: 14px;
line-height: 140%; 
}
.data-final {
justify-content: center;
align-items: center;
height: 336px;
padding: 30px;
font-size: 32px;
line-height: 125%;
text-transform: capitalize;
background: #E0C384;
border: 1px solid #E0C384;
}
.data-item::after {
position: absolute;
left: 50%;
bottom: -49px;
content: '';
width: calc(100% + 21px);
height: 48px;
border: 1px solid #3D3D3D;
border-top: 0;
}
.data-final::after {
width: 6px;
height: 6px;
border: 0;
left: -6px;
bottom: 40px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/data-arrow.svg) 100% 0 no-repeat;
} .market {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.market-content {
width: 46.3%;
}
.market-content h2 {
margin: 0 0 30px;
}
h2 .gold {font-weight: 700;}
.gold {
color: #E0C384;
}
.market-img {
width: 49%;
}
.market-img img {
width: 100%;
border-radius: 10px;
}
.market-text {
max-width: 740px;
margin: 0 0 -20px;
}
.market p:last-child {margin: 0;}
.market-text-mob {
display: none;
} .improve {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 150px;
}
.improve-content {
width: calc(50% - 30px);
}
.improve-content h2 {
margin: 0 0 30px;
}
.improve-text {
max-width: 690px;
color: #696969;
}
.improve p:last-child {margin: 0;}
.improve-side {
width: 49%;
padding: 63px 47px;
font-size: 24px;
line-height: 130%;
border-radius: 10px;
background: #F4F3EB;
}
.improve-side ul {
padding: 0 0 0 20px;
}
.improve-side li {
list-style: disc;
}
.improve-block {
display: flex;
margin: 0 -20px -35px 0;
}
.improve-item {
width: calc(25% - 20px);
margin: 0 20px 0 0;
height: 255px;
padding: 23px 29px;
display: flex;
font-size: 32px;
font-weight: 500;
line-height: 40px;
background: #E0C384;
border: 1px solid #E0C384;
border-radius: 10px;
}
.improve-item:nth-child(odd){
align-items: flex-end;
}
.improve-item:nth-child(2){
color: #fff;
background: #3D3D3D;
border: 1px solid #3D3D3D;
}
.improve-item:nth-child(3){
background: #fff;
border: 1px solid #B4B4B4;
}
.improve-item:nth-child(4){
background: #C5BD98;
border: 1px solid #C5BD98;
} .quality h2 {
margin: 0 0 50px;
}
.quality-block {
display: flex;
justify-content: space-between;
}
.quality-col {
width: calc(33.33% - 15px);
max-width: 430px;
}
.quality-col h3 {
margin: 0 0 26px;
color: #E0C384;
}
.quality-col p:last-child {margin: 0;} .international h2 {
max-width: 1420px;
margin: 0 0 60px;
}
.international-block {
display: flex;
justify-content: space-between;
max-width: 1490px;
margin: 0 0 160px;
}
.international-col {
width: 48%;
max-width: 688px;
color: #696969;
}
.world h2 {
max-width: 1000px;
margin: 0 0 15px;
}
.world-text {
margin: 0 0 30px;
font-size: 20px;
line-height: 150%;
color: #696969;
}
.world-map {
position: relative;
}
.world-map img {
max-width: 100%;
}
.world-info {
position: absolute;
left: 0;
bottom: 15px;
max-width: 260px;
}
.world-info h5 {
margin: 0 0 30px;
}
.world-info ul {
padding: 0 0 0 20px;
}
.world-info li {
list-style: disc;
color: #696969;
}
.world-list {display: none;} .advisory {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.advisory-content {
width: 45%;
}
.advisory h2 {
margin: 0 0 47px;
}
.advisory-text {
max-width: 464px;
font-size: 20px;
line-height: 150%;
color: #696969;
}
.advisory-side {
width: 49%;
padding: 90px 60px;
border-radius: 10px;
background: #F4F3EB;
}
.advisory-side-text {
max-width: 576px;
margin: 0 auto 86px;
font-size: 24px;
line-height: 130%;
text-align: center;
}
.advisory-side-buttons {
display: flex;
justify-content: center;
}
.advisory-side-buttons .button {
width: 170px;
margin: 0 30px 0 0;
padding: 10px 14px 11px;
}
.advisory-side-buttons .button:last-child {margin: 0;}
.advisory-side .button-gold:hover {
color: #000;
} .newsletter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.newsletter-content {
width: 45%;
max-width: 550px;
}
.newsletter h2 {
margin: 0 0 30px;
}
.newsletter-text {
max-width: 524px;
margin: 0 0 75px;
font-size: 20px;
line-height: 150%;
color: #696969;
}
.newsletter-img {
width: 49%;
}
.newsletter-img img {
width: 100%;
border-radius: 10px;
}
.newsletter-img-mob {display: none;}
.newsletter .button-gold:hover {color: #020202;}
.sponsor {
margin: -15px 0 0;
}
.sponsor h2 {
margin: 0 0 38px;
}
.sponsor-text {
max-width: 630px;
margin: 0 0 90px;
}
.sponsor-block h3 {
color: #E0C384;
}
.benefit {
margin: -40px 0 0;
}
.benefit-line {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
margin: 0 -20px 0 0;
}
.benefit-item {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(25% - 20px);
height: 186px;
margin: 0 20px 20px 0;
padding: 14px 16px 22px;
border-radius: 10px;
border: 1px solid #696969;
} .info-section {
padding: 120px 0 110px;
color: #fff;
background: #1E1E1E;
}
.info-top {
padding: 0 0 40px;
margin: 0 0 50px;
border-bottom: 1px solid #fff;
}
.info-top h2 {
max-width: 1020px;
}
.info-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 96px;
}
.info-block h3 {
width: 100%;
margin: 0 0 70px;
color: #E0C384;
}
.info-content {
width: 42%;
max-width: 580px;
}
.info-img {
width: 54%;
}
.info-img img {
width: 100%;
}
.info-img-note {
padding: 20px 0 0;
color: #B4B4B4;
font-size: 16px;
font-style: italic;
line-height: 150%;
text-align: right;
}
.info-text {
margin: 0 0 50px;
color: #B4B4B4;
}
.info-block:last-child,
.info-text:last-child,
.info-text ul:last-child,
.info-text p:last-child {margin: 0;}
.info-text ul {
padding: 0 0 0 20px;
margin: 0 0 24px;
}
.info-text ul li {
list-style: disc;
} .news-section {
padding: 103px 0 77px;
background: #F3F2EA;
}
.tabs-block {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 0 23px;
}
.tab-item {
padding: 9px 20px;
margin: 0 20px 20px 0;
color: #020202;
font-size: 16px;
line-height: 150%;
text-decoration: none;
border-radius: 200px;
background: #FFF;
}
.tab-item:hover,
.tab-item.active {
background: #E0C384;
}
.tab-select {
position: relative;
width: 260px;
margin: 0 20px 20px 0;
}
.tab-select-link {
display: block;
position: relative;
padding: 9px 40px 9px 20px;
color: #020202;
font-size: 16px;
line-height: 150%;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 200px;
background: #FFF;
}
.tab-select-link::after {
position: absolute;
top: 50%;
margin-top: -10px;
right: 15px;
content: '';
width: 20px;
height: 20px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/select-arrow.svg) 50% 50% no-repeat;
transition: all 0.3s linear;
}
.tab-select-link.active::after {
transform: rotate(180deg);
}
.tab-select-dropdown {
position: absolute;
top: calc(100% + 10px);
left: 0;
z-index: 12;
display: none;
width: 100%;
padding: 9px 20px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.10);
}
.tab-select-dropdown a {
display: block;
margin: 0 0 3px;
color: #020202;
font-size: 16px;
line-height: 150%;
text-decoration: none;
}
.tab-select-dropdown a:hover {
color: #E0C384;
}
.news-block {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.news-col {
width: 25%;
padding: 0 10px;
margin: 0 0 40px;
}
.news-item {
display: flex;
flex-direction: column;
height: 100%;
color: #020202;
text-decoration: none;
position: relative;
background: #fff;
border-radius: 10px;
}
.news-item {
padding: 28px 28px 31px;
}
.news-img {
position: relative;
overflow: hidden;
margin: 0 0 20px;
height: 100px;
border-radius: 5px;
transition: all 0.3s ease-out;
}
.news-img::before {
position: absolute;
left: 0;
right: 0;
top: 0;
content: '';
height: 80%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(180, 180, 180, 0) 100%);
opacity: 0;
transition: all 0.3s ease-out;
}
.news-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
border-radius: 5px;
}
.news-item:hover .news-img {
margin-top: -92px;
height: 192px;
}
.news-item:hover .news-img::before {
opacity: 1;
}
.news-title {
overflow: hidden;
position: relative;
z-index: 10;
height: 65px;
margin: 0 0 27px;
font-size: 18px;
font-weight: 600;
line-height: 120%;
transition: all 0.3s ease-out;
}
.news-item:hover .news-title {
color: #fff;
transform: translateY(15px);
padding: 0 15px;
}
.news-date {
margin: 0 0 8px;
color: #B4B4B4;
font-size: 14px;
line-height: 140%;
}
.news-text {
color: #696969;
}
.news-angle {
position: absolute;
right: 0px;
bottom: 0px;
width: 44px;
height: 44px;
background: #F3F2EA;
border-radius: 22px 0 0 0;
transition: all 0.3s ease-out;
}
.news-angle::before {
position: absolute;
top: -10px;
right: 0px;
width: 10px;
height: 10px;
content: '';
background: inherit;
}
.news-angle::after {
position: absolute;
left: -10px;
bottom: 0px;
width: 10px;
height: 10px;
content: '';
background: inherit;
}
.news-angle-wrap {
position: relative;
z-index: 10;
width: 100%;
height: 100%;
padding: 8px 0 0 8px;
}
.news-angle-wrap::before {
position: absolute;
top: -10px;
right: 0px;
width: 10px;
height: 10px;
content: '';
background: #fff;
border-radius: 0 0 10px 0;
}
.news-angle-wrap::after {
position: absolute;
left: -10px;
bottom: 0px;
width: 10px;
height: 10px;
content: '';
background: #fff;
border-radius: 0 0 10px 0;
}
.news-item:hover .news-angle {
width: 150px;
}
.news-item .box-more {
border: 1px solid #fff;
}
.news-item:hover .box-more {
color: #fff;
background: #000;
border: 1px solid #000;
}
.news-item:hover .box-more::after {
opacity: 0;
}
.event-item {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 33px 23px 23px;
border-radius: 10px;
border: 1px solid #B4B4B4;
}
.event-item-title {
margin: 0 0 16px;
font-size: 24px;
line-height: 130%; 
}
.event-item-text {
margin: 0 0 24px;
color: #696969;
}
.event-item-date {
margin: auto 0 27px;
color: #B4B4B4;
}
.event-item .button-gold {
padding: 14px 44px 15px;
}
.event-item .button-gold:hover {
color: #000;
} .article-wrap {
max-width: 1240px;
margin: -47px 0 180px;
}
.article-top {
margin: 0 0 80px;
}
.article-top h2 {
margin: 0 0 10px;
}
.article-author {
margin: 0 0 40px;
color: #696969;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: 130%; 
}
.article-author:last-child {margin: 0;}
.article-top .button-gold:hover {
color: #000;
}
.article-text {
color: #3D3D3D;
}
.article-text.locked {
background: linear-gradient(180deg, #696969 -33.65%, rgba(105, 105, 105, 0.00) 74.94%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.article-text ul {
padding: 0 0 0 10px;
}
.article-text li {
display: flex;
}
.article-text li:last-child {margin: 0;}
.article-text li::before {
margin: 0 8px 0 0;
content: '•';
}
.back {
display: inline-block;
vertical-align: top;
margin: 0 0 80px;
padding: 0 0 0 20px;
color: #696969;
font-size: 18px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/back.svg) 0 5px no-repeat;
} .disclaimer {
max-width: 1460px;
margin: 0 0 140px;
color: #3d3d3d;
font-size: 20px;
}
.disclaimer p:last-child {margin: 0;} .event {
margin: -47px 0 0;
}
.event h2 {
max-width: 1280px;
margin: 0 0 27px;
}
.event-main {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 90px;
}
.event-content {
width: 49%;
max-width: 755px;
padding: 0 50px 0 0;
}
.event-content p {
margin: 0 0 47px;
}
.event-content p:last-child {
margin: 0;
}
.event-key {
position: relative;
display: flex;
justify-content: space-between;
width: 49%;
padding: 36px 47px 40px;
color: #fff;
border-radius: 10px;
background: #1E1E1E;
}
.event-key-title {
width: 44%;
margin: 0 0 150px;
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-transform: capitalize;
}
.event-key-text {
width: 44%;
color: #B4B4B4;
}
.event-key-text ul {
padding: 0 0 0 20px;
}
.event-key-text li {
list-style: disc;
margin: 0 0 24px;
}
.event-key-text li:last-child {margin: 0;}
.event-key-bottom {
position: absolute;
left: 47px;
bottom: 40px;
width: 44%;
}
.event-key-date {
margin: 0 0 34px;
color: #696969;
font-size: 20px;
font-weight: 400;
line-height: 130%;
}
.event-key .button {
padding: 10px 34px 11px;
}
.speaker {
display: flex;
margin: 0 0 174px;
}
.speaker-photo {
width: 405px;
min-width: 405px;
margin: 0 20px 0 0;
}
.speaker-photo img {
width: 100%;
border-radius: 10px;
}
.speaker-photo-mob {
display: none;
}
.speaker-info {
flex: 1;
display: flex;
flex-direction: column;
padding: 60px;
border: 1px solid #B4B4B4;
border-radius: 10px;
}
.speaker-name {
margin: 0 0 12px;
font-size: 32px;
font-weight: 500;
line-height: 125%;
text-transform: capitalize;
}
.speaker-status {
margin: 0 0 30px;
color: #696969;
font-size: 20px;
font-weight: 500;
line-height: 150.5%;
text-transform: capitalize;
}
.speaker-text {
max-width: 940px;
margin: auto 0 0;
}
.speaker-text p:last-child {margin: 0;} .clients-block {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
padding: 0 0 190px;
}
.clients-col {
width: 25%;
padding: 0 10px;
margin: 0 0 20px;
}
.clients-item {
position: relative;
height: 640px;
}
.clients-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.clients-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 38px 28px 30px;
color: #fff;
}
.clients-title {
font-size: 32px;
line-height: 125%;
text-transform: capitalize;
} .signup-section {
padding: 130px 0;
}
.signup {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 455px;
padding: 75px 60px 57px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/signup-bg.jpg) 50% 50% no-repeat;
background-size: cover;
border-radius: 10px;
}
.signup-title {
max-width: 550px;
color: #fff;
font-size: 48px;
font-weight: 500;
line-height: 130%;
}
.signup-title:last-child {margin: 0;}
.signup-form {
display: flex;
}
.signup-form .wpcf7-form-control-wrap {
flex: 1;
}
.signup-form input {margin: 0;}
.signup-form .button {
width: 284px;
margin: 0 0 0 11px;
} .contact-section {
padding: 160px 0;
}
.map-big {
position: relative;
overflow: hidden;
border-radius: 10px;
}
.map-big img {
width: 100%;
height: 590px;
object-fit: cover;
object-position: 100% 50%;
}
.map-marker {
position: absolute;
margin: -34px -14px 0 0;
width: 28px;
height: 34px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/marker.svg) 50% 50% no-repeat;
}
.map-marker:hover {
transform: scale(1.2);
}
.marker-1 {
top: 395px;
right: 1109px;
}
.marker-2 {
top: 418px;
right: 1152px
}
.marker-3 {
top: 171px;
right: 104px;
}
.map-lesser {display: none;}
.contact-form {
position: relative;
margin: -30px 0 0;
padding: 60px;
color: #fff;
border-radius: 10px;
background: #020202;
}
.contact-form-title {
margin: 0 0 50px;
font-size: 20px;
font-weight: 700;
line-height: 140%;
}
.contact-form-block {
margin: 0 0 150px;
}
.contact-form-input {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-form-input > span {
width: calc(50% - 40px);
}
.contact-form-input .wpcf7-form-control-wrap input {
height: 39px;
padding: 0 0 15px;
margin: 0 0 35px;
font-size: 16px;
color: #fff;
border-radius: 0px;
border: 0;
border-bottom: 1px solid #fff;
opacity: 0.5;
}
.contact-form-input .wpcf7-form-control-wrap input:hover, .contact-form-input .wpcf7-form-control-wrap input:focus {
opacity: 1;
border: 0;
border-bottom: 1px solid #fff;
}
.contact-form-input input::-webkit-input-placeholder {color: rgba(255, 255, 255, 1);}
.contact-form-input input:-moz-placeholder {color: rgba(255, 255, 255, 1); opacity: 1;}
.contact-form-input input::-moz-placeholder {color: rgba(255, 255, 255, 1); opacity: 1;}
.contact-form-input input:-ms-input-placeholder {color: rgba(255, 255, 255, 1);}
.contact-form-button {
padding: 5px 0 0;
text-align: right;
}
.contact-form-button .button {
min-width: 173px;
}
.contact-form-wrap {
position: relative;
}
.contact-ty {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: #020202;
display: none;
}
.contact-ty.vis {display: flex;}
.contact-ty h3 {
margin: 0 0 12px;
color: #F3EAE1;
}
.contact-ty p {
margin: 0;
color: rgba(243, 234, 225, 0.60);
}
.contact-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.contact-info-left {
max-width: 312px;
}
.contact-icon {margin: 0 0 20px;}
.contact-info-text {
margin: 0 0 20px;
font-size: 18px;
line-height: 140%;
}
.contact-info-mail {
color: #E0C384;
font-size: 20px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.contact-info-mail:hover {
border-bottom: 1px solid #E0C384;
}
.adress-block {
max-width: 738px;
width: 100%;
display: flex;
justify-content: space-between;
}
.adress-title {
margin: 0 0 25px;
font-size: 20px;
font-weight: 700;
line-height: 140%; 
}
.adress-list li {
margin: 0 0 5px;
font-size: 14px;
line-height: 140%;
}
.career-section {
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/career-bg.jpg) 50% 50% no-repeat;
background-size: cover;
}
.career-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 772px;
max-width: 816px;
margin: 0 auto;
color: #fff;
text-align: center;
}
.career-block h2 {
margin: 0 0 27px;
}
.career-text {
margin: 0 0 60px;
font-size: 20px;
font-weight: 400;
line-height: 140%; 
}
.career-text a {
font-weight: 700;
color: #E0C384;
text-decoration: none;
}
.career-block .button {
background: #C5BD98;
border: 1px solid #C5BD98
}
.career-block .button:hover {
color: #fff;
background: transparent;
} .policy {
padding: 0 0 140px;
color: #3D3D3D;
}
.policy h2 {
margin: 0 0 28px;
}
.policy h3 {
margin: 0 0 38px;
color: #E0C384;
}
.policy-item {
padding: 0 0 60px;
}
strong {
font-size: 18px;
font-weight: 600;
}
.policy-top {
padding: 0 0 30px;
font-size: 24px;
font-weight: 400;
line-height: 130%;
}
.policy-top p {
margin: 0 0 31px;
} .footer {
color: #FFFFFF;
background: #1E1E1E;
}
@media (min-width: 1024px){
.footer .holder {
padding: 0 60px;
}
}
.footer-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 0 0 100px;
}
.footer-logo img {width: 403px;}
.footer-contact {
display: flex;
align-items: center;
}
.footer-contact-text {
margin: 0 78px 0 0;
font-size: 40px;
font-weight: 500;
line-height: 125%;
text-transform: uppercase;
}
.footer-main {
padding: 72px 0 142px;
}
.footer-block {
display: flex;
}
.footer-col {
margin: 0 100px 0 0;
}
.footer-col:nth-child(3) {margin: 0 auto 0 0;}
.footer-col:last-child {margin: 0;}
.footer-title {
margin: 0 0 40px;
font-size: 22px;
font-weight: 700;
line-height: 140%; 
}
.footer-nav li {
margin: 0 0 8px;
}
.footer-nav li:last-child {margin: 0;}
.footer-nav a {
color: #B4B4B4;
text-decoration: none;
}
.footer-nav a:hover {color: #fff;}
.footer-adress {
color: #B4B4B4;
}
.footer-adress a {
color: #B4B4B4;
text-decoration: none;
}
.footer-adress a:hover {color: #fff;}
.footer-bottom {
padding: 19px 0 20px;
border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.footer-bottom .holder {
display: flex;
color: #B4B4B4;
}
.footer-copy {
margin: 0 auto 0 0;
}
.footer-studio {
margin: 0 190px 0 0;
}
.footer-studio a {
color: #B4B4B4;
text-decoration: none;
}
.footer-studio a:hover {color: #fff;}
.footer-studio sup {
display: inline-block;
vertical-align: top;
margin: -4px 0 -4px;
font-size: 10px;
}
.footer-links {
display: flex;
}
.footer-links a {
margin: 0 22px 0 0;
color: #B4B4B4;
text-decoration: none;
}
.footer-links a:hover {color: #fff;} .banner-404 {
position: relative;
}
.banner-404::before {
z-index: 10;
content: '';
}
.banner-404 .holder {
z-index: 20;
position: static;
}
.banner-404 .banner-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 80px 0 0;
text-align: center;
background: rgba(255, 255, 255, 0.3);
-webkit-mask:
linear-gradient(#000 0 0),
linear-gradient(#000 0 0);
-webkit-mask-clip: text, padding-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
}
.banner-404-title {
margin: 0 0 44px;
font-size: 400px;
font-weight: 900;
line-height: 95%;
color: transparent;
text-transform: capitalize;
}
.banner-404-text {
margin: 0 0 40px;
font-size: 40px;
font-weight: 500;
line-height: 125%;
color: transparent;
} .popup {
display: none;
width: 666px;
border-radius: 12px;
border: 1px solid #F4F2F1;
}
.popup.fancybox-content {padding: 42px 115px 70px;}
.popup-title {
margin: 0 0 18px;
color: #000;
font-weight: 600;
font-size: 26px;
line-height: 36px;
text-align: center;
} @media screen and (max-width: 1640px) {
.banner-main h1 {
font-size: 72px;
}
.menu-left {
padding: 0 98px 0 0;
}
}
@media screen and (max-width: 1580px) {
.banner-content {
padding: 0 0 80px;
}
h1 {
font-size: 72px;
}
h2 {
font-size: 36px;
}
.policy {
padding: 0 0 40px;
}
.policy-top {
padding: 0 0 28px;
font-size: 21px;
}
.policy-top p {
margin: 0 0 28px;
}
.policy-item {
padding: 0 0 50px;
}
.policy h3 {
margin: 0 0 30px;
}
.signup-section {
padding: 100px 0;
}
.signup-title {
max-width: 550px;
font-size: 40px;
}
.footer-col {
margin: 0 40px 0 0;
}
.footer-contact-text {
margin: 0 50px 0 0;
font-size: 30px;
}
.footer-main {
padding: 72px 0 100px;
}
.footer-top {
margin: 0 0 80px;
}
.footer-title {
margin: 0 0 30px;
font-size: 20px;
}
.footer-studio {
margin: 0 90px 0 0;
}
.contact-section {
padding: 120px 0;
}
.adress-block {
max-width: 680px;
}
.career-block {
height: 680px;
}
.event-key-text {
width: 49%;
}
.article-wrap {
margin: -47px 0 120px;
}
.clients-block {
padding: 0 0 120px;
}
.clients-item {
height: 540px;
}
.data-text {
width: 25%;
}
.data-list {
width: 71%;
}
.market-content {
width: 60%;
}
.market-img {
width: 35%;
}
.market-img img {
height: 500px;
object-fit: cover;
}
.improve {
margin: 0 0 100px;
}
.improve-side {
padding: 55px 47px;
font-size: 20px;
line-height: 140%;
}
.improve-block {
margin: 0 -20px -20px 0;
}
.improve-item {
height: 220px;
font-size: 28px;
line-height: 125%;
}
.quality-col {
max-width: 360px;
}
.quality-col h3 {
margin: 0 0 26px;
font-size: 28px;
}
.international-block {
margin: 0 0 100px;
}
.world-info {
bottom: -5px;
}
.banner-button {
padding: 40px 0 0;
}
.box-text {
font-size: 21px;
line-height: 130%;
}
.scheme {
padding: 120px 0 160px;
}
.scheme-left-item {
font-size: 18px;
}
.scheme-right {
padding: 0 0 0 122px;
}
.scheme-right::before {
width: 84px;
}
.process-list {
margin: 0 -30px 0 0;
}
.process-item {
width: calc(20% - 30px);
margin: 0 30px 14px 0;
}
.process-item::before {
left: -27px;
width: 24px;
}
.process-bottom {
width: calc(60% - 30px);
}
.banner-content.banner-main {
padding: 250px 0 50px;
}
.banner-main h1 {
font-size: 68px;
}
.banner-box .banner-text {
margin: 0 0 50px;
font-size: 18px;
}
.banner-stat {
margin: 0 50px 0 0;
}
.banner-stat-num {
font-size: 36px;
line-height: 130%;
}
.banner-stat-num::before {
max-width: 140px;
}
.banner-stat-text {
font-size: 16px;
}
.button-link {
height: 88px;
font-size: 20px;
}
.main-promo {
height: 720px;
}
.main-promo-text {
margin: 0 0 40px;
font-size: 42px;
}
.main-group {
padding: 100px 0;
}
.main-news {
padding: 100px 0;
}
.main-events {
padding: 0 0 140px;
}
.main-info {
padding: 0 0 120px;
}
.events-slide .event-item {
width: 480px;
}
.events-slide .event-item-title {
max-width: none;
margin: 0 0 24px;
}
.events-slide .event-item-text {
max-width: none;
margin: 0 0 24px;
}
.events-slide .event-item-date {
position: relative;
top: auto;
right: auto;
text-align: left;
}
.events-slide .event-item .button-gold {
margin: 0;
}
.menu-left {
padding: 0 60px 0 0;
}
.menu-right {
padding: 0 0 0 60px;
}
.banner-404-title {
font-size: 320px;
}
.banner-404-text {
font-size: 36px;
}
.box {
border-width: 0.6px;
border-color: rgba(180, 180, 180, 0.75);
}
.box-angle {
border-width: 0.6px;
border-color: rgba(180, 180, 180, 0.75);
}
.box-angle-wrap::before {
border-width: 0.6px;
border-color: rgba(180, 180, 180, 0.75);
}
.box-angle-wrap::after {
border-width: 0.6px;
border-color: rgba(180, 180, 180, 0.75);
}
.box-more {
border-width: 0.6px;
border-color: rgba(180, 180, 180, 0.75);
}
.box:hover .box-more {
border-width: 0.6px;
}
.box-text {
transition: all 0.3s ease-out;
}
.box:hover .box-text {
transform: translateY(-35px);
}
}
@media screen and (max-width: 1480px) {
.news-col {
width: 33.33%;
}
}
@media screen and (max-width: 1300px) {
.header-nav li {
margin: 0 35px 0 0;
font-size: 14px;
}
.header-nav {
padding: 0 40px 0 0;
}
.header-button {
padding: 0 0 0 40px;
}
.button {
padding: 10px 30px 11px;
}
.footer-block {
flex-wrap: wrap;
}
.footer-main {
padding: 72px 0 50px;
}
.footer-col {
width: 33.33%;
margin: 0 0 50px;
}
.map-big {display: none;}
.map-lesser {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 40px;
}
.map-item {
position: relative;
width: calc(50% - 20px);
}
.map-item img {
display: block;
width: 100%;
border-radius: 10px;
}
.marker-1 {
top: 44.5%;
left: 45.8%;
right: auto;
}
.marker-2 {
top: 50.7%;
left: 33.6%;
right: auto;
}
.marker-3 {
top: 44.4%;
left: 67.6%;
right: auto;
}
.contact-form {
margin: 0;
}
.contact-form-block {
margin: 0 0 60px;
}
.contact-info {
flex-direction: column;
align-items: flex-start;
}
.contact-info-left {
margin: 0 0 50px;
}
.adress-block {
max-width: none;
}
.back {
margin: 0 0 60px;
}
.event-main {
flex-direction: column;
align-items: flex-start;
}
.event-content {
width: 100%;
padding: 0 0 50px;
}
.event-key {
width: 100%;
}
.speaker {
margin: 0 0 100px;
}
.speaker-photo {
width: 240px;
min-width: 240px;
margin: 0 20px 0 0;
}
.speaker-info {
padding: 40px;
}
.clients-col {
width: 33.33%;
}
.data-text {
width: 100%;
max-width: 640px;
padding: 0;
margin: 0 0 50px;
}
.data-list {
width: 100%;
}
.improve {
margin: 0 0 80px;
}
.improve-block {
flex-wrap: wrap;
margin: 0 0 -20px;
}
.improve-item {
width: calc(50% - 20px);
margin: 0 20px 20px 0;
}
.improve-side {
padding: 40px 30px;
font-size: 16px;
line-height: 150%;
}
.quality-block {
flex-wrap: wrap;
margin: 0 0 -40px;
}
.quality-col {
width: calc(50% - 25px);
max-width: 560px;
padding: 0 0 40px;
}
.world-map {
margin: 0 0 100px;
}
.world-info {
bottom: -100px;
max-width: 220px;
}
.advisory-side {
padding: 60px 50px;
}
.advisory-side-text {
margin: 0 auto 50px;
font-size: 20px;
line-height: 130%;
}
.newsletter-content {
width: 55%;
max-width: 550px;
}
.newsletter-img {
width: 40%;
}
.newsletter-img img {
height: 360px;
object-fit: cover;
}
.banner-left {
max-width: 560px;
width: 70%;
}
.banner-left h1 {
margin: 0 0 40px;
}
.banner-left .banner-text {
font-size: 18px;
line-height: 130%;
}
.banner-links li {
margin: 0 0 18px;
font-size: 16px;
line-height: 150%;
}
.box-col {
width: 33.33%;
}
.solution-text {
font-size: 18px;
line-height: 150%;
}
.stat {
margin: 60px 0 20px;
}
.scheme-mid-title {
font-size: 24px;
}
.scheme-right-block {
font-size: 24px;
}
.scheme-mid-list li {
font-size: 16px;
}
.scheme-right {
padding: 0 0 0 82px;
}
.scheme-right::before {
width: 44px;
}
.scheme-left-item {
height: 100px;
}
.process-block {
padding: 60px 40px 80px;
}
.process-block h2 {
margin: 0 0 40px;
}
.process-item-text {
font-size: 14px;
line-height: 130%;
}
}
@media screen and (max-width: 1024px) {
.header::before {display: none;}
.header-wrap {
border-bottom: 0;
background: linear-gradient(180deg, rgba(2, 2, 2, 0.60) 0%, rgba(2, 2, 2, 0.00) 100%);
}
.header.fixed .header-wrap {
background: #1E1E1E;
border-bottom: 1px solid #000;
}
.header.vis .header-wrap {
background: #1E1E1E;
border-bottom: 1px solid #000;
}
.header-block {
position: relative;
height: 51px;
}
.header-logo img {width: 153px;}
body.lock {overflow: hidden;}
.mob-nav-icon {display: block;}
.header-right {
position: fixed;
top: 51px;
left: -100%;
bottom: 0;
display: block;
width: 100%;
padding: 44px 0 39px;
z-index: 540;
overflow-y: auto;
box-sizing: border-box;
display: block;
background: #1E1E1E;
transition: all 0.5s ease;
}
.header-right.vis {
left: 0;
}
.header-right .holder {
flex-direction: column;
align-items: stretch;
justify-content: space-between;
height: 100%;
}
.header-button {
margin: auto 0 0;
padding: 0;
}
.header-nav {
flex-direction: column;
padding: 0 0 30px;
}
.header-nav::after {
display: none;
}
.header-nav li {
margin: 0;
font-size: 20px;
line-height: 120%;
}
.header-nav li:last-child {margin: 0;}
.header-nav a {
height: 48px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header-nav .active > a::after {
display: none;
}
.header-nav a::before {
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
content: '';
width: 8px;
height: 13px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/nav-next.svg) 50% 50% no-repeat;
}
.nav-parent > a::after {display: none;}
.menu {
position: fixed;
top: 51px;
left: -100%;
bottom: 0;
display: block;
width: 100%;
padding: 44px 0 39px;
z-index: 540;
overflow-y: auto;
box-sizing: border-box;
display: block;
background: #1E1E1E;
transition: all 0.5s ease;
}
.menu.vis {
left: 0;
}
.menu-block {
flex-direction: column-reverse;
transition: none;
}
.menu-left {
width: 100%;
padding: 0;
}
.menu-right {
width: 100%;
padding: 17px 0 44px;
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-title {
margin: 0 0 15px;
}
.menu-list-block {
display: block;
}
.menu-list-block .menu-list {
margin: 0;
}
.menu-list li {
margin: 0 0 10px;
font-size: 14px;
}
.menu-list-arrow a {
position: relative;
}
.menu-list-arrow a::after {
position: absolute;
top: 5px;
right: -22px;
content: '';
width: 11px;
height: 11px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/menu-arrow.svg) 50% 50% no-repeat;
}
.menu-info {
display: none;
}
.menu-back {
display: block;
position: relative;
padding: 0 0 0 28px;
margin: 0 0 12px;
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.menu-back::before {
position: absolute;
top: 50%;
left: 0;
margin-top: -6px;
content: '';
width: 8px;
height: 13px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/nav-next.svg) 50% 50% no-repeat;
transform: scale(-1, 1);
}
h1 {
font-size: 56px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 18px;
}
.policy-top {
padding: 0 0 24px;
font-size: 18px;
line-height: 140%;
}
.policy-top p {
margin: 0 0 24px;
}
.policy h3 {
margin: 0 0 20px;
}
.policy-item {
padding: 0 0 20px;
}
.signup {
height: 400px;
padding: 50px 50px 50px;
}
.signup-title {
max-width: 400px;
font-size: 30px;
}
.signup-form .button {
width: 200px;
}
.footer-main .holder {
position: relative;
padding-bottom: 80px;
}
.footer-contact {
position: absolute;
left: 60px;
bottom: 0;
}
.footer-main {
padding: 70px 0 50px;
}
.footer-logo img {
width: 320px;
}
.footer-top {
margin: 0 0 50px;
}
.footer-title {
margin: 0 0 20px;
}
.footer-bottom .holder {
flex-wrap: wrap;
}
.footer-copy {
width: 100%;
margin: 0 0 10px;
}
.footer-studio {
margin: 0 auto 0 0;
}
.signup-section {
padding: 80px 0;
}
.disclaimer {
margin: 0 0 100px;
font-size: 18px;
}
.career-text {
margin: 0 0 40px;
font-size: 16px;
}
.banner-min {
height: 51px;
min-height: 51px;
}
.news-col {
width: 50%;
}
.clients-col {
width: 50%;
}
.health-content-text {
font-size: 16px;
}
.health-box {
min-height: 380px;
padding: 40px;
font-size: 18px;
}
.focus-section {
padding: 100px 0;
}
.info-section {
padding: 100px 0 90px;
}
.info-block h3 {
margin: 0 0 40px;
}
.info-content {
width: 100%;
max-width: none;
margin: 0 0 50px;
}
.info-img {
width: 100%;
}
.info-text {
margin: 0 0 40px;
}
.data h2 {
margin: 0 0 40px;
}
.data-text {
margin: 0 0 40px;
}
.data-list {
flex-direction: column;
margin: 0;
}
.data-item {
width: calc(100% - 78px);
height: auto;
height: 209px;
padding: 15px 14px;
margin: 0 0 10px;
}
.data-item-title {
padding: 0 0 19px;
margin: 0 0 20px;
font-size: 28px;
line-height: 120%;
}
.data-item-text {
max-width: 480px;
}
.data-final {
width: 100%;
padding: 30px;
height: 175px;
font-size: 28px;
line-height: 120%;
align-items: flex-start;
}
.data-item::after {
left: auto;
bottom: auto;
top: 69px;
right: -42px;
content: '';
width: 31px;
height: calc(100% + 11px);
border: 1px solid #3D3D3D;
border-left: 0;
}
.data-final::after {
transform: rotate(90deg);
border: 0;
left: auto;
top: -6px;
right: 34px;
bottom: auto;
width: 6px;
height: 6px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/data-arrow.svg) 100% 0 no-repeat;
}
.world-text {
margin: 0 0 38px;
}
.world-map {
margin: 0;
}
.market-img img {
height: 400px;
}
.world-map-img {
position: relative;
min-height: 406px;
margin: 0 0 30px;
}
.world-map-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.world-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.world-list li {
position: relative;
width: calc(50% - 15px);
padding: 8px 0;
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.world-list li::after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
content: '';
height: 1px;
background: linear-gradient(90deg, rgba(180, 180, 180, 1) 0%, rgba(180, 180, 180, 0) 100%);
}
.world-info {
position: relative;
left: auto;
bottom: auto;
max-width: 640px;
}
.advisory-content {
width: 100%;
margin: 0 0 60px;
}
.advisory-side {
width: 100%;
}
.benefit {
margin: 0;
}
.sponsor-block h3 {
margin: 0 0 30px;
}
.benefit-item {
width: calc(33.33% - 20px);
}
.banner-block {
flex-direction: column;
align-items: flex-start;
margin: 0 0 -20px;
}
.banner-left {
max-width: none;
width: 100%;
}
.banner-left .banner-text {
margin: 0 0 50px;
}
.banner-links li {
margin: 0 0 10px;
}
.solution-section {
padding: 100px 0 85px;
}
.solution-block {
padding: 0 0 80px;
}
.solution-content {
width: 55%;
}
.solution-img {
width: 40%;
}
.solution-img img {
height: 360px;
object-fit: cover;
}
.stat-item {
width: calc(50% - 20px);
}
.scheme {
padding: 120px 0;
flex-wrap: wrap;
}
.scheme-left {
width: 60%;
}
.scheme-mid {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 268px;
padding: 30px;
font-size: 32px;
font-weight: 400;
line-height: 125%;
text-align: center;
text-transform: capitalize;
background: #E0C384;
border-radius: 10px;
}
.scheme-mid-title {
display: block;
height: auto;
padding: 0px 0 30px;
background: none;
border-radius: 0px;
}
.scheme-mid-list {
position: relative;
left: auto;
top: auto;
text-align: left;
}
.scheme-right {
width: 40%;
padding: 57px 0 0 ;
margin: -40px 0 0 auto;
}
.scheme-right::before {
top: 5px;
margin-top: -0px;
margin-left: -70px;
left: 50%;
width: 141px;
height: 38px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows4-mob.svg) 50% 50% no-repeat;
}
.scheme-right-block {
height: 240px;
}
.process-item {
width: calc(33.33% - 30px);
margin: 0 30px 14px 0;
}
.process-item:nth-child(4)::before {display: none;}
.process-bottom {
display: none;
}
.banner-content.banner-main {
padding: 200px 0 60px;
}
.banner-main h1 {
max-width: 600px;
margin: 0 0 30px;
font-size: 56px;
text-align: left;
}
.banner-box {
width: auto;
margin: 0;
}
.banner-box .banner-text {
max-width: 494px;
padding: 0;
}
.pair-button {
display: flex;
text-decoration: none;
}
.banner-bottom {
display: none;
}
.main-about {
padding: 90px 0 96px;
}
.main-about-stat {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0 0 60px;
}
.banner-stat {
width: 25%;
margin: 0;
}
.banner-stat-num::before {
background: #020202;
}
.banner-stat-num {
font-size: 30px;
}
.banner-stat-text {
max-width: 160px;
font-size: 14px;
}
.main-about-subtitle {
margin: 0 0 30px;
font-size: 20px;
}
.main-about-text {
font-size: 16px;
}
.button-link {
gap: 12px;
height: 72px;
font-size: 18px;
line-height: 130%;
border-radius: 20px;
}
.main-focus h2 {
margin: 0 0 40px;
}
.main-promo {
height: 560px;
}
.main-promo-logo {
margin: 0 80px 0 0;
}
.main-promo-text {
font-size: 32px;
}
.main-group-content {
width: 50%;
}
.main-group-img {
width: 45%;
}
.group-text {
font-size: 18px;
}
.main-group h2 {
margin: 0 0 40px;
}
.group-list {
margin: 0 0 50px;
}
.events-slide .event-item {
width: 380px;
padding: 30px;
}
.main-info-bold {
font-size: 18px;
}
.main-info-item {
width: 100%;
padding: 0 0 0 20px;
margin: 0 0 44px;
}
.main-info-img {
margin: 0;
}
.main-info-text {max-width: none;}
.contact-ty h3 {
margin: 0 0 15px;
font-size: 28px;
line-height: 120%; 
}
}
@media screen and (max-width: 1023px) {
.footer-contact {
left: 40px;
}
}
@media screen and (max-width:960px) {
.box-col {
width: 50%;
}
.scheme-mid {
height: 320px;
}
.scheme-right {
margin: -20px 0 0 auto;
}
.main-about-stat {
flex-wrap: wrap;
}
.banner-stat {
width: 50%;
margin: 0 0 30px;
}
}
@media screen and (max-width: 767px) {
.footer-col {
width: 50%;
}
.footer-contact-text {
margin: 0 30px 0 0;
font-size: 22px;
}
.signup-form .button {
position: relative;
width: 57px;
height: 57px;
padding: 0;
font-size: 0;
border-radius: 50%;;
}
.signup-form .button::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/button-arrow-mob.svg) 50% 50% no-repeat;
}
.contact-form-input > span {
width: 100%;
}
.adress-block {
flex-wrap: wrap;
margin: 0 0 -40px;
}
.adress-col {
width: 50%;
margin: 0 0 40px;
}
.speaker-info {
padding: 0;
border: 0;
border-radius: 0;
}
.speaker-photo {display: none;}
.speaker-photo-mob {
display: block;
margin: 0 0 30px;
}
.speaker-photo-mob img {
max-width: 100%;
border-radius: 10px;
}
.health-content {
width: 100%;
padding: 0 0 20px;
}
.health-box {
display: flex;
align-items: flex-end;
width: 100%;
padding: 30px;
}
.market-content {
width: 100%;
}
.market-img {
width: 100%;
margin: 0 0 30px;
}
.market-img img {
height: auto;
}
.market-text {display: none;}
.market-text-mob {
display: block;
}
.improve-content {
width: 100%;
margin: 0 0 40px;
}
.improve-side {
width: 100%;
}
.quality-block {
flex-wrap: wrap;
margin: 0 0 -35px;
}
.quality-col {
width: 100%;
max-width: none;
padding: 0 0 35px;
}
.international-block {
flex-wrap: wrap;
margin: 0;
padding: 0 0 90px;
}
.international-col {
width: 100%;
margin: 0 0 24px;
}
.newsletter-content {
width: 100%;
max-width: none;
}
.newsletter-img {
display: none;
}
.newsletter-img-mob {
display: block;
margin: 0 0 30px;
}
.newsletter-img-mob img {
width: 100%;
border-radius: 10px;
}
.newsletter-text {
margin: 0 0 45px;
}
.benefit-line {
justify-content: flex-start;
}
.benefit-item {
width: calc(50% - 20px);
}
.banner-block {
margin: 0 0 -70px;
}
.solution-content {
width: 100%;
}
.solution-img {
width: 100%;
margin: 0 0 30px;
}
.solution-img img {
height: auto;
}
.solution-text {
display: none;
}
.solution-text-mob {
display: block;
color: #696969;
font-size: 16px;
line-height: 130%;
}
.main-about-img {display: none;}
.main-about-content {
width: 100%;
max-width: none;
}
.main-about-mob {
display: block;
margin: 0 0 30px;
}
.main-about-mob img {
width: 100%;
border-radius: 10px;
}
.main-group-content {
width: 100%;
}
.main-group-mob {
display: block;
margin: 0 0 40px;
}
.main-group-mob img {
width: 100%;
max-width: 480px;
}
.main-group-img {display: none;}
.main-info-top h2 {
width: 100%;
margin: 0 0 20px;
}
.main-info-bold {
width: 100%;
}
.main-info-img {
width: 100%;
margin: 0 0 40px;
}
.main-info-content {
width: 100%;
}
.banner-404-title {
margin: 0 0 30px;
font-size: 240px;
}
.banner-404-text {
margin: 0 0 30px;
font-size: 30px;
}
.contact-ty h3 {
max-width: 200px;
}
.contact-ty p {
max-width: 200px;
}
.banner-left .banner-text {
padding: 0;
}
}
@media screen and (max-width: 576px) {
body {
font-size: 14px;
}
h1 {
font-size: 42px;
line-height: 112%;
}
h2 {
font-size: 32px;
line-height: 125%;
}
h3 {
font-size: 28px;
line-height: 120%;
}
h4 {
font-size: 20px;
line-height: 120%;
}
.banner-content {
padding: 0 0 107px;
}
.policy {
padding: 30px 0 20px;
}
.policy-top {
padding: 0 0 24px;
font-size: 16px;
line-height: 140%;
}
.policy-item {
padding: 0 0 8px;
}	
.policy h3 {
margin: 0 0 10px;
font-size: 20px;
}
strong {
font-size: 14px;
}
.signup-section {
padding: 62px 0 70px;
}
.signup {
height: 595px;
padding: 50px 14px 95px;
justify-content: flex-end;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/signup-bg-mob.jpg) 50% 50% no-repeat;
background-size: cover;
}
.signup-title {
max-width: none;
font-size: 28px;
margin: 0 0 34px;
}
.wpcf7-form-control-wrap input {
height: 51px;
padding: 0 26px;
font-size: 14px;
}
.signup-form .button {
width: 51px;
min-width: 51px;
height: 51px;
margin: 0 0 0 13px;
}
.footer-main {
padding: 38px 0 35px;
}
.footer-top {
margin: 0 0 37px;
}
.footer-logo img {
width: 232px;
}
.footer-block {
display: block;
columns: 2;
}
.footer-col {
width: 100%;
margin: 0 0 30px;
}
.footer-col:nth-child(3) {
margin: 0 0 30px;
}
.footer-title {
margin: 0 0 15px;
font-size: 14px;
}
.footer-nav li {
margin: 0 0 10px;
}
.footer-main .holder {
padding-bottom: 140px;
}
.footer-contact {
left: 16px;
display: block;
}
.footer-contact-text {
margin: 0 0 30px;
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.button {
min-width: 170px;
padding: 12px 40px;
font-size: 14px;
}
.footer-bottom {
padding: 20px 0 23px;
}
.footer-bottom .holder {
flex-direction: column-reverse;
}
.footer-links {
flex-direction: column;
}
.footer-links a, .footer-studio {
margin: 0 0 13px;
}
.footer-copy {margin: 0;}
.header-button .button {width: 100%;}
.disclaimer {
margin: 0 0 70px;
font-size: 14px;
}
.contact-section {
padding: 40px 0 90px;
}
.map-lesser {
flex-wrap: wrap;
margin: 0;
}
.map-item {
width: 100%;
margin: 0 0 13px;
}
.contact-form {
padding: 15px 16px 20px;
}
.contact-form-title {
margin: 0 0 38px;
font-weight: 400;
line-height: 150%;
}
.contact-form-input .wpcf7-form-control-wrap input {
height: 41px;
padding: 0 0 20px;
margin: 0 0 23px;
font-size: 14px;
border-bottom: 2px solid #fff;
}
.contact-form-button {
padding: 32px 0 0;
}
.contact-form-button .button {
width: 100%;
}
.contact-form-block {
margin: 0 0 87px;
}
.contact-info-left {
margin: 0 0 32px;
}
.contact-icon {margin: 0 0 12px;}
.contact-info-text {
margin: 0 0 12px;
font-size: 20px;
line-height: 150%;
}
.contact-info-mail {
font-weight: 400;
line-height: 150%;
}
.adress-block {
margin: 0 0 -30px;
}
.adress-col {
width: 100%;
margin: 0 0 30px;
}
.adress-title {
margin: 0 0 10px;
font-weight: 400;
line-height: 150%; 
}
.adress-list li {
margin: 0;
font-size: 16px;
line-height: 150%;
}
.career-block {
height: auto;
padding: 44px 0 60px;
}
.career-block h2 {
margin: 0 0 39px;
font-size: 42px;
}
.career-text {
max-width: 280px;
margin: 0 auto 42px;
line-height: 120%; 
}
.career-text a {
font-weight: 400;
}
.career-block .button {
background: #E0C384;
border: 1px solid #E0C384
}
.career-block .button:hover {
color: #E0C384;
}
.event {
margin: -30px 0 0;
}
.back {
margin: 0 0 40px;
}
.event-main {
margin: 0 0 46px;
}
.event h2 {
margin: 0 0 15px;
font-size: 28px;
line-height: 120%;
}
.event-content p {
margin: 0 0 54px;
}
.event-content {
padding: 0 0 60px;
}
.event-key {
width: auto;
display: block;
margin: 0 -16px;
padding: 57px 16px 78px;
border-radius: 0px;
}
.event-key-title {
width: auto;
margin: 0 0 23px;
font-size: 28px;
line-height: 120%;
}
.event-key-text {
width: auto;
margin: 0 0 42px;
}
.event-key-text li {
margin: 0 0 33px;
font-size: 16px;
line-height: 130%;
}
.event-key-bottom {
position: static;
width: auto;
}
.event-key-date {
margin: 0 0 43px;
font-size: 18px;
}
.event-key .button {
padding: 13px 34px;
}
.speaker-name {
margin: 0 0 14px;
font-size: 28px;
font-weight: 400;
line-height: 120%;
}
.speaker-status {
margin: 0 0 20px;
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.speaker-photo-mob {
margin: 0 0 34px;
}
.speaker-photo-mob img {width: 100%;}
.article-wrap {
margin: -30px 0 80px;
}
.article-top {
margin: 0 0 50px;
}
.article-top h2 {
margin: 0 0 23px;
font-size: 28px;
line-height: 120%;
}
.article-author {
margin: 0 0 30px;
font-size: 18px;
line-height: 120%;
}
.article-text.locked {
max-height: 305px;
}
.news-section {
padding: 40px 0 48px;
}
.tabs-block {
padding: 0 0 60px;
}
.tab-item {
margin: 0 9px 9px 0;
font-size: 14px;
}
.tab-select {
margin: 0 9px 9px 0;
}
.news-col {
width: 100%;
margin: 0 0 14px;
}
.news-item {
padding: 28px 24px 44px;
}
.news-title {
min-height: 1px;
margin: 0 0 20px;
}
.news-date {
margin: 0 0 10px;
font-size: 12px;
}
.event-item {
padding: 34px 20px 23px;
}
.event-item-title {
margin: 0 0 23px;
font-size: 20px;
line-height: 120%; 
}
.event-item-text {
max-width: 240px;
min-height: 140px;
margin: 0 0 20px;
}
.event-item-date {
font-size: 16px;
line-height: 150%; 
}
.event-item .button-gold {
padding: 16px 44px;
}
.clients-block {
margin: -62px -16px 62px;
padding: 40px 16px;
background: #F3F2EA;
}
.clients-col {
width: 100%;
}
.clients-item {
height: 430px;
}
.clients-item img {border-radius: 10px;}
.clients-content {
padding: 38px 24px 36px;
}
.clients-title {
max-width: 240px;
font-size: 28px;
line-height: 120%;
}
.focus-section {
padding: 90px 0 100px;
}
.health-content h2 {
margin: 0 0 20px;
}
.health-content-text {
font-size: 16px;
line-height: 130%;
}
.health-box {
min-height: 460px;
padding: 20px;
font-size: 20px;
line-height: 120%;
}
.info-section {
padding: 70px 0 78px;
}
.info-top {
padding: 0 0 25px;
margin: 0 0 55px;
}
.info-block h3 {
margin: 0 0 36px;
font-size: 32px;
}
.info-block h4 {
margin: 0 0 13px;
font-size: 24px;
}
.info-text {
margin: 0 0 30px;
font-size: 16px;
line-height: 150%;
}
.info-content {
margin: 0 0 80px;
}
.info-img-note {
padding: 11px 0 0;
font-size: 14px;
}
.data h2 {
margin: 0 0 30px;
}
.data-text {
margin: 0 0 35px;
font-size: 16px;
line-height: 130%;
}
.data-item-text {
max-width: 160px;
font-size: 12px;
line-height: 140%;
}
.market-content h2 {
margin: 0 0 25px;
}
.market-img {
margin: 0 0 25px;
}
.market-text-mob {
font-size: 16px;
line-height: 130%;
}
.improve {
margin: 0 0 90px;
}
.improve-content {
margin: 0 0 30px;
}
.improve-text {
font-size: 16px;
line-height: 130%;
}
.improve-side {
padding: 70px 20px;
font-size: 20px;
line-height: 120%;
}
.improve-block {
margin: 0 0 -10px;
}
.improve-item {
width: 100%;
margin: 0 0 10px;
padding: 20px;
height: 186px;
line-height: 120%;
align-items: flex-end;
}
.quality h2 {
margin: 0 0 40px;
}
.quality-col h3 {
margin: 0 0 20px;
font-size: 20px;
line-height: 120%;
}
.international h2 {
margin: 0 0 40px;
}
.world h2 {
margin: 0 0 20px;
}
.world-text {
margin: 0 0 40px;
font-size: 16px;
line-height: 130%;
}
.world-map-img {
padding: 0 16px;
margin: 0 -16px 20px;
}
.world-info h5 {
margin: 0 0 20px;
}
.advisory {
padding: 0 0 90px;
}
.advisory h2 {
margin: 0 0 30px;
}
.advisory-text {
font-size: 16px;
line-height: 130%;
}
.advisory-content {
margin: 0 0 90px;
}
.advisory-side {
padding: 70px 20px;
}
.advisory-side-text {
margin: 0 auto 50px;
font-size: 20px;
line-height: 120%;
}
.advisory-side-buttons {
flex-direction: column;
max-width: 170px;
margin: 0 auto;
}
.advisory-side-buttons .button {
width: 100%;
margin: 0 0 20px;
}
.newsletter h2 {
margin: 0 0 25px;
}
.newsletter-img-mob {
margin: 0 0 25px;
}
.newsletter-text {
margin: 0 0 55px;
font-size: 16px;
line-height: 130%; 
}
.sponsor h2 {
margin: 0 0 25px;
}
.sponsor-text {
margin: 0 0 70px;
color: #B4B4B4;
}
.benefit-line {
margin: 0;
}
.benefit-item {
width: 100%;
margin: 0 0 10px;
}
.benefit-text {
font-size: 18px;
font-weight: 600;
line-height: 120%;
}
.banner-button {
padding: 30px 0 0;
margin: 0 0 -75px;
}
.solution-section {
padding: 90px 0 100px;
}
.solution-content h2 {
margin: 0 0 20px;
}
.solution-img {
margin: 0 0 20px;
}
.box-col {
width: 100%;
margin: 0 0 10px;
}
.box {
height: 166px;
padding: 20px 14px 12px;
}
.box-text {
font-size: 20px;
line-height: 120%;
}
.banner-left h1 {
margin: 0 0 12px;
}
.banner-left .banner-text {
margin: 0 0 40px;
font-size: 16px;
line-height: 130%; 
}
.banner-links li {
margin: 0 0 8px;
font-size: 16px;
line-height: 130%;
}
.stat {
padding: 70px 16px 100px;
margin: 100px -16px -100px;
border-radius: 0px;
}
.stat h2 {
margin: 0 0 48px;
text-align: left;
}
.stat-block {
margin: 0;
}
.stat-item {
width: 100%;
margin: 0 0 10px;
padding: 20px;
}
.stat-num {
margin: 0;
font-size: 32px;
line-height: 28px;
}
.stat-item::before {
top: 20px;
right: 32px;
width: 6px;
height: 24px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/white-up-mob.svg) 50% 50% no-repeat;
}
.scheme {
padding: 80px 0 110px;
}
.scheme-left {
width: 100%;
padding: 0 120px 63px 0;
}
.scheme-left-item {
height: 107px;
padding: 20px;
margin: 0 0 10px;
font-size: 16px;
line-height: 130%;
}
.scheme-mid {
width: 100%;
height: 268px;
padding: 20px;
}
.scheme-mid-title {
font-size: 28px;
line-height: 120%;
}
.scheme-mid-list li {
margin: 0 0 8px;
font-size: 14px;
line-height: 150%;
}
.scheme-right {
width: 100%;
padding: 57px 0 0;
margin: 0;
}
.scheme-right-block {
height: 208px;
font-size: 28px;
}
.scheme-right::before {
top: 10px;
}
.scheme-left-item::before {
position: absolute;
content: '';
left: auto;
}
.scheme-left-item:nth-child(1)::before {
bottom: auto;
top: 34px;
right: -84px;
width: 73px;
height: 359px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows1-mob.svg) 50% 50% no-repeat;
}
.scheme-left-item:nth-child(2)::before {
top: 61px;
right: -52px;
width: 41px;
height: 239px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows2-mob.svg) 50% 50% no-repeat;
}
.scheme-left-item:nth-child(3)::before {
top: auto;
bottom: -55px;
right: auto;
left: 50%;
margin-left: -24px;
width: 48px;
height: 46px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/arrows3-mob.svg) 50% 50% no-repeat;
}
.process h2 {
margin: 0 0 25px;
}
.process-text {
margin: 0 0 67px;
font-size: 24px;
}
.process-block {
padding: 70px 24px;
margin: 0 -16px -100px;
}
.process h2 {
margin: 0 0 30px;
text-align: left;
}
.process-list {
position: relative;
margin: 0;
padding: 0 41px 0 0;
}
.process-item {
width: 100%;
margin: 0 0 57px;
height: 186px;
padding: 19px;
}
.process-item-text {
font-size: 14px;
line-height: 150%;
}
.process-item::before {
top: -48px;
left: 50%;
margin-top: 0;
margin-left: -6px;
width: 12px;
height: 38px;
background: url(//www.marwoodgroup.com/wp-content/themes/marwood-group/images/process-arrow1-mob.svg) 100% 0 no-repeat;
}
.process-item:nth-child(4)::before {display: block;}
.process-bottom {
position: absolute;
top: 339px;
right: 0;
display: flex;
align-items: center;
width: 37px;
height: 728px;
margin-left: 0;
border-left: 0;
border-top: 1px solid #B4B4B4;
}
.process-bottom-text {
transform: rotate(-90deg);
margin: 0;
padding: 0;
font-size: 20px;
line-height: 120%;
background: none;
white-space: nowrap;
}
.banner-main h1 {
margin: 0 0 12px;
font-size: 42px;
}
.banner-box .banner-text {
margin: 0 0 45px;
font-size: 16px;
line-height: 130%;
}
.pair-button-main {
padding: 11px 51px;
margin: 0 10px 0 0;
font-size: 14px;
line-height: 150%;
}
.pair-button-round {
width: 45px;
height: 45px;
}
.main-about-stat {
justify-content: space-between;
}
.banner-stat {
width: calc(50% - 10px);
}
.banner-stat:nth-child(3) {
margin-left: 0;
}
.banner-stat-num {
font-size: 32px;
}
.main-about h2 {
margin: 0 0 15px;
}
.main-about-subtitle {
margin: 0 0 20px;
}
.main-about-mob {
margin: 0 0 20px;
}
.button-links {
display: block;
padding: 30px 0 0;
}
.button-link {
margin: 0 0 12px;
gap: 10px;
height: 50px;
font-size: 14px;
line-height: 150%;
border-radius: 10px;
}
.button-link img {
width: 10px;
}
.main-about {
padding: 90px 0 110px;
}
.main-focus h2 {
margin: 0 0 30px;
}
.main-promo {
height: auto;
padding: 90px 0 70px;
background-size: 960px auto;
}
.main-promo-block {display: block;}
.main-promo-logo {
width: 64px;
min-width: 64px;
margin: 0 0 60px;
}
.main-promo-text {
margin: 0 0 50px;
font-size: 28px;
}
.main-group {
padding: 70px 0;
}
.main-group h2 {
margin: 0 0 25px;
}
.main-group h2 br {display: none;}
.main-group-mob {
margin: 0 0 35px;
}
.group-list {margin: 0 0 58px;}
.group-item {
padding: 16px 0;
}
.group-dot {
display: flex;
width: 32px;
margin: 0 24px 0 0;
}
.group-dot span {
width: 8px;
height: 8px;
}
.group-text {
font-size: 20px;
line-height: 120%;
}
.main-news {
padding: 70px 0;
}
.main-news h2 {
margin: 0 0 25px;
}
.main-news .news-col {
margin: 0 0 10px;
}
.main-events {
padding: 48px 0 110px;
}
.main-events-top {
padding: 0 0 20px;
}
.events-arrows {display: none;}
.events-slider {
padding: 0 0 37px;
}
.events-slide .event-item {
width: 296px;
min-height: 370px;
margin: 0 10px 0 0;
padding: 80px 20px 20px;
}
.events-slide .event-item-title {
margin: 0 0 10px;
}
.events-slide .event-item-text {
margin: 0 0 20px;
}
.events-slide .event-item-date {
position: absolute;
top: 20px;
left: 20px;
font-size: 14px;
}
.event-item .button-gold {
padding: 13px 40px;
}
.main-info {
padding: 0 0 90px;
}
.main-info-top {
margin: 0 0 45px;
}
.main-info-top h2 {
margin: 0 0 10px;
}
.main-info-bold {
font-size: 20px;
}
.main-info-img {
margin: 0 0 35px;
}
.main-info-content {
margin: 0 0 -35px;
}
.main-info-item h4 {
margin: 0 0 12px;
}
.main-info-item {
margin: 0 0 35px;
}
.banner-404-title {
margin: auto 0 20px;
font-size: 156px;
line-height: 80%;
}
.banner-404-text {
max-width: 280px;
margin: 0 auto auto;
font-size: 20px;
line-height: 120%;
}
.banner-404 {
align-items: stretch;
}
.banner-404 .holder {
height: 100vh;
}
.banner-404 .banner-content {
display: flex;
flex-direction: column;
align-items: center;
height: 100vh;
padding: 90px 0;
text-align: center;
}
.banner {
min-height: 1px;
height: 100dvh;
}
.banner-content.banner-main {
padding: 100px 0 60px;
}
}
@media screen and (max-width: 374px) {
}.adress-list li a {
text-decoration:none;
color:#FFF;
}
.header-nav li.current-menu-item > a::after {
position: absolute;
left: 0;
right: 0;
bottom: -1px;
content: '';
height: 3px;
background: #E0C384;
} .signup .wpcf7-form-control-wrap {
position:relative;
}
.signup .wpcf7-not-valid-tip {
position:absolute;
left:0px;
bottom:-30px;
}
.contact-form-wrap .wpcf7 {
margin: 0 0 150px;
}
.hide345 { opacity:0; }
@media screen and (max-width: 1300px) {
.contact-form-wrap .wpcf7 {
margin: 0 0 60px;
}
}
.events-slider .slick-track {
display:flex!important;
}
.events-slider .slick-track .events-slide {
height:inherit!important;
}
.contact-info-left {
opacity:0;
}
@media screen and (max-width: 1300px) {
.contact-info-left {
display:none!important;
}
}
.menu-info {
display:none!important;
}
@media screen and (max-width: 700px) { 
.banner-text br {
display:none;
}
.article-text div {
width:100%!important;
max-width:100%!important;
}
.article-text img {
width:100%!important;
height:auto!important;
border:none;
vertical-align:bottom;
}
} .signup_btn a {
padding: 10px 100px 11px;
color: #000;
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
text-decoration: none;
cursor: pointer;
background: #fff;
border: 1px solid #fff;
border-radius: 200px;
transition: all .3s linear;
}
.signup_btn a:hover {
color: #fff;
background: transparent;
}
.signup {
flex-direction:row;
height: 350px;
align-items: center;
}
.signup_btn {
width: 40%;
padding:20px;
}
@media(max-width:450px) {
.signup {
flex-direction:column;
justify-content: center;
height: 400px;
}
.signup_btn {
width: 100%;
padding:unset;
padding-top:50px;
}
} .header-button {
display: flex;
}
.header-searchbar {
width: 180px;
padding-left: 20px;
}
#mobile-search {
display:none;
}
@media(max-width:786px){
#mobile-search {
display:block;
width:100%;
}
.header-searchbar{
padding-left:unset;
}
#desktop-search {
display:none;
}
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
border-color: #e0c384 !important;
background-color: #ffffff !important;
border:none !important;
}
div.asl_w .probox .promagnifier {
box-shadow:none !important;
}
div.asl_w .probox .promagnifier .innericon svg {
fill: #e0c384 !important;
}
.searchClosed {
width: 65px !important;
height: 47px !important;
}
#desktop-search {
transition: width .09s;
}
.searchClosed div.asl_m .probox {
justify-content: end;
} @media(max-width:768px){
.banner {
min-height: 80vh ;
}
.signup_btn a{
padding: 10px 70px 11px	;
}	
}	
@media(max-width:576px){
.banner {
height: 75dvh;
}
.advisory {
padding: 0px 0 50px !important;
}
.focus-section {
padding: 90px 0 40px !important;
}	
.signup-section{
padding: 50px 0 70px !important;	
}
.banner-min {
height: 12dvh !important;
min-height: 12dvh !important;
}	
}
a.news-link {
color:unset;
text-decoration:none;
} p.subs-upper {
display:flex;
justify-content:space-between;
}
p.subs-upper span:first-child{
padding-right:5px;
}
p.subs-upper span:last-child{
padding-left:5px;
}
p.subscribe-form ,p{
margin:0 !important;
}
.wpcf7-form-control-wrap input{
display: block;
width: 100%;
height: 57px;
padding: 0 39px;
margin: 0 0 20px;
font-size: 16px;
color: #fff;
background: #191509;
background: linear-gradient(#191509, #191509) padding-box,
linear-gradient(to right, #a59d8a, #231d11) border-box;
border-radius: 12px;
border: 2px solid transparent;
transition: all 0.3s linear;
}
p.contact-form-button {
display:flex;
flex-direction:column;
position:relative;
}
.subscribe-form p.contact-form-button button.button.wpcf7-submit{
position: absolute;
right:0px;
padding: 10px 44px 11px;
color: #000;
font-weight: 400;
font-size: 16px;
height: 57px;
text-align: center;
text-decoration: none;
cursor: pointer;
color:#fff;
border:2px solid transparent;
border-left:0;
background: linear-gradient(to right, #191509,#a59d8a) padding-box,
linear-gradient(to right, #484133, #231d11) border-box;
border-radius: 0px 10px 10px 0px;
transition: all .3s linear;
}
.subscribe-form .contact-form-button .button {
min-width: 100px;
} @media(max-width:820px){
.signup {
flex-direction: column;
height: 100%;
align-items: start;
}
.signup_btn {
width: 100%;
padding: 0px;
}
.subscribe-form p.contact-form-button button.button.wpcf7-submit{
right:0px;
}
.subscribe-form .contact-form-button .button {
min-width: 186px;
} @media (max-width: 450px) {
.signup {
flex-direction: column;
justify-content: center;
height: 100%;
}
p.subs-upper {
display: flex;
justify-content: space-between;
flex-direction:column;
}
p.contact-form-button{
display:inline-block;
}
.subscribe-form p.contact-form-button button.button.wpcf7-submit{
position:relative;
right:0;
border-left: unset;
border-radius: 10px 10px 10px 10px;
}
.contact-form-button {
padding: 5px 0 0;
}
p.subs-upper span:first-child{
padding-right:0px;
}
p.subs-upper span:last-child{
padding-left:0px;
}
}