html,
body {
overflow: visible;
}
html {
box-sizing: border-box;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
html ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
html ::-webkit-scrollbar-button {
display: none;
}
html ::-webkit-scrollbar-track-piece {
background-color: #787878;
}
html ::-webkit-scrollbar-thumb {
background-color: #ffb74d;
border-radius: none;
}
html ::-webkit-scrollbar-corner {
background-color: #999;
}
html ::-webkit-resizer {
background-color: #666;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-webkit-locale: auto;
white-space: normal;
display: flex;
flex-direction: column;
min-width: 320px;
min-height: 100vh;
margin: 0;
padding: 0;
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
line-height: 1.7;
color: #787878;
font-weight: 400;
-webkit-locale: auto;
white-space: normal;
}
.page-template-template-elementor-parallax {
overflow: hidden;
}
main {
position: relative;
z-index: 1;
flex-grow: 1;
border-bottom: solid 1px transparent;
background-color: #ffffff;
}
a {
color: #000;
text-decoration: none;
transition: color 0.3s ease 0s;
}
a:hover,
a:focus {
color: #ffb74d;
text-decoration: none;
}
img,
iframe,
figure {
margin: 0;
max-width: 100%;
}
img.alignright,
.alignright {
float: right;
margin: 0 0 10px 20px;
}
img.alignleft,
.alignleft {
float: left;
margin: 0 20px 10px 0;
}
img.aligncenter,
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img .alignnone,
.alignnone {
float: none;
}
pre, code {
margin: 1rem 0;
position: relative;
overflow: auto;
color: #e83e8c;
font-style: italic;
}
pre code {
margin: 0;
}
@keyframes text-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes link-arrow-hover {
0% {
transform: translateX(0);
}
50% {
transform: translateX(3px);
}
100% {
transform: translateX(0);
}
}
.label-subs {
position: relative;
}
.label-subs>button[type="submit"] {
width: auto;
padding: 0;
position: absolute;
left: 50%;
bottom: -30px;
transform: translateX(-50%);
font-size: 16px;
font-weight: 600;
letter-spacing: 1.2px;
text-transform: uppercase;
cursor: pointer;
border: none;
background-color: #ffffff;
transition: color 0.3s ease;
}
@media (min-width: 576px) {
.label-subs>button[type="submit"] {
left: unset;
bottom: unset;
right: 0;
top: 17px;
transform: none;
}
}
.label-subs label {
width: 100%;
display: block;
position: relative;
padding: 15px 25px 15px 45px;
border-bottom: 1px solid #000000;
box-sizing: border-box;
}
@media (min-width: 576px) {
.label-subs label {
padding: 15px 100px 15px 45px;
}
}
.label-subs label::before {
content: "";
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M58.7 10.7H5.3C2.4 10.7 0 13.1 0 16v32c0 2.9 2.4 5.3 5.3 5.3h53.3c2.9 0 5.3-2.4 5.3-5.3V16c.1-2.9-2.3-5.3-5.2-5.3zm0 35.7L40.5 29.3l18.1-10.9v28zM28.3 32.3c1.1.8 2.4 1.1 3.7 1.1 1.3 0 2.7-.3 3.7-1.1L52.5 48H10.7l17.1-16 .5.3zm24-16.3L33.1 27.7c-.5.3-1.3.3-1.9 0L11.7 16h40.6zM23.2 29.1L5.3 45.9V18.4l17.9 10.7z'/%3e%3c/svg%3e ");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 24px auto;
}
.label-subs label input {
width: 100%;
padding: 0;
}
.label-subs label input::placeholder {
opacity: 0.5;
color: #000000;
}
.label-subs label input:focus::placeholder {
opacity: 0;
}
.custom-input {
width: 100%;
height: 46px;
padding: 16px 20px;
border: 1px solid #d4d4d4;
background-color: #ffffff;
box-sizing: border-box;
transition: border-color 0.3s ease;
}
.custom-input::placeholder {
font-size: 16px;
opacity: 0.5;
}
.custom-input:focus {
border-color: #000000;
}
.custom-input:focus::placeholder {
opacity: 0;
}
input[type="search"],
.wp-block-search .wp-block-search__input {
width: 100%;
padding: 16px 50px 16px 25px;
border: 1px solid #c9c9c9;
background: #ffffff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ") no-repeat calc(100% - 20px) center;
background-size: 13px;
box-sizing: border-box;
outline: none;
transition: border-color 0.3s ease;
}
input[type="search"]:hover,
input[type="search"]:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus {
border-color: #000000;
}
input[type="search"]::placeholder,
.wp-block-search .wp-block-search__input:placeholder,
.wp-block-search .wp-block-search__input:placeholder {
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
color: #767676;
opacity: 1;
}
input[type="search"]:focus::placeholder {
opacity: 0;
}
textarea.custom-input {
height: 150px;
resize: none;
}
.slide-counter {
font-size: 24px;
line-height: 24px;
}
@media (min-width: 992px) {
.slide-counter {
font-size: 30px;
line-height: 30px;
}
}
.arrow-square {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #ffffff;
border: 1px solid #ffffff;
position: absolute;
z-index: 1;
outline: none;
padding: 0;
transition: all 0.3s ease;
}
@media (min-width: 1200px) {
.arrow-square {
width: 60px;
height: 60px;
}
}
@media (min-width: 992px) {
.arrow-square:hover {
background-color: transparent;
}
.arrow-square:hover svg {
fill: #ffffff;
}
}
.arrow-square svg {
width: 50%;
height: 50%;
fill: #000000;
transition: fill 0.3s ease;
}
.arrow-square--prev svg {
transform: rotate(180deg);
}
#pp-nav {
right: 64px !important;
top: 47%;
}
@media (min-width: 1560px) {
#pp-nav {
display: block;
}
}
#pp-nav {
z-index: 2;
}
#pp-nav ul li {
width: 11px;
height: 11px;
margin: 0;
}
#pp-nav ul li:hover a span {
margin: 0;
background-color: #fcd54c;
}
#pp-nav ul li+li {
margin-top: 23px;
}
#pp-nav ul li a span {
width: 11px;
height: 11px;
background-color: #ffffff;
left: unset;
right: 0;
border: none;
transition: background-color 0.3s ease;
}
#pp-nav ul li a.active span {
background-color: #fcd54c;
transition: background-color 0.3s ease;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
} @font-face {
font-family: "Gilroy";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-bold.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-regular.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-regularitalic.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-regularitalic.woff) format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Swansea";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/swansea.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/swansea.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Swansea";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/swansea-bold.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/swansea-bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-semibold.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-semibolditalic.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/gilroy-semibolditalic.woff) format("woff");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-regular.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-medium.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-semibold.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-bold.woff2) format("woff2"), url(//absolutewindowz.com/wp-content/themes/larson/assets/fonts/poppins-bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
} .visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.relative {
position: relative;
}
.d-none {
display: none !important;
}
.overflow-hidden {
overflow: hidden;
}
.d-flex {
display: flex;
}
@media (min-width: 992px) {
.lg-d-flex {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media (max-width: 991px) {
.bg-dark {
background-color: rgba(0, 0, 0, 0.6) !important;
}
}
@media (max-width: 991px) {
.bg-light {
background-color: rgba(255, 255, 255, 0.6) !important;
}
}
.field-error {
font-size: 16px;
line-height: 20px;
margin-bottom: 15px;
margin-top: 5px;
}
.grid-wrapper {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.grid-wrapper {
margin: 0 -10px;
}
}
@media (min-width: 1200px) {
.grid-wrapper {
margin: 0 -25px;
}
}
.color-yellow {
color: #ffb74d;
} .swiper-pagination {
position: static;
margin-top: 32px;
}
@media (min-width: 576px) {
.swiper-pagination {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.swiper-pagination {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.swiper-pagination {
margin-top: 80px;
}
}
@media (min-width: 1200px) {
.swiper-pagination {
margin-top: 100px;
}
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
height: 4px;
width: 100%;
background-color: transparent;
}
.swiper-pagination-bullets {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #c4c4c4;
margin: 0 4px !important;
opacity: 1;
}
@media (min-width: 768px) {
.swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 8px !important;
}
}
.swiper-pagination-bullet-active {
background-color: #ffb74d;
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
outline: none;
} .btn {
display: inline-block;
vertical-align: top;
padding: 17px 20px;
font-size: 16px;
line-height: 1;
color: #000000;
text-transform: uppercase;
text-align: center;
font-weight: 500;
border: solid 1px #ffb74d;
background-color: #ffb74d;
cursor: pointer;
transition: background-color 0.3s ease;
letter-spacing: 1px;
}
@media (min-width: 768px) {
.btn {
padding: 17px 44px;
}
}
.btn:hover,
.btn:focus {
outline: none;
background-color: #eeba04;
color: #000000;
box-shadow: none;
}
.btn:active {
opacity: 0.7;
box-shadow: none;
}
.btn--outline {
background-color: transparent;
color: #ffb74d;
border-color: #ffb74d;
transition: background-color 0.3s ease, color 0.3s ease;
}
.btn--outline:hover,
.btn--outline:focus {
outline: none;
background-color: #ffb74d;
color: #ffffff;
} .field {
position: relative;
display: block;
width: 100%;
cursor: text;
}
.field input[type="text"],
.field input[type="number"],
.field input[type="tel"],
.field input[type="email"],
.field input[type="phone"],
.field input[type="address"],
.field input[type="password"],
.field textarea {
display: block;
width: 100%;
padding: 15px 16px;
border: solid 1px #c9c9c9;
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
color: #787878;
transition: border-color 0.3s ease;
}
.field input::placeholder,
.field textarea::placeholder {
font-size: 16px;
line-height: 1;
color: #787878;
opacity: 1;
}
.field input:focus,
.field textarea:focus {
outline: none;
border-color: #000000;
color: #000000;
}
@media (min-width: 992px) {
.field input:hover,
.field input:focus,
.field textarea:hover,
.field textarea:focus {
border-color: #000000;
}
}
.field textarea {
resize: none;
height: 150px;
padding: 24px;
}
@media (min-width: 1200px) {
.field textarea {
height: 174px;
}
} .heading, .m-title {
margin: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 32px;
line-height: 1.25;
color: #000000;
font-weight: 700;
}
@media (min-width: 768px) {
.heading, .m-title {
font-size: 40px;
}
}
@media (min-width: 1200px) {
.heading, .m-title {
font-size: 48px;
}
}
.heading--upper {
text-transform: uppercase;
}
@media (min-width: 768px) {
.heading--size-large {
font-size: 48px;
}
}
@media (min-width: 1200px) {
.heading--size-large {
font-size: 70px;
}
}
.heading-small {
font-size: 14px;
line-height: 1.5;
color: #ffb74d;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
} .menu-toggle {
position: relative;
display: block;
width: 25px;
height: 12px;
padding: 0;
border: none;
background-color: transparent;
appearance: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.menu-toggle--white::before,
.menu-toggle--white::after {
border-top: solid 3px #ffffff;
}
.menu-toggle--opened::before {
transform: translateY(2px);
}
.menu-toggle--opened::after {
transform: translateY(-2px);
}
.menu-toggle::before,
.menu-toggle::after {
content: "";
position: absolute;
left: 0;
width: 100%;
border-top: solid 3px #000000;
transition: border-top-color 0.3s ease, transform 0.3s ease;
}
.menu-toggle::before {
top: 0;
}
.menu-toggle::after {
bottom: 0;
}
.menu-toggle--white::before,
.menu-toggle--white::after {
border-top: solid 3px #ffffff;
}
.menu-toggle:hover,
.menu-toggle:focus {
outline: none;
}
.menu-toggle:hover::before,
.menu-toggle:hover::after,
.menu-toggle:focus::before,
.menu-toggle:focus::after {
border-top-color: #ffb74d;
} .navigation__dropdown {
display: none;
}
.sub-menu.navigation__dropdown {
list-style: none;
}
.navigation__item .dropdown-toggle i {
display: none!important;
}
.dropdownnavigation__item i.icon {
position: absolute;
display: block;
}
.dropdownnavigation__item i.icon {
top: 0;
right: 0;
width: 24px;
height: 24px;
}
.dropdownnavigation__item i.icon.opened:before {
transform: rotate(-90deg);
}
.dropdownnavigation__item i.icon:before {
content: '\f054';
position: relative;
font-family: 'Font Awesome 5 Free';
display: inline-block;
position: relative;
top: -1px;
margin-left: 5px;
font-weight: 900;
font-size: 14px;
font-style: normal;
transform: rotate(90deg);
color: #000000;
font-size: 18px;
}
@media (min-width: 992px) {
.navigation__dropdown {
position: absolute;
z-index: 1;
left: -30px;
bottom: -40px;
transform: translateY(100%);
display: block;
min-width: 340px;
padding: 50px;
background-color: #ffffff;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.navigation__dropdown:hover {
opacity: 1;
pointer-events: auto;
}
.sub-menu.navigation__dropdown {
box-shadow: 0 60px 90px rgba(0,0,0,0.05);
}
.dropdownnavigation__item i.icon:before {
font-size: 10px;
}
.dropdownnavigation__item i.icon {
position: relative;
display: inline-block;
pointer-events: none;
}
}
@media (min-width: 992px) {
.navigation__dropdown-wrapper {
display: flex;
}
}
.navigation__dropdown li {
margin-bottom: 15px;
margin-top: 16px;
line-height: 1 !important;
}
.navigation__dropdown li:first-child {
margin-top: 0;
}
@media (min-width: 992px) {
.navigation__dropdown li {
margin-top: 8px;
margin-bottom: 0;
}
}
.navigation__dropdown .current-menu-itemnavigation__item a {
color: #ffb74d !important;
font-weight: 400;
}
.navigation__dropdown li a {
font-size: 14px;
line-height: 1;
color: #000000;
letter-spacing: 0.015em;
transition: color 0.3s ease;
text-transform: none;
font-weight: 400;
display: block;
}
@media (min-width: 992px) {
.navigation__dropdown li a {
line-height: 1.875;
}
}
.navigation__dropdown li a:hover,
.navigation__dropdown li a:focus {
outline: none;
color: #ffb74d;
}
.navigation__list {
list-style: none;
padding: 0;
margin: 0;
}
@media (min-width: 992px) {
.navigation__list {
display: flex;
flex-wrap: wrap;
}
}
.navigation__item {
position: relative;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.navigation__item {
margin-bottom: 24px;
}
}
@media (min-width: 768px) and (min-height: 610px) {
.navigation__item {
margin-bottom: 32px;
}
}
@media (min-width: 992px) {
.navigation__item {
margin-right: 40px;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.navigation__item {
margin-right: 56px;
}
.navigation__dropdown .navigation__item {
margin-right: 0;
}
}
.navigation__item:last-child {
margin-bottom: 0;
margin-right: 0;
}
.navigation__item--current .navigation__link {
color: #ffb74d;
}
.navigation__link {
font-size: 24px;
line-height: 1;
color: #000000;
font-weight: 600;
transition: color 0.3s ease;
}
@media (min-width: 768px) {
.navigation__link {
font-size: 36px;
}
}
@media (min-width: 992px) {
.navigation__link {
font-size: 14px;
line-height: 1.21;
text-transform: uppercase;
}
}
.navigation__link:hover,
.navigation__link:focus {
outline: none;
color: #ffb74d;
position: relative;
}
@media (min-width: 992px) {
.navigation__link:hover::after,
.navigation__link:focus::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
transform: translateY(100%);
width: 100%;
height: 70px;
}
.navigation__link:hover+.navigation__dropdown,
.navigation__link:focus+.navigation__dropdown {
opacity: 1;
pointer-events: auto;
}
}
.navigation__link:active {
opacity: 0.7;
}
.navigation__dropdown .navigation__dropdown {
position: relative;
transform: translate(0);
box-shadow: none;
padding: 0 0 0 10px;
left: 0;
top: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
opacity: 0;
}
.navigation__dropdown li:hover .navigation__dropdown {
padding: 10px 0 5px 10px;
opacity: 1;
pointer-events: auto;
max-height: 1000px;
}
.navigation__dropdown .navigation__dropdown li a {
padding-left: 15px;
position: relative;
color: #666;
}
.navigation__dropdown .navigation__dropdown li a:hover {
color: #ffb74d;
}
.navigation__dropdown .navigation__dropdown li a:before {
content: '';
position: absolute;
left: 0;
top: 13px;
width: 8px;
height: 1px;
background: #cecece;
}
.navigation__dropdown li a:hover:before, .navigation__dropdown li a:focus:before {
background-color: #ffb74d;
} .logo {
position: relative;
z-index: 0;
overflow: hidden;
display: inline-block;
vertical-align: top;
padding: 7px 0 11px 15px;
}
.logo::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
border: solid 2px #ffb74d;
border-right: none;
}
.logo::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 40px;
height: 100%;
background-color: #ffb74d;
transform: translateX(-100%);
transition: transform 0.3s ease;
}
.logo--borderless {
padding: 0;
}
.logo--borderless::before,
.logo--borderless::after {
display: none;
}
.logo--white .logo__large,
.logo--white .logo__small {
color: #ffffff;
opacity: 1;
}
@media (min-width: 768px) {
.logo--large {
padding: 32px 0 42px 40px;
}
.logo--large::before,
.logo--large::after {
width: 88px;
border-width: 4px;
}
.logo--large .logo__large {
font-size: 70px;
line-height: 1.28;
}
.logo--large .logo__small {
font-size: 19px;
line-height: 1.16;
}
}
.logo__large {
display: block;
font-size: 28px;
line-height: 1.21;
color: #000000;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
}
.logo__small {
display: block;
font-size: 11px;
line-height: 1.18;
color: #000000;
opacity: 0.6;
}
.logo[href]:hover,
.logo[href]:focus {
outline: none;
}
.logo[href]:hover::after,
.logo[href]:focus::after {
transform: translateX(0);
} .social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.social--contact .social__link {
color: #929292;
}
.social--white .social__link {
color: #ffffff;
}
.social__item+.social__item {
margin-left: 28px;
}
.social__link {
display: flex;
width: 17px;
height: 17px;
justify-content: center;
font-size: 16px;
color: #000;
transition: color 0.3s ease;
}
.social--contact .social__link .fa, 
.social--contact .social__link .fas, 
.social--contact .social__link .fab, 
.social--contact .social__link .far {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
color: #000;
}
.social__link .e-font-icon-svg {
fill: #000;
}
.social--white .social__link .e-font-icon-svg {
fill: #fff;
}
@media (min-width: 992px) {
.social__link:hover,
.social__link:focus {
outline: none;
}
.social__link:hover,
.social__link:focus {
color: #ffb74d;
}
.social__link:hover .e-font-icon-svg,
.social--white .social__link:hover .e-font-icon-svg {
fill: #ffb74d;
}
}
.social__link:active {
opacity: 0.7;
} .more {
display: flex;
align-items: center;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 16px;
line-height: 1.3125;
color: #a1a1a1;
font-weight: 600;
transition: color 0.3s ease;
}
.more svg {
margin-left: 16px;
fill: #a1a1a1;
transition: fill 0.3s ease;
}
.more:hover,
.more:focus {
outline: none;
color: #000000;
}
.more:hover svg,
.more:focus svg {
fill: #000000;
}
.more:active {
opacity: 0.7;
} .play-btn {
position: relative;
display: inline-block;
vertical-align: top;
width: 79px;
height: 79px;
border-radius: 50%;
background-color: #ffb74d;
cursor: pointer;
transition: background-color 0.3s ease;
}
.play-btn:hover,
.play-btn:focus {
outline: none;
background-color: #eeba04;
}
.play-btn__icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin-left: 2px;
} .filter__item {
margin-right: 20px;
padding: 0;
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
line-height: 1.3125;
color: #000000;
font-weight: 600;
text-transform: capitalize;
background-color: transparent;
border: none;
appearance: none;
cursor: pointer;
transition: color 0.3s ease;
}
@media (min-width: 1200px) {
.filter__item {
margin-right: 28px;
}
}
.filter__item:last-child {
margin-right: 0;
}
.filter__item:hover,
.filter__item:focus {
outline: none;
color: #ffb74d;
}
.filter__item--active {
color: #ffb74d;
} .overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.8);
display: none;
}
@media (max-width: 991px) {
.overlay {
background-color: rgba(255, 255, 255, 0.8);
}
} .preloader {
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
background-color: #ffffff;
}
.preloader__text {
align-self: center;
font-size: 48px;
}
.preloader__spinner {
position: relative;
width: 50px;
height: 50px;
align-self: center;
}
.preloader__double-bounce {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: bounce 2s infinite ease-in-out;
opacity: 0.6;
border-radius: 50%;
background-color: #ffb74d;
}
.preloader__double-bounce--delay {
animation-delay: -1s;
}
@keyframes bounce {
0%,
100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
} .webpage {
background-color: #ffffff;
}
.webpage--parallax .header {
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: transparent;
}
.webpage--parallax main {
min-height: 100vh;
}
.webpage--parallax-dark .header .social__link {
color: #000000;
}
.webpage--parallax-dark .header .logo__large,
.webpage--parallax-dark .header .logo__small,
.webpage--parallax-dark .header--white .navigation__list>li>.navigation__link,
.webpage--parallax-dark .header--white .navigation__list>li>i.icon:before {
color: #000000;
}
.webpage--parallax-dark .header .menu-toggle::before,
.webpage--parallax-dark .header .menu-toggle::after {
border-color: #000000;
}
.webpage--parallax-dark .parallax {
color: #000000;
}
.webpage--parallax-dark .parallax__link {
color: #000000;
}
.webpage--parallax-dark .parallax__link svg {
fill: #000000;
}
.webpage--parallax-dark .footer .footer__copy,
.webpage--parallax-dark .footer .lang-switcher__link {
color: #000000;
}
.webpage--parallax-dark .footer.footer--white .footer__copyright {
color: #000000;
}
.webpage--parallax-dark .footer .lang-switcher__link--current {
color: #ffb74d;
}
.webpage--parallax-dark #pp-nav ul li:hover a span {
background-color: #fcd54c;
}
.webpage--parallax-dark #pp-nav ul li a span {
background-color: #000000;
}
.webpage--parallax-dark #pp-nav ul li a.active span {
background-color: #fcd54c;
}
.webpage__about-section,
.webpage__services-section,
.webpage__statistics,
.webpage__latest-projects,
.webpage__partners,
.webpage__reviews-carousel,
.webpage__latest-news,
.webpage__services-provided,
.webpage__about-block,
.webpage__main-slider,
.webpage__featured-projects,
.webpage__services,
.webpage__team-section,
.webpage__hero {
margin-bottom: 80px;
}
@media (min-width: 768px) {
.webpage__about-section,
.webpage__services-section,
.webpage__statistics,
.webpage__latest-projects,
.webpage__partners,
.webpage__reviews-carousel,
.webpage__latest-news,
.webpage__services-provided,
.webpage__about-block,
.webpage__main-slider,
.webpage__featured-projects,
.webpage__services,
.webpage__team-section,
.webpage__hero {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.webpage__about-section,
.webpage__services-section,
.webpage__statistics,
.webpage__latest-projects,
.webpage__partners,
.webpage__reviews-carousel,
.webpage__latest-news,
.webpage__services-provided,
.webpage__about-block,
.webpage__main-slider,
.webpage__featured-projects,
.webpage__services,
.webpage__team-section,
.webpage__hero {
margin-bottom: 160px;
}
.elementor-section:last-child .webpage__about-section,
.elementor-section:last-child .webpage__services-section,
.elementor-section:last-child .webpage__statistics,
.elementor-section:last-child .webpage__latest-projects,
.elementor-section:last-child .webpage__partners,
.elementor-section:last-child .webpage__reviews-carousel,
.elementor-section:last-child .webpage__latest-news,
.elementor-section:last-child .webpage__services-provided,
.elementor-section:last-child .webpage__about-block,
.elementor-section:last-child .webpage__main-slider,
.elementor-section:last-child .webpage__featured-projects,
.elementor-section:last-child .webpage__services,
.elementor-section:last-child .webpage__team-section,
.elementor-section:last-child .webpage__hero {
margin-bottom: 0;
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.webpage__about-section,
.webpage__services-section,
.webpage__statistics,
.webpage__latest-projects,
.webpage__partners,
.webpage__reviews-carousel,
.webpage__latest-news,
.webpage__services-provided,
.webpage__about-block,
.webpage__main-slider,
.webpage__featured-projects,
.webpage__services,
.webpage__team-section,
.webpage__hero {
margin-bottom: 160px;
}
.elementor-section:last-child .webpage__about-section,
.elementor-section:last-child .webpage__services-section,
.elementor-section:last-child .webpage__statistics,
.elementor-section:last-child .webpage__latest-projects,
.elementor-section:last-child .webpage__partners,
.elementor-section:last-child .webpage__reviews-carousel,
.elementor-section:last-child .webpage__latest-news,
.elementor-section:last-child .webpage__services-provided,
.elementor-section:last-child .webpage__about-block,
.elementor-section:last-child .webpage__main-slider,
.elementor-section:last-child .webpage__featured-projects,
.elementor-section:last-child .webpage__services,
.elementor-section:last-child .webpage__team-section,
.elementor-section:last-child .webpage__hero {
margin-bottom: 0;
padding-bottom: 60px;
}
} .lang-switcher {
list-style: none;
padding: 0;
margin: 0;
}
.lang-switcher--white .lang-switcher__link {
color: #ffffff;
}
.lang-switcher--menu,
.lang-switcher--line {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding-right: 50px;
margin-top: 40px;
}
.webpage--parallax .lang-switcher--line,
.video-section .lang-switcher--line {
margin-top: 0px;
}
.lang-switcher--menu .lang-switcher__item,
.lang-switcher--line .lang-switcher__item {
margin-left: 24px;
margin-bottom: 0;
}
.lang-switcher--footer {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.lang-switcher--menu, .lang-switcher--line {
justify-content: flex-start;
padding-right: 0;
margin-top: 0;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.lang-switcher--footer {
margin: 0 0 30px 0;
}
.lang-switcher--menu .lang-switcher__item:first-child,
.lang-switcher--line .lang-switcher__item:first-child {
margin-left: 0;
}
.homepage-parallax .preview-card.aos-init {
opacity: 1;
}
}
@media (min-width: 992px) {
.lang-switcher--footer {
display: block;
}
}
.lang-switcher--footer .lang-switcher__item {
display: block;
line-height: 1;
margin-right: 24px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.lang-switcher--footer .lang-switcher__item {
margin-right: 0;
margin-bottom: 6px;
}
}
.lang-switcher__item {
margin-bottom: 14px;
}
.lang-switcher__item:last-child {
margin-bottom: 0;
}
.lang-switcher__link {
font-size: 14px;
line-height: 1.625;
color: #000000;
text-transform: uppercase;
transition: color 0.3s ease;
}
@media (min-width: 1200px) {
.lang-switcher__link {
font-size: 16px;
}
}
.lang-switcher__link--current {
color: #ffb74d;
pointer-events: none;
}
.lang-switcher__link:hover,
.lang-switcher__link:focus {
outline: none;
color: #ffb74d;
}
.lang-switcher__link:not(.lang-switcher__link--current):active {
opacity: 0.7;
}  .mobile-canvas {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 480px;
overflow: auto;
background-color: #ffffff;
transform: translateX(100%);
padding: 20px 30px;
transition: transform 0.3s ease;
}
@media (min-width: 576px) {
.mobile-canvas {
width: 56%;
}
}
@media (min-width: 768px) {
.mobile-canvas {
max-width: 750px;
min-height: 575px;
padding: 40px 80px;
}
}
@media (min-width: 992px) {
.mobile-canvas {
display: none;
position: static;
overflow: visible;
transform: translateX(0);
width: auto;
max-width: none;
min-height: 0;
padding: 0;
flex-direction: row;
transition: none;
background-color: transparent;
}
.mobile-canvas.header__mobile {
display: block;
}
}
.mobile-canvas--opened {
transform: translateX(0);
}
@media (min-width: 992px) {
.mobile-canvas--social .mobile-canvas__social {
display: flex;
}
}
.mobile-canvas__wrapper {
margin-top: 50px;
margin-bottom: 20px;
padding: 6px 0;
overflow: auto;
}
@media (min-width: 992px) {
.mobile-canvas__wrapper {
margin-top: 10.7vh;
}
}
.mobile-canvas__nav {
margin-top: 50px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.mobile-canvas__nav {
margin-top: 0;
margin-bottom: 0;
}
}
.mobile-canvas__bottom {
margin-top: auto;
}
@media (max-width: 991px) {
.mobile-canvas__bottom {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.mobile-canvas__bottom {
margin-top: 0;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
display: none;
}
}
@media (min-width: 992px) {
.mobile-canvas__lang-switcher {
display: none;
}
}
.mobile-canvas__copy {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.71;
color: #787878;
letter-spacing: 0.015em;
}
@media (min-width: 992px) {
.mobile-canvas__copy {
display: none;
margin-bottom: 4.44vh;
}
}
.mobile-canvas__copy strong {
color: #000000;
font-weight: normal;
}
.mobile-canvas__copy p { margin: 0; }
.mobile-canvas__phone {
display: none;
}
@media (min-width: 992px) {
.mobile-canvas__phone {
display: inline;
font-size: 16px;
line-height: 1.25;
color: #000000;
font-weight: 600;
transition: color 0.3s ease;
}
.mobile-canvas__phone:hover,
.mobile-canvas__phone:focus {
outline: none;
color: #ffb74d;
}
.mobile-canvas__phone:active {
opacity: 0.7;
}
}
.mobile-canvas__list {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-canvas__item {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.mobile-canvas__item {
margin-bottom: 32px;
}
}
.mobile-canvas__item:last-child {
margin-bottom: 0;
}
.mobile-canvas__item--current .mobile-canvas__link {
color: #000000;
}
.mobile-canvas__link {
font-size: 24px;
line-height: 1;
color: #787878;
font-weight: 600;
transition: color 0.3s ease;
}
@media (min-width: 992px) {
.mobile-canvas__link {
font-size: 36px;
}
}
.mobile-canvas__link:hover,
.mobile-canvas__link:focus {
outline: none;
color: #000000;
}
.mobile-canvas__link:active {
opacity: 0.7;
}
.mobile-canvas__close {
position: absolute;
top: 40px;
right: 30px;
display: flex;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
border: none;
background-color: transparent;
appearance: none;
cursor: pointer;
}
@media (min-width: 768px) {
.mobile-canvas__close {
top: 28px;
right: 68px;
}
}
@media (min-width: 992px) {
.mobile-canvas__close {
display: none;
}
}
.mobile-canvas__close svg {
fill: #000000;
align-self: center;
transition: fill 0.3s ease;
}
.mobile-canvas__close:hover,
.mobile-canvas__close:focus {
outline: none;
}
.mobile-canvas__close:hover svg,
.mobile-canvas__close:focus svg {
fill: #ffb74d;
}
.mobile-canvas__close:active {
opacity: 0.7;
}
@media (min-width: 992px) {
.mobile-canvas__social {
display: none;
}
}
@media (max-width: 991px) {
.mobile-canvas {
padding: 100px 30px 50px 50px;
}
.sub-menu.navigation__dropdown {
margin: 0;
padding: 20px 0;
list-style: none;
box-shadow: none;
}
.mobile-canvas__nav {
margin-top: 0;
margin-bottom: 0;
}
.navigation__link {
font-size: 28px;
}
.dropdown-toggle i.icon:before {
margin-left: 8px;
font-size: 18px;
}
.navigation__dropdown li a {
font-size: 16px;
color: #444;
font-weight: 600;
}
.navigation__link.dropdown-toggle i.icon:before {
transition: all 0.3s ease 0s;
}
.navigation__link.dropdown-toggle.opened i.icon:before {
transform: rotate(-90deg);
}
.navigation__dropdown .navigation__dropdown {
max-height: none;
overflow: visible;
opacity: 1;
transition: none;
pointer-events: auto;
}
.navigation__dropdown .navigation__dropdown li a:before {
top: 7px;
}
.navigation__dropdown .dropdown-toggle i.icon:before {
font-size: 14px;
}
.navigation__dropdown li:hover .navigation__dropdown, .navigation__dropdown .navigation__dropdown {
padding: 20px 0 20px 10px;
}
} .header {
position: relative;
z-index: 2;
background-color: #ffffff;
}
.header--white {
border: none !important;
background-color: transparent;
}
.header--white .header__inner::after {
display: none;
}
.header--white .logo__large,
.header--white .logo__small {
color: #ffffff;
}
.header--white .menu-toggle::before,
.header--white .menu-toggle::after {
border-top: solid 3px #ffffff;
}
.header--white .menu-toggle:hover::before,
.header--white .menu-toggle:hover::after,
.header--white .menu-toggle:focus::before,
.header--white .menu-toggle:focus::after {
border-top-color: #ffb74d;
}
.header--white .navigation__list>li>.navigation__link,
.header--white .navigation__list>li>i.icon:before {
color: #ffffff;
}
.header--white .navigation__link:hover,
.header--white .navigation__link:focus {
color: #ffb74d;
}
.header--white .navigation__item--current .header--white .navigation__link {
color: #ffb74d !important;
}
@media (min-width: 992px) {
.header--white .social__link {
color: #ffffff;
}
.header--white .social__link:hover {
color: #ffb74d;
}
.header--white .header__phone {
color: #ffffff;
}
.header--white .header__phone:hover {
color: #ffb74d;
}
}
@media (min-width: 992px) {
.header--white .social__link:hover,
.header--white .social__link:focus {
color: #ffb74d;
}
.header--white .header__phone:hover,
.header--white .header__phone:focus {
color: #ffb74d;
}
}
@media (min-width: 1200px) {
.header--half {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
}
.header--half .navigation__item {
margin-right: 2.7vw;
}
.header--half .mobile-canvas__phone {
display: none;
}
}
@media (min-width: 1560px) {
.header--half .container {
transform: translateX(-4.68vw);
}
}
@media (min-width: 1920px) {
.header--half .navigation__item {
margin-right: 49px;
}
.header--half .navigation__item:last-child {
margin-right: 0;
}
}
.header--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
background-color: #ffffff;
border-top: none;
transition: transform 0.5s ease;
}
.header--fixed .logo {
padding: 5px 0 8px 10px;
}
.header--fixed .logo::before,
.header--fixed .logo::after {
width: 30px;
}
.header--fixed .logo__large {
font-size: 20px;
color: #000000;
}
.header--fixed .logo__small {
font-size: 9px;
color: #000000;
}
@media (min-width: 992px) {
.header--fixed .social__link {
color: #000000;
}
.header--fixed .social__link:hover {
color: #ffb74d;
}
.header--fixed .header__phone {
color: #000000;
}
.header--fixed .header__phone:hover {
color: #ffb74d;
}
}
@media (min-width: 992px) {
.header--fixed .social__link:hover,
.header--fixed .social__link:focus {
color: #ffb74d;
}
.header--fixed .header__phone:hover,
.header--fixed .header__phone:focus {
color: #ffb74d;
}
}
@media (min-width: 1560px) {
.header--fixed .header__inner {
padding-top: 24px;
padding-bottom: 24px;
}
} .header--fixed .navigation__link {
color: #000000;
}
.header--fixed .navigation__link:hover,
.header--fixed .navigation__link:focus {
color: #ffb74d;
}
.header--fixed .navigation__item--current .navigation__link {
color: #ffb74d !important;
}
@media (min-width: 992px) {
.header--fixed .navigation__dropdown {
bottom: -24px;
}
}
.header--fixed .menu-toggle::before,
.header--fixed .menu-toggle::after {
border-top: solid 3px #000000;
}
.header--bg {
background-color: #ffffff !important;
}
@media (min-width: 1200px) {
.header--bg {
background-color: transparent !important;
}
}
.header__inner {
display: flex;
align-items: center;
width: 100%;
margin: 0 auto;
padding: 24px 15px;
}
@media (min-width: 991px) {
.header__inner {
padding: 24px 34px;
}
#pp-nav {
right: 34px !important;
}
}
@media (min-width: 1560px) {
.header__inner {
padding: 24px 54px;
}
#pp-nav {
right: 54px !important;
}
}
.header__inner .header__builder {
width: 100%;
}
@media (max-width: 991px) {
.header__inner .header__builder .elementor-column {
width: 50%;
}
.header__inner .header__builder .social {
display: none;
}
.footer--lite .elementor-column {
width: 50%;
}
.footer--lite .footer__lang-switcher {
margin-top: 0;
padding: 0;
}
}
.header__logo {
margin-right: 30px;
flex-shrink: 0;
}
.header .container {
display: none;
}
@media (min-width: 992px) {
.header .container {
display: block;
}
}
@media (min-width: 992px) {
.header__mobile {
flex-grow: 1;
}
}
.header__phone {
display: none;
}
@media (min-width: 992px) {
.header__phone {
display: block;
flex-shrink: 0;
font-size: 16px;
line-height: 1.25;
color: #000000;
font-weight: 600;
transition: color 0.3s ease;
}
.header__phone:hover,
.header__phone:focus {
outline: none;
color: #ffb74d;
}
.header__phone:active {
opacity: 0.7;
}
}
@media (min-width: 1560px) {
.header__phone {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
.header--half .header__phone {
color: #fff;
}
.header--half.header--fixed .header__phone {
color: #000;
}
.header__social {
display: none;
}
@media (min-width: 992px) {
.header__social {
display: flex;
flex-shrink: 0;
}
}
@media (min-width: 1560px) {
.header__social {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
}
}
.header__menu-toggle {
margin-left: auto;
order: 2;
}
@media (min-width: 992px) {
.header__menu-toggle {
display: none;
}
.header__menu-toggle--always {
display: block;
}
}
.header__purchase {
margin-left: auto;
border-radius: 0;
align-self: center;
order: 1;
}
@media (min-width: 1560px) {
.header__purchase {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
}
.header__purchase-text {
display: none;
}
@media (min-width: 576px) {
.header__purchase-text {
display: inline;
}
}
.header__purchase svg {
display: block;
fill: #ffffff;
}
@media (min-width: 576px) {
.header__purchase svg {
display: none;
}
}
.header__purchase+.header__menu-toggle {
margin-left: 20px;
}  .footer--lite .footer__inner {
padding-top: 46px;
padding-bottom: 46px;
}
.footer--lite .footer__inner::before {
display: none;
}
.footer--lite .footer__lang-switcher {
margin-left: auto;
}
.footer--white .footer__copy {
color: #ffffff;
}
.footer--white .lang-switcher__link {
color: #ffffff;
}
.footer--white .lang-switcher__link--current {
color: #ffb74d;
}
.footer--white .lang-switcher__link:focus {
color: #ffb74d;
}
@media (min-width: 992px) {
.footer--white .lang-switcher__link:hover,
.footer--white .lang-switcher__link:focus {
color: #ffb74d;
}
}
.footer--fixed {
width: auto;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.footer--fixed .footer__inner {
padding-top: 12px;
padding-bottom: 12px;
}
@media (min-width: 768px) {
.footer--fixed .footer__inner {
padding-bottom: 24px;
}
}
@media (min-width: 992px) and (min-height: 768px) {
.footer--fixed .footer__inner {
padding-bottom: 52px;
}
}
.footer--bg {
background-color: #ffffff !important;
}
@media (min-width: 1200px) {
.footer--bg {
background-color: transparent !important;
}
}
.footer__inner {
position: relative;
padding-top: 32px;
padding-bottom: 32px;
}
.footer__inner::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
border-top: solid 1px #a6a6a6;
}
@media (max-width: 767px) {
.footer__inner {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 768px) {
.footer__inner {
padding-top: 80px;
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.footer__inner {
padding-top: 100px;
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.footer__inner {
max-width: 100%;
padding-top: 150px;
padding-bottom: 130px;
}
}
@media (min-width: 1920px) {
.footer__inner {
max-width: calc(100vw - 90px);
}
}
@media (min-width: 768px) {
.footer__social {
margin-top: 8px;
justify-content: flex-end;
}
}
.footer__copyright {
margin-bottom: 12px;
font-size: 16px;
line-height: 1.625;
color: #000000;
}
.footer__copyright p {
margin: 0;
}
.footer__copyright span {
color: #000000;
}
.footer.footer--white .footer__copyright {
color: #fff;
}
@media (max-width: 767px) {
.footer__copyright {
margin-bottom: 30px;
font-size: 16px;
opacity: 0.6;
}
.footer.footer--white .footer__copyright {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.footer__copyright {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.footer__copyright {
font-size: 16px;
}
}
.footer__column {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.footer__column {
margin-bottom: 0;
}
}
.footer__column-menu {
list-style: none;
padding: 0;
margin: 0;
}
.footer__column-menu li {
margin-bottom: 10px;
}
.footer__column-menu li a {
color: #000;
line-height: 1.65;
transition: all 0.4s ease 0s
}
.footer__column-menu li a:hover {
color: #ffb74d;
}
.footer__column-item--current .footer__column-link {
color: #ffb74d;
}
.footer__column-link {
font-size: 16px;
line-height: 1.625;
color: #000000;
transition: color 0.3s ease;
}
.footer__column-link:hover,
.footer__column-link:focus {
outline: none;
color: #ffb74d;
}
.footer__column-link:active {
opacity: 0.7;
}
.footer__logo {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.footer {
padding-top: 60px;
}
.footer--fixed {
padding-top: 0;
}
.footer__column-menu {
margin-bottom: 20px;
}
.footer__column-menu li {
margin-bottom: 10px;
width: 48%;
display: inline-block;
vertical-align: top;
}
}
@media (min-width: 768px) {
.footer__logo {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.footer {
left: 34px!important;
right: 34px!important;
padding-top: 100px;
}
}
@media (min-width: 1560px) {
.footer {
left: 54px!important;
right: 54px!important;
}
}  .timer {
display: flex;
}
.timer__digit:not(:last-child) {
margin-right: 35px;
}
@media (min-width: 992px) {
.timer__digit:not(:last-child) {
margin-right: 131px;
}
}
.timer__digit p {
width: 30px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 40px;
line-height: 40px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 12px;
}
@media (min-width: 992px) {
.timer__digit p {
width: 85px;
margin: 0 auto 12px;
font-size: 70px;
line-height: 72px;
}
}
.timer__digit span {
font-size: 14px;
line-height: 24px;
font-weight: bold;
}
@media (min-width: 992px) {
.timer__digit span {
font-size: 16px;
line-height: 26px;
}
} .page-404 {
background-image: url(//absolutewindowz.com/wp-content/themes/larson/assets/img/bg-404@2x.jpeg);
background-repeat: no-repeat;
background-size: cover;
}
.page-404__container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: calc(100vh - 112px);
padding: 60px 10px;
text-align: center;
}
@media (min-width: 1200px) {
.page-404__container {
padding: 140px 0;
}
}
.page-404__num {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 65px;
line-height: 65px;
color: #000000;
font-weight: bold;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.page-404__num {
font-size: 150px;
line-height: 150px;
margin-bottom: 46px;
}
}
.page-404__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 18px;
line-height: 24px;
color: #000000;
font-weight: bold;
margin-bottom: 36px;
}
@media (min-width: 768px) {
.page-404__title {
font-size: 20px;
line-height: 28px;
}
}
@media (min-width: 992px) {
.page-404__title {
font-size: 25px;
line-height: 35px;
}
}
.page-404__text {
font-size: 16px;
line-height: 26px;
color: #767676;
margin-bottom: 40px;
}
.page-404__text a {
color: #ffb74d;
transition: color 0.3s ease;
}
.page-404__text a:focus {
outline: none;
color: #000000;
}
@media (min-width: 992px) {
.page-404__text a:hover,
.page-404__text a:focus {
color: #000000;
}
}
.page-404__search {
max-width: 347px;
} .coming-soon {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.coming-soon::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.coming-soon__container {
max-width: 730px;
position: relative;
margin: 0 auto;
}
.coming-soon__wrapper {
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
padding: 30px 10px 60px;
color: #ffffff;
}
@media (min-height: 550px) {
.coming-soon__wrapper {
padding: 30px 10px 10px;
}
}
@media (min-width: 768px) {
.coming-soon__wrapper {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.coming-soon__wrapper {
padding: 83px 0 10px;
}
}
.coming-soon__logo {
padding-bottom: 17px;
margin-bottom: 20px;
}
@media (min-height: 800px) {
.coming-soon__logo {
margin-bottom: 0;
}
}
.coming-soon__logo .logo__large,
.coming-soon__logo .logo__small {
text-align: left;
}
.coming-soon__logo .logo__large {
font-size: 38px;
line-height: 44px;
color: #ffffff;
}
.coming-soon__logo .logo__small {
font-size: 11px;
line-height: 13px;
color: #ffffff;
}
.coming-soon__content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-grow: 1;
}
.coming-soon__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 36px;
line-height: 46px;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.coming-soon__title {
font-size: 50px;
line-height: 62px;
margin-bottom: 30px;
}
}
@media (min-width: 992px) {
.coming-soon__title {
font-size: 60px;
line-height: 75px;
margin-bottom: 46px;
}
}
.coming-soon__subtitle {
margin-bottom: 40px;
font-size: 14px;
line-height: 24px;
text-align: center;
}
@media (min-width: 992px) {
.coming-soon__subtitle {
max-width: 650px;
margin-bottom: 96px;
font-size: 16px;
line-height: 26px;
}
}
.coming-soon__timer-title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 35px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.coming-soon__timer-title {
font-size: 24px;
line-height: 24px;
margin-bottom: 76px;
}
}
.coming-soon__social {
margin-top: 30px;
}
@media (min-width: 768px) {
.coming-soon__social {
margin-top: 68px;
}
}
@media (min-width: 992px) {
.coming-soon__social {
margin-top: 100px;
}
} .link-arrow {
display: inline-flex;
align-items: center;
transition: color 0.3s ease;
font-size: 20px;
line-height: 1.15;
color: #000000;
font-weight: 700;
}
.link-arrow svg {
margin-left: 16px;
fill: #000000;
transition: fill 0.3s ease;
}
.link-arrow--white {
color: #ffffff;
}
.link-arrow--white svg {
fill: #ffffff;
}
@media (min-width: 992px) {
.link-arrow:hover,
.link-arrow:focus {
outline: none;
color: #ffb74d;
}
.link-arrow:hover svg,
.link-arrow:focus svg {
fill: #ffb74d;
}
} .slide-tab {
display: flex;
align-items: flex-start;
padding: 8px 8px;
text-align: left;
border: none;
background-color: transparent;
cursor: pointer;
}
@media (min-width: 768px) {
.slide-tab {
padding: 20px;
}
}
@media (min-width: 992px) {
.slide-tab {
padding: 58px 60px;
}
}
.slide-tab__number {
margin-right: 8px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 24px;
line-height: 1;
color: #787878;
font-weight: 700;
color: #000000 !important;
transition: color 0.3s ease;
}
@media (min-width: 768px) {
.slide-tab__number {
margin-right: 16px;
font-size: 48px;
}
}
@media (min-width: 992px) {
.slide-tab__number {
margin-right: 36px;
font-size: 60px;
line-height: 0.9;
}
}
.slide-tab__title {
max-width: 110px;
font-size: 12px;
line-height: 1.625;
color: #787878;
font-weight: 600;
color: #000000 !important;
transition: color 0.3s ease;
}
@media (min-width: 768px) {
.slide-tab__title {
font-size: 16px;
}
}
.slide-tab:focus {
outline: none;
}
@media (min-width: 992px) {
.slide-tab:hover .slide-tab__number,
.slide-tab:hover .slide-tab__title,
.slide-tab:focus .slide-tab__number,
.slide-tab:focus .slide-tab__title {
color: #ffb74d !important;
}
} .card {
position: relative;
display: block;
box-sizing: border-box;
}
.card--masonry .card__heading,
.card--carousel .card__heading {
visibility: hidden;
}
.card--masonry .card__heading br,
.card--carousel .card__heading br {
display: none;
}
.card--masonry:hover .card__heading,
.card--masonry:focus .card__heading,
.card--carousel:hover .card__heading,
.card--carousel:focus .card__heading {
visibility: visible;
}
.card--carousel .card__heading br {
display: block;
}
.card--carousel .card__text {
max-width: 472px;
}
.card--small .card__heading {
font-size: 25px;
}
.card--team .card__heading {
visibility: hidden;
}
.card--team:focus .card__heading {
visibility: visible;
}
.card--team:focus .card__content {
border: solid 4px #ffb74d;
background-color: rgba(255, 255, 255, 0.9) !important;
}
@media (min-width: 992px) {
.card--team:hover .card__heading,
.card--team:focus .card__heading {
visibility: visible;
}
.card--team:hover .card__content,
.card--team:focus .card__content {
border: solid 4px #ffb74d;
background-color: rgba(255, 255, 255, 0.9) !important;
}
}
.card--send {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 60px 40px;
border: solid 1px #ababab;
transition: border-color 0.3s ease;
}
.card--send:focus {
border-color: #ffb74d;
}
.card--send:focus .card__send-text {
color: #ffb74d;
}
@media (min-width: 992px) {
.card--send:hover,
.card--send:focus {
border-color: #ffb74d;
}
.card--send:hover .card__send-text,
.card--send:focus .card__send-text {
color: #ffb74d;
}
}
.card--transparent {
min-height: 340px;
border: solid 1px #ffffff;
transition: border-color 0.3s ease;
}
.card--transparent .card__heading {
position: static;
font-size: 27px;
line-height: 1.29;
}
.card--transparent .card__content {
padding: 24px 30px 4px;
justify-content: flex-end;
}
.card--transparent .card__text {
position: absolute;
margin-bottom: 20px;
}
.card--transparent:focus {
border-color: #ffb74d;
}
.card--transparent:focus .card__text {
position: static;
transition: transform 0.4s 0.4s ease, opacity 0.4s 0.4s ease;
}
@media (min-width: 992px) {
.card--transparent:hover,
.card--transparent:focus {
border-color: #ffb74d;
transition: transform 0.4s 0.4s ease, opacity 0.4s 0.4s ease;
}
.card--transparent:hover .card__text,
.card--transparent:focus .card__text {
position: static;
}
}
.card--active {
border-color: #ffb74d;
}
.card--active .card__heading {
position: static !important;
transform: translateY(0);
}
.card--active .card__text {
position: static !important;
}
.card:hover,
.card:focus,
.card--active {
outline: none;
}
.card:hover .card__content,
.card:focus .card__content,
.card--active .card__content {
background-color: rgba(255, 183, 77, 0.95);
}
.card:hover .card__date,
.card:focus .card__date,
.card--active .card__date {
opacity: 1;
transform: translateY(0);
transition: transform 0.6s 0.4s ease, opacity 0.6s 0.4s ease;
}
.card:hover .card__tag,
.card:focus .card__tag,
.card--active .card__tag {
color: #000000;
transform: translateY(0);
transition: transform 0.5s ease;
}
.card:hover .card__heading,
.card:focus .card__heading,
.card--active .card__heading {
position: static;
transform: translateY(0);
opacity: 1;
color: #000;
}
.card--news-masonry.card--news .card__heading, .card--news-masonry.card--news .card__heading {
position: static;
}
.card:hover .card__text,
.card:focus .card__text,
.card--active .card__text {
opacity: 1;
transform: translateY(0);
}
.card:hover .card__bottom,
.card:focus .card__bottom,
.card--active .card__bottom {
opacity: 1;
transform: translateY(0px);
}
.card__tag {
margin-bottom: 4px;
color: #ffffff;
transform: translateY(-20px);
}
.card__send-text {
max-width: 100px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 1.2;
color: #000000;
font-weight: 700;
text-transform: uppercase;
transition: color 0.3s ease;
}
.card__image {
display: block;
}
.card__image img {
display: block;
width: 100%;
height: auto;
}
.swiper-slide .card__image img {
height: 65vh;
object-fit: cover;
object-position: center center;
}
.card__image-m img {
width: 100%;
height: 350px !important;
object-fit: cover;
}
.card__image-v img {
width: 100%;
height: 730px !important;
object-fit: cover;
}
.card__image-h img {
width: 100%;
height: 350px !important;
object-fit: cover;
}
.card__content {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 30px;
background: transparent;
transition: background-color 0.5s ease;
}
@media (min-width: 1200px) {
.card__content {
padding: 44px 30px;
}
}
.card__date {
font-size: 16px;
line-height: 26px;
color: #000000;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.card__date {
opacity: 0;
transform: translateY(-20px);
}
}
.card__heading {
position: absolute;
left: 32px;
right: 32px;
bottom: 12px;
margin: 0;
transform: translateY(-20px);
font-size: 28px;
line-height: 1.4;
color: #fff;
transition: transform 0.5s ease;
font-family: "Gilroy", "Arial", sans-serif;
}
@media (min-width: 1200px) {
.card__heading {
font-size: 32px;
}
}
.card__text {
display: block;
max-width: 340px;
margin-top: 10px;
margin-bottom: auto;
opacity: 0;
transform: translateY(-20px);
font-size: 16px;
line-height: 1.3125;
color: #000000;
transition: all 0.4s ease;
}
.card__text p {
margin: 0;
}
.card__text br {
display: none;
}
@media (min-width: 992px) {
.card__text br {
display: block;
}
}
.card__bottom {
display: block;
margin-top: 12px;
opacity: 0;
transform: translateY(20px);
transition: all 0.2s ease;
}
.news-listing__item.news-listing__item--auto .card__bottom {
margin-top: 20px;
transform: translateY(0px);
}
.card__link {
display: flex;
align-items: center;
font-size: 20px;
line-height: 1.15;
color: #000000;
font-weight: 700;
}
.card--news {
height: 100%;
overflow: hidden;
}
.card--news:hover,
.card--news:focus {
outline: none;
}
.card--news:hover .card__content,
.card--news:focus .card__content {
background-color: #ffffff;
}
.card--news:hover .card__heading,
.card--news:focus .card__heading {
visibility: visible;
}
@media (max-width: 991px) {
.card--news {
overflow: visible;
height: auto;
}
}
@media (min-width: 992px) {
.card--news:hover,
.card--news:focus {
outline: none;
}
.card--news:hover .card__content,
.card--news:focus .card__content {
background-color: #ffffff;
transform: translateX(0);
}
.card--news:hover .card__heading,
.card--news:focus .card__heading {
opacity: 1;
transition: transform 0.5s 0.5s ease, opacity 0.4s 0.5s ease;
}
.card--news:hover .card__text,
.card--news:focus .card__text {
transition: transform 0.4s 0.6s ease, opacity 0.4s 0.6s ease;
}
}
.card--news .card__content {
width: 100%;
padding-left: 0;
background-color: #ffffff;
position: relative;
transition: transform 0.4s ease;
}
@media (min-width: 992px) {
.card--news .card__content {
max-width: 351px;
padding-left: 30px;
border: 4px solid #ffb74d;
transform: translateX(100%);
position: absolute;
left: unset;
right: 0;
}
}
@media (min-width: 1200px) {
.card--news .card__content {
padding: 35px;
}
}
@media (min-width: 992px) {
.card--news .card__content--full {
max-width: 100%;
}
}
.card--news .card__heading {
position: relative;
left: 0;
bottom: unset;
transform: none;
color: #000000;
visibility: visible;
}
@media (min-width: 992px) {
.card--news .card__heading {
position: absolute;
left: 32px;
bottom: 12px;
opacity: 0;
transform: translateY(-20px);
}
}
.card--news .card__text {
margin-top: 30px;
line-height: 26px;
opacity: 1;
transform: none;
}
@media (min-width: 992px) {
.card--news .card__text {
opacity: 0;
transform: translateY(-20px);
}
}
.card--news .card__image {
height: 400px;
}
@media (max-width: 991px) {
.card--news .card__image {
height: 250px;
}
}
@media (min-width: 992px) {
.card--news .card__image {
height: 100%;
}
}
.card--news .card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card--news .card__bottom {
opacity: 1;
}
@media (min-width: 992px) {
.card--news .card__bottom {
opacity: 0;
}
}
.card--news .card__link {
font-size: 16px;
font-weight: 600;
color: #fcd54c;
}
@media (min-width: 992px) {
.card--news .card__link:hover svg,
.card--news .card__link:focus svg {
animation: link-arrow-hover 0.4s ease;
}
}
.card__link svg {
margin-left: 10px;
}
.card--news .card__link svg {
fill: #fcd54c;
margin-left: 10px;
}
.card--news-masonry:hover .card__content,
.card--news-masonry:focus .card__content {
transform: none;
border-color: #ffb74d;
}
.card--news-masonry:hover .card__date,
.card--news-masonry:focus .card__date {
transform: none;
}
.card--news-masonry:hover .card__heading,
.card--news-masonry:focus .card__heading {
transform: none;
}
.card--news-masonry:hover .card__text,
.card--news-masonry:focus .card__text {
transform: none;
}
.card--news-masonry:hover .card__link,
.card--news-masonry:focus .card__link {
color: #ffb74d;
}
.card--news-masonry:hover .card__link svg,
.card--news-masonry:focus .card__link svg {
fill: #ffb74d;
}
.card--news-masonry .card__content {
border-color: transparent;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
@media (min-width: 992px) {
.card--news-masonry .card__content {
background-color: #f4f4f4;
transform: none;
position: relative;
}
}
@media (min-width: 992px) {
.card--news-masonry .card__date {
opacity: 1;
transform: none;
}
}
@media (min-width: 992px) {
.card--news-masonry .card__heading {
position: relative;
left: unset;
bottom: unset;
transform: none;
opacity: 1;
}
}
@media (min-width: 992px) {
.card--news-masonry .card__text {
opacity: 1;
transform: none;
}
}
.card--news-masonry .card__bottom {
opacity: 1;
}
.card--news-masonry .card__link {
color: #000000;
transition: color 0.3s ease;
}
.card--news-masonry .card__link svg {
fill: #000000;
transition: fill 0.3s ease;
} .review-card {
position: relative;
box-sizing: border-box;
padding: 24px 32px;
border: solid 4px #ffb74d;
min-height: 310px;
}
.review-card .sep {
position: absolute;
top: 50px;
right: 40px;
width: 42px;
height: 62px;
}
.review-card__image {
width: 112px;
height: 112px;
margin-top: -84px;
margin-bottom: 48px;
border-radius: 50%;
overflow: hidden;
}
.review-card__image img {
display: block;
width: 100%;
height: auto;
}
.review-card__name {
margin-bottom: 10px;
font-size: 25px;
line-height: 1.2;
color: #000000;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
}
.review-card__post {
margin-bottom: 30px;
font-size: 16px;
line-height: 1.17;
color: #000000;
}
.review-card__post span {
color: #ffb74d;
} .preview-card {
position: relative;
overflow: hidden;
}
.preview-card:focus {
outline: none;
}
@media (min-width: 768px) {
.preview-card {
display: flex;
}
}
@media (max-width: 768px) {
#pp-nav {
display: none;
}
}
@media (min-width: 992px) {
.preview-card {
display: block;
}
.preview-card:hover,
.preview-card:focus {
outline: none;
}
.preview-card:hover .preview-card__content,
.preview-card:focus .preview-card__content {
transform: translateY(0);
}
}
.preview-card__image {
position: relative;
height: 488px;
overflow: hidden;
padding-bottom: 95%;
}
.preview-card__image-s-1 {
padding-bottom: 196.5%;
}
.preview-card__image-s-2 {
padding-bottom: 45.9%;
}
@media (min-width: 768px) {
.preview-card__image {
width: 335px;
height: 320px;
margin-right: 15px;
flex-shrink: 0;
}
}
@media (min-width: 992px) {
.preview-card__image {
margin-right: 0;
width: 100%;
}
}
.preview-card__image img {
position: absolute;
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
}
.preview-card__content {
display: flex;
flex-direction: column;
padding: 24px 15px;
background-color: #ffffff;
}
@media (min-width: 992px) {
.preview-card__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
transform: translateY(100%);
height: 100%;
border: solid 4px #ffb74d;
transition: transform 0.3s ease;
}
}
@media (min-width: 1200px) {
.preview-card__content {
padding: 36px 24px;
}
}
.preview-card__date {
margin-bottom: 12px;
}
@media (min-width: 1200px) {
.preview-card__date {
margin-bottom: 20px;
}
}
.preview-card__heading {
margin: 0 0 16px;
font-size: 25px;
line-height: 1.4;
color: #000000;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 700;
}
.preview-card__heading br {
display: none;
}
@media (min-width: 1200px) {
.preview-card__heading {
margin-bottom: 20px;
}
.preview-card__heading br {
display: block;
}
}
@media (min-width: 1200px) {
.preview-card__heading--large {
font-size: 32px;
}
}
.preview-card__text {
margin-bottom: auto;
}
.preview-card__text .readmore {
display: none;
}
.preview-card__text p {
margin: 0;
}
.preview-card__btn {
display: flex;
align-items: center;
margin-top: 20px;
font-size: 16px;
line-height: 1.5;
color: #000000;
font-weight: 600;
transition: color 0.3s ease;
align-self: flex-start;
}
@media (min-width: 992px) {
.preview-card__btn:hover,
.preview-card__btn:focus {
outline: none;
color: #ffb74d;
}
.preview-card__btn:hover svg,
.preview-card__btn:focus svg {
fill: #ffb74d;
}
}
.preview-card__btn:active {
opacity: 0.7;
}
.preview-card__btn svg {
transition: fill 0.3s ease;
margin-left: 10px;
} .about-section__content {
margin-bottom: 56px;
}
@media (min-width: 768px) {
.about-section__content {
margin-bottom: 0;
padding-right: 30px;
}
}
.about-section__heading {
margin: 0 0 12px;
}
@media (min-width: 992px) {
.about-section__heading {
margin-bottom: 20px;
}
}
.about-section__pseudoheading {
max-width: 290px;
margin-bottom: 24px;
}
@media (min-width: 768px) {
.about-section__pseudoheading {
margin-bottom: 42px;
}
}
@media (min-width: 992px) {
.about-section__pseudoheading {
margin-bottom: 52px;
}
}
@media (min-width: 1200px) {
.about-section__pseudoheading {
max-width: 440px;
margin-bottom: 65px;
}
}
.about-section__text {
max-width: 490px;
margin-bottom: 36px;
}
@media (min-width: 992px) {
.about-section__text {
margin-bottom: 62px;
}
}
.about-section__image {
margin-bottom: 30px;
}
.about-section__image img {
max-width: 100%;
height: auto;
}
.about-section__cite-wrapper {
position: relative;
}
.about-section__blockquote {
position: relative;
max-width: 330px;
margin: 0;
padding: 0 0 0 100px;
font-family: "Gilroy", "Arial", sans-serif;
font-weight: 400;
font-style: italic;
color: #000000;
border: none;
}
@media (min-width: 992px) {
.about-section__blockquote {
max-width: 360px;
margin-left: auto;
padding-left: 130px;
}
}
@media (min-width: 1200px) {
.about-section__blockquote {
margin-left: 44px;
}
}
.about-section__blockquote:before {
display: none;
}
.about-section__blockquote .sep {
position: absolute;
left: 0;
top: -17px;
width: 83px;
height: 62px;
}
.about-section__cite {
position: absolute;
top: -212px;
left: -10px;
padding: 79px 46px;
font-size: 25px;
line-height: 1.4;
color: #ffffff;
font-weight: 700;
font-style: normal;
}
@media (min-width: 768px) {
.about-section__cite {
left: -20px;
}
}
@media (min-width: 992px) {
.about-section__cite {
left: -37px;
padding: 79px 76px;
}
}
.about-section__cite::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 100%;
border: solid 4px #ffb74d;
border-right: none;
}
@media (min-width: 992px) {
.about-section__cite::before {
width: 140px;
}
}
@media (min-width: 1200px) {
.about-section__cite::before {
width: 162px;
}
} @media (min-width: 1200px) {
.hero__inner {
position: relative;
overflow: hidden;
}
}
.hero__content {
position: relative;
padding-left: 36px;
}
@media (min-width: 1200px) {
.hero__content {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding-left: 142px;
background-image: linear-gradient(to right, #ffffff 56%, transparent 54.375%);
}
.hero__content .container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
}
@media (min-width: 1560px) {
.hero__content {
padding-left: 0;
background-image: linear-gradient(to right, #ffffff 50%, transparent 44.375%);
}
}
.hero__tag {
position: absolute;
left: 15px;
top: 50%;
writing-mode: vertical-rl;
transform: translateY(-60%) rotate(180deg);
text-transform: uppercase;
}
@media (min-width: 1200px) {
.hero__tag {
transform: translateY(-100%) rotate(180deg);
}
}
@media screen and (min-width: 1830px) {
.hero__tag {
left: calc((100% - 1800px) / 2);
}
}
.hero__heading {
position: relative;
margin-bottom: 60px;
padding-left: 100px;
line-height: 1.125;
}
.hero__heading .sep {
content: "";
position: absolute;
left: 0;
bottom: 50%;
transform: translateY(50%);
width: 83px;
height: 62px;
}
@media (min-width: 1200px) {
.hero__heading .sep {
left: 69px;
bottom: -27px;
transform: translateY(0);
}
}
@media (min-width: 768px) {
.hero__heading {
padding-left: 100px;
font-size: 42px;
}
}
@media (min-width: 992px) {
.hero__heading {
font-size: 64px;
}
}
@media (min-width: 1200px) {
.hero__heading {
display: flex;
flex-direction: column;
margin-top: 60px;
margin-bottom: 60px;
padding: 60px 0 70px 60px;
font-size: 80px;
}
.hero__heading::before {
content: "";
position: absolute;
width: 232px;
height: 100%;
top: 0;
left: 0;
border: solid 4px #ffb74d;
border-right: none;
}
}
@media (min-width: 576px) {
.hero__text {
max-width: 75%;
}
}
@media (min-width: 1200px) {
.hero__text {
max-width: 340px;
}
}
.hero__image {
margin-bottom: 48px;
}
@media (min-width: 1200px) {
.hero__image {
margin-bottom: 0;
margin-left: auto;
width: 44%
}
}
@media (min-width: 1560px) {
.hero__image {
margin-bottom: 0;
margin-left: auto;
width: 50%
}
}
.hero__image img, .elementor .hero__image img {
display: block;
width: 100%;
height: 100vh;
max-width: 100% !important;
object-fit: cover;
}
@media (min-width: 1560px) {
.hero__image img, .elementor .hero__image img {
width: 100%;
margin-left: 0;
}
} .services-section__content {
margin-bottom: 56px;
}
@media (min-width: 768px) {
.services-section__content {
margin-bottom: 0;
}
}
.services-section__heading {
margin: 0 0 12px;
}
@media (min-width: 992px) {
.services-section__heading {
margin-bottom: 20px;
}
}
.services-section__pseudoheading {
max-width: 330px;
margin-bottom: 24px;
}
@media (min-width: 768px) {
.services-section__pseudoheading {
margin-bottom: 40px;
}
}
.services-section__list {
list-style: none;
padding: 0;
margin: 0;
counter-reset: list;
}
.services-section__item {
counter-increment: list;
margin-bottom: 12px;
}
.services-section__item:last-child {
margin-bottom: 0;
}
.services-section__link {
font-size: 16px;
line-height: 1.625;
color: #787878;
font-family: "Swansea", "Arial", sans-serif;
text-transform: uppercase;
transition: color 0.3s ease;
}
.services-section__link::before {
content: "0" counter(list) ".";
display: inline-block;
margin-right: 8px;
}
.services-section__link:focus {
outline: none;
color: #000000;
}
@media (min-width: 992px) {
.services-section__link:hover,
.services-section__link:focus {
color: #000000;
}
}
.services-section__image {
position: relative;
max-width: 426px;
}
.services-section__image img {
max-width: 100%;
height: auto;
}
.services-section__play {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.services-block__header {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.services-block__header {
display: flex;
align-items: center;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.services-block__header {
margin-bottom: 70px;
}
} .statistics__item {
text-align: center;
margin-bottom: 32px;
}
@media (min-width: 576px) {
.statistics__item {
display: flex;
align-items: center;
text-align: left;
}
}
@media (min-width: 992px) {
.statistics__item {
margin-bottom: 0;
}
}
.statistics__item:last-child {
margin-bottom: 0;
}
.statistics__item br {
display: none;
}
@media (min-width: 576px) {
.statistics__item br {
display: block;
}
}
.statistics__item-text {
font-size: 16px;
line-height: 1.3125;
color: #000000;
text-transform: uppercase;
font-weight: 600;
}
.statistics__item-value {
margin-bottom: 6px;
font-size: 60px;
line-height: 1.16;
color: #ffb74d;
font-weight: 700;
}
@media (min-width: 576px) {
.statistics__item-value {
margin-bottom: 0;
margin-right: 24px;
}
} @media (min-width: 1200px) {
.latest-projects__inner {
padding: 0 34px;
max-width: 100%;
}
}
@media (min-width: 1560px) {
.latest-projects__inner {
padding: 0 54px;
}
}
.latest-projects__header {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.latest-projects__header {
display: flex;
align-items: flex-end;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.latest-projects__header {
margin-bottom: 70px;
}
}
.latest-projects__heading {
margin: 0 0 16px;
}
@media (min-width: 768px) {
.latest-projects__heading {
margin-bottom: 0;
margin-right: auto;
}
}
.latest-projects__filter {
margin-bottom: 16px;
}
@media (min-width: 768px) {
.latest-projects__filter {
flex-shrink: 0;
margin-bottom: 7px;
margin-left: 20px;
}
}
@media (min-width: 768px) {
.latest-projects__more {
flex-shrink: 0;
margin-left: 50px;
margin-bottom: 10px;
}
} .partners__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -98px;
}
.partners__list--justify-start {
justify-content: flex-start;
}
.partners__item {
width: 50%;
text-align: center;
align-self: center;
margin-top: 98px;
}
@media (min-width: 576px) {
.partners__item {
width: 33.33%;
}
}
@media (min-width: 992px) {
.partners__item {
width: 25%;
}
}
@media (min-width: 1200px) {
.partners__item {
width: 20%;
}
}
.partners__item img {
display: inline-block;
vertical-align: top;
max-width: 90%;
height: auto;
filter: grayscale(1);
transition: filter 0.3s ease;
}
.partners__item img:hover {
filter: grayscale(0);
}
.parallax .partners__item {
opacity: 1;
} .reviews-carousel__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 35px;
font-weight: 700;
margin-bottom: 35px;
padding-top: 25px;
}
@media (min-width: 768px) {
.reviews-carousel__title {
font-size: 40px;
}
}
@media (min-width: 992px) {
.reviews-carousel__title {
font-size: 48px;
margin-bottom: 64px;
}
}
.reviews-carousel__item {
margin-top: 58px;
} .latest-news {
padding-bottom: 10px;
}
.latest-news__header {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.latest-news__header {
display: flex;
align-items: flex-end;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.latest-news__header {
margin-bottom: 70px;
}
}
.latest-news__heading {
margin: 0 0 16px;
}
@media (min-width: 768px) {
.latest-news__heading {
margin-bottom: 0;
margin-right: auto;
}
}
@media (min-width: 768px) {
.latest-news__more {
flex-shrink: 0;
margin-left: 30px;
margin-bottom: 10px;
}
}
@media (min-width: 1200px) {
.latest-news__more {
margin-left: 45px;
}
}
.latest-news__item {
margin-bottom: 36px;
}
@media (min-width: 992px) {
.latest-news__item {
margin-bottom: 0;
}
} .projects-masonry {
list-style: none;
padding: 0;
}
.projects-masonry--pt {
padding-top: 18px;
}
@media (min-width: 1200px) {
.projects-masonry__inner {
padding: 0 34px;
max-width: 100%;
}
}
@media (min-width: 1560px) {
.projects-masonry__inner {
padding: 0 54px;
}
}
.projects-masonry__item {
margin-bottom: 30px;
}
.projects-masonry__item .card__image img {
height: 460px;
object-fit: cover;
object-position: center center;
} .projects-carousel {
position: relative;
padding-bottom: 32px;
}
@media (min-width: 576px) {
.projects-carousel {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.projects-carousel {
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.projects-carousel {
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.projects-carousel {
padding-bottom: 92px;
}
}
.projects-carousel__item {
width: 100%;
}
@media (min-width: 576px) {
.projects-carousel__item {
width: 80%;
}
}
@media (min-width: 768px) {
.projects-carousel__item {
width: 65%;
}
}
@media (min-width: 992px) {
.projects-carousel__item {
width: 55%;
}
}
@media (min-width: 1200px) {
.projects-carousel__item {
width: 40%;
max-width: 658px;
}
}
.projects-carousel__navigation {
position: absolute;
left: 0;
top: calc(50% - 16px);
z-index: 1;
width: 100%;
height: 0;
box-sizing: border-box;
}
@media (min-width: 576px) {
.projects-carousel__navigation {
top: calc(50% - 20px);
}
}
@media (min-width: 768px) {
.projects-carousel__navigation {
top: calc(50% - 30px);
}
}
@media (min-width: 992px) {
.projects-carousel__navigation {
top: calc(50% - 40px);
}
}
@media (min-width: 1200px) {
.projects-carousel__navigation {
top: calc(50% - 46px);
}
}
.projects-carousel__next,
.projects-carousel__prev {
position: absolute;
top: 0;
transform: translateY(-50%);
width: 64px;
height: 64px;
border: none;
background-color: transparent;
cursor: pointer;
}
.projects-carousel__next.swiper-button-disabled,
.projects-carousel__prev.swiper-button-disabled {
display: none;
}
.projects-carousel__next svg,
.projects-carousel__prev svg {
fill: #ffffff;
transition: fill 0.3s ease;
}
.projects-carousel__next:hover,
.projects-carousel__next:focus,
.projects-carousel__prev:hover,
.projects-carousel__prev:focus {
outline: none;
fill: #ffb74d;
}
.projects-carousel__next:active,
.projects-carousel__prev:active {
opacity: 0.7;
}
.projects-carousel__next {
right: 24px;
}
@media (min-width: 1200px) {
.projects-carousel__next {
right: 48px;
}
}
.projects-carousel__prev {
left: 24px;
}
@media (min-width: 1200px) {
.projects-carousel__prev {
left: 48px;
}
} @media (min-width: 1200px) {
.featured-projects__inner {
padding: 0 34px;
max-width: 100%;
}
}
@media (min-width: 1560px) {
.featured-projects__inner {
padding: 0 54px;
}
}
.featured-projects__header {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.featured-projects__header {
display: flex;
align-items: center;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
.featured-projects__header {
margin-bottom: 70px;
}
}
.featured-projects__heading {
margin: 0 0 16px;
}
@media (min-width: 768px) {
.featured-projects__heading {
margin-bottom: 0;
margin-right: auto;
}
}
@media (min-width: 768px) {
.featured-projects__more {
flex-shrink: 0;
margin-left: 30px;
}
}
@media (min-width: 1200px) {
.featured-projects__more {
margin-left: 45px;
}
}
.featured-projects__item {
margin-bottom: 28px;
} .projects-slider__item {
max-width: 510px;
}
.projects-slider__item.swiper-slide-prev,
.projects-slider__item.swiper-slide-next {
position: relative;
}
.projects-slider__item.swiper-slide-prev::before,
.projects-slider__item.swiper-slide-next::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
}
@media (min-width: 768px) {
.projects-slider__item {
max-width: 690px;
}
}
@media (min-width: 992px) {
.projects-slider__item {
max-width: 930px;
}
}
@media (min-width: 1200px) {
.projects-slider__item {
max-width: 1110px;
}
}
.projects-slider img {
max-width: 100%;
height: auto;
}
.projects-slider__navigation {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
transform: translateX(-50%);
width: 100%;
max-width: 510px;
height: 0;
box-sizing: border-box;
}
@media (min-width: 768px) {
.projects-slider__navigation {
max-width: 690px;
}
}
@media (min-width: 992px) {
.projects-slider__navigation {
max-width: 930px;
}
}
@media (min-width: 1200px) {
.projects-slider__navigation {
max-width: 1110px;
}
}
.projects-slider__next,
.projects-slider__prev {
position: absolute;
top: 0;
transform: translateY(-50%);
width: 32px;
height: 32px;
padding: 0;
border: none;
background-color: transparent;
appearance: none;
cursor: pointer;
}
@media (min-width: 992px) {
.projects-slider__next,
.projects-slider__prev {
width: 64px;
height: 64px;
}
}
.projects-slider__next.swiper-button-disabled,
.projects-slider__prev.swiper-button-disabled {
display: none;
}
.projects-slider__next svg,
.projects-slider__prev svg {
fill: #ffffff;
transition: fill 0.3s ease;
width: 32px;
height: 32px;
}
@media (min-width: 992px) {
.projects-slider__next svg,
.projects-slider__prev svg {
width: 64px;
height: 64px;
}
}
.projects-slider__next:hover,
.projects-slider__next:focus,
.projects-slider__prev:hover,
.projects-slider__prev:focus {
outline: none;
fill: #ffb74d;
}
.projects-slider__next:active,
.projects-slider__prev:active {
opacity: 0.7;
}
.projects-slider__next {
right: 24px;
}
@media (min-width: 1200px) {
.projects-slider__next {
right: 48px;
}
}
.projects-slider__prev {
left: 24px;
}
@media (min-width: 1200px) {
.projects-slider__prev {
left: 48px;
}
}
.project-meta {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (min-width: 768px) {
.project-meta {
flex-wrap: nowrap;
}
}
.project-meta__item {
width: 50%;
}
@media (min-width: 768px) {
.project-meta__item {
width: auto;
}
}
.project-meta__item:nth-child(n+3) {
margin-top: 30px;
}
@media (min-width: 768px) {
.project-meta__item:nth-child(n+3) {
margin-top: 0;
}
}
.project-meta__item-title {
margin-bottom: 20px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 16px;
line-height: 1;
color: #000000;
font-weight: 600;
text-transform: uppercase;
}
.project-designer__image {
margin-bottom: 40px;
}
.project-designer__image img {
max-width: 100%;
height: auto;
}
.project-designer__content {
position: relative;
padding-top: 100px;
overflow: hidden;
}
.project-designer__content .sep {
content: "";
position: absolute;
top: 0;
left: 15px;
width: 83px;
height: 62px;
}
.project-designer__title {
margin-bottom: 24px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 2;
color: #000000;
}
@media (min-width: 1200px) {
.project-designer__title {
margin-bottom: 50px;
}
}
.project-designer__title b {
font-size: 32px;
line-height: 1.5625;
}
.project-designer__text {
max-width: 670px;
}
.steps {
list-style: none;
padding: 0;
margin: 0;
counter-reset: steps;
}
.steps__item {
position: relative;
counter-increment: steps;
margin-bottom: 32px;
padding-left: 70px;
}
@media (min-width: 576px) {
.steps__item {
padding-left: 100px;
margin-bottom: 48px;
}
}
@media (min-width: 992px) {
.steps__item {
margin-bottom: 64px;
padding-left: 160px;
}
}
@media (min-width: 1200px) {
.steps__item {
margin-bottom: 96px;
padding-left: 180px;
}
}
.steps__item:last-child {
margin-bottom: 0;
}
.steps__item::before {
content: "0" counter(steps) ".";
position: absolute;
top: 0;
left: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 36px;
line-height: 1;
color: #000000;
font-weight: 700;
}
@media (min-width: 576px) {
.steps__item::before {
font-size: 48px;
}
}
@media (min-width: 992px) {
.steps__item::before {
font-size: 64px;
}
}
@media (min-width: 1200px) {
.steps__item::before {
font-size: 80px;
}
}
.steps__item-title {
margin: 0 0 16px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 1;
color: #000000;
font-weight: 700;
}
@media (min-width: 1200px) {
.steps__item-title {
margin-bottom: 30px;
}
}
.steps__item-text {
max-width: 522px;
}
.process__heading {
position: relative;
margin: 0 0 32px;
}
@media (min-width: 768px) {
.process__heading {
margin-bottom: 60px;
}
}
.process__heading::before {
content: "";
position: absolute;
left: -15px;
top: 30%;
width: 45px;
border-top: solid 2px #ffb74d;
transform: translateX(-100%);
}
@media (min-width: 768px) {
.process__heading::before {
width: 70px;
}
}
@media (min-width: 1200px) {
.process__heading::before {
left: -36px;
}
}
.process__text {
margin-top: 20px;
font-size: 18px;
line-height: 1.6;
}
@media (min-width: 576px) {
.process__text {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.process__text {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.process__text {
margin-top: 80px;
}
}
@media (min-width: 1200px) {
.process__text {
margin-top: 100px;
font-size: 25px;
}
}
.process__steps {
margin: 42px 0;
}
@media (min-width: 576px) {
.process__steps {
margin: 60px 0;
}
}
@media (min-width: 768px) {
.process__steps {
margin: 100px 0;
}
}
@media (min-width: 992px) {
.process__steps {
margin: 160px 0;
}
}
.process img {
max-width: 100%;
height: auto;
}
.services-provided__heading {
position: relative;
margin: 0 0 32px;
}
@media (min-width: 768px) {
.services-provided__heading {
margin-bottom: 64px;
}
}
@media (min-width: 1200px) {
.services-provided__heading {
margin-bottom: 100px;
}
}
.services-provided__heading::before {
content: "";
position: absolute;
left: -15px;
top: 30%;
width: 45px;
border-top: solid 2px #ffb74d;
transform: translateX(-100%);
}
@media (min-width: 768px) {
.services-provided__heading::before {
width: 70px;
}
}
@media (min-width: 1200px) {
.services-provided__heading::before {
left: -36px;
}
}
.services-provided__column {
margin-bottom: 48px;
}
.services-provided__column:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.services-provided__column {
margin-bottom: 0;
}
}
.services-provided__column-heading {
margin: 0 0 30px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 1;
color: #000000;
font-weight: 700;
}
@media (min-width: 768px) {
.services-provided__column-text {
max-width: 272px;
}
}
.services-provided__icon {
height: 60px;
margin-bottom: 30px;
}
.services-provided__icon .e-font-icon-svg {
max-height: 100%;
height: 56px;
}
.services-provided__link {
display: inline-flex;
align-items: center;
margin-top: 32px;
font-size: 20px;
line-height: 1.15;
color: #000000;
font-weight: 600;
transition: color 0.3s ease;
}
.services-provided__link svg {
margin-left: 8px;
transition: fill 0.3s ease;
}
.services-provided__link:focus {
outline: none;
color: #ffb74d;
}
.services-provided__link:focus svg {
fill: #ffb74d;
}
@media (min-width: 992px) {
.services-provided__link:hover,
.services-provided__link:focus {
color: #ffb74d;
}
.services-provided__link:hover svg,
.services-provided__link:focus svg {
fill: #ffb74d;
}
}
.architects__heading {
position: relative;
margin: 0 0 32px;
}
@media (min-width: 768px) {
.architects__heading {
margin-bottom: 64px;
}
}
@media (min-width: 1200px) {
.architects__heading {
margin-bottom: 100px;
}
}
.architects__heading::before {
content: "";
position: absolute;
left: -15px;
top: 30%;
width: 45px;
border-top: solid 2px #ffb74d;
transform: translateX(-100%);
}
@media (min-width: 768px) {
.architects__heading::before {
width: 70px;
}
}
@media (min-width: 1200px) {
.architects__heading::before {
left: -36px;
}
}
.architects__column {
margin-bottom: 30px;
} .services {
color: #000000;
}
.services__wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.services__wrapper {
flex-direction: row;
align-items: flex-start;
padding-top: 50px;
}
}
.services__left {
display: flex;
align-items: center;
max-width: 300px;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.services__left {
display: block;
margin-right: 100px;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.services__left {
margin-right: 165px;
}
}
.services__left p {
margin: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}
.services__left p br {
display: none;
}
@media (min-width: 992px) {
.services__left p br {
display: block;
}
}
@media (min-width: 1200px) {
.services__left p {
font-size: 20px;
line-height: 35px;
text-align: left;
}
}
.services__digit {
margin-right: 48px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 80px;
line-height: 90px;
font-weight: bold;
color: #fcd54c;
position: relative;
text-align: left;
}
@media (min-width: 992px) {
.services__digit {
margin-bottom: 15px;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.services__digit {
margin-bottom: 27px;
font-size: 170px;
line-height: 195px;
}
}
.services__digit span span {
font-size: 50px;
line-height: 50px;
position: absolute;
left: auto;
top: -15px;
}
@media (min-width: 1200px) {
.services__digit span span {
font-size: 80px;
line-height: 80px;
left: 119px;
top: -65px;
}
}
.services__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 35px;
line-height: 40px;
font-weight: bold;
text-align: left;
margin-bottom: 35px;
}
@media (min-width: 768px) {
.services__title {
font-size: 40px;
line-height: 45px;
}
}
@media (min-width: 1200px) {
.services__title {
font-size: 48px;
line-height: 69px;
margin-bottom: 103px;
}
}
.services__title span span {
color: #fcd54c;
}
.services__grid {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.services__grid {
margin: 0 -27px;
}
}
.services__item {
width: 100%;
margin-bottom: 33px;
}
@media (min-width: 992px) {
.services__item:hover .services__link,
.services__item:focus .services__link {
opacity: 1;
}
}
@media (min-width: 992px) {
.services__item {
width: calc(48.7% - 54px);
margin: 0 27px 33px;
}
}
.services__item-title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.services__item-title {
font-size: 25px;
margin-bottom: 18px;
}
}
.services__item-text {
font-size: 14px;
line-height: 18px;
color: #787878;
margin-bottom: 10px;
}
@media (min-width: 576px) {
.services__item-text {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 768px) {
.services__item-text {
margin-bottom: 18px;
}
}
.services__link {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #fcd54c;
transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
.services__link:hover svg,
.services__link:focus svg {
animation: link-arrow-hover 0.4s ease;
}
}
.services__link svg {
fill: #fcd54c;
margin-left: 16px;
} @media (min-width: 1200px) {
.projects-grid__inner {
padding: 0 34px;
max-width: 100%;
}
}
@media (min-width: 1560px) {
.projects-grid__inner {
padding: 0 54px;
}
}
.projects-grid__list {
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.projects-grid__item {
margin-bottom: 30px;
}
.projects-grid__bg {
position: fixed;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.projects-grid__bg-item {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transform: scale(1);
transition: all 5s, opacity 0.35s;
background-repeat: no-repeat;
background-size: cover;
}
.projects-grid__bg-item.active {
opacity: 1;
transform: scale(1.03);
} .team-list {
list-style: none;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 1200px) {
.team-list {
padding-top: 50px;
}
}
.team-list__item {
margin-top: 30px;
}
.team-list__item .card__image img,
.architects__column .card__image img {
height: 450px;
object-fit: cover;
object-position: center center;
}
.team-list__item .fa,
.team-list__item .fas,
.architects__column .fa,
.architects__column .fas {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
} .news-listing {
list-style: none;
padding: 0;
}
.news-listing__item {
margin-bottom: 30px;
height: 393px;
}
.news-listing__item.news-listing__item--auto {
height: auto;
}
@media (max-width: 991px) {
.news-listing__item {
height: auto;
}
}
@media (min-width: 992px) {
.news-listing__item {
height: 393px;
}
}
@media (min-width: 992px) {
.news-listing__item--high {
height: 478px;
}
}
@media (min-width: 992px) {
.news-listing__item--auto {
height: auto;
}
}
.news-listing__item .readmore {
display: none;
}
.post-page__heading {
margin-bottom: 38px;
}
@media (min-width: 1560px) {
.post-page__filter {
margin: 0 -200px;
}
}
.post-page__filter .news-list__filter-with-search input {
width: 100%;
}
.post-page__main-pic {
margin: 0;
height: 400px;
}
@media (min-width: 1560px) {
.post-page__main-pic {
margin: 0 -375px;
height: 700px;
}
}
.post-page__main-pic img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-page__wrapper {
display: flex;
flex-direction: column;
margin-top: 28px;
}
@media (min-width: 992px) {
.post-page__wrapper {
flex-direction: row;
justify-content: space-between;
margin-top: 94px;
}
}
.post-sb-page__main-pic--inner {
height: 400px;
}
.post-sb-page__main-pic {
position: relative;
margin: 0;
font-size: 0;
}
.post-sb-page__main-pic img, .article .post-sb-page__main-pic img {
width: 100%;
object-fit: cover;
height: 400px;
}
@media (min-width: 992px) {
.post-sb-page__main-pic img, .article .post-sb-page__main-pic img, .post-sb-page__main-pic--inner {
height: 500px;
}
}
@media (min-width: 1200px) {
.post-sb-page__main-pic img, .article .post-sb-page__main-pic img {
max-width: 100%;
margin-left: 0;
margin-right: 0;
height: 500px;
}
.post-sb-page__main-pic--inner {
margin-left: 34px;
margin-right: 34px;
height: 500px;
}
}
@media (min-width: 1560px) {
.post-sb-page__main-pic {
margin-left: 54px;
margin-right: 54px;
}
}
@media (min-width: 1560px) {
.post-sb-page__main-pic {
margin-top: 80px;
}
.post-sb-page__main-pic img, .article .post-sb-page__main-pic img, .post-sb-page__main-pic--inner {
margin-top: 0;
height: 40vw;
}
}
.post-sb-page__main-pic--inner:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
z-index: 2;
}
.post-sb-page__main-pic--inner img, .article .post-sb-page__main-pic--inner img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
}
.post-sb-page__main-pic--inner .post-sb-page__title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 50px 20px;
position: relative;
z-index: 3;
text-align: center;
}
.post-sb-page__main-pic--inner .post-sb-page__tag {
font-size: 18px;
line-height: 24px;
color: #ffffff;
margin-bottom: 10px;
transition: color 0.3s ease;
}
.post-sb-page__main-pic--inner .post-sb-page__tag a {
color: #ffffff;
}
@media (min-width: 992px) {
.post-sb-page__main-pic--inner .post-sb-page__tag {
font-size: 20px;
line-height: 26px;
margin-bottom: 25px;
}
}
.post-sb-page__main-pic--inner .post-sb-page__heading {
margin: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 40px;
line-height: 44px;
font-weight: 700;
color: #ffffff;
}
@media (min-width: 992px) {
.post-sb-page__main-pic--inner .post-sb-page__heading {
font-size: 60px;
line-height: 64px;
}
}
@media (min-width: 1560px) {
.post-sb-page__main-pic--inner .post-sb-page__heading {
font-size: 60px;
line-height: 80px;
}
}
.post-sb-page__main-pic--inner .post-sb-page__heading span {
color: #ffb74d;
}
.post-sb-page__wrapper {
display: flex;
flex-direction: column;
margin-top: 28px;
overflow: hidden;
}
@media (min-width: 992px) {
.post-sb-page__wrapper {
flex-direction: row;
justify-content: space-between;
margin-top: 100px;
}
}
.post-sb {
padding-bottom: 60px;
width: 100%;
}
.post-sb__wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.post-sb__wrapper {
flex-direction: row;
}
}
.post-sb__content {
width: 100%;
order: 1;
}
@media (min-width: 992px) {
.post-sb__content {
margin-right: 127px;
order: 0;
}
}
.post-sb__date {
font-size: 16px;
margin-bottom: 15px;
color: #767676;
}
@media (min-width: 992px) {
.post-sb__date {
margin-bottom: 56px;
}
}
.post-sb__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 26px;
line-height: 32px;
font-weight: bold;
color: #000000;
margin-bottom: 35px;
}
@media (min-width: 992px) {
.post-sb__title {
font-size: 32px;
line-height: 45px;
margin-bottom: 66px;
}
}
.post-sb__title a {
color: #000000;
text-decoration: underline;
}
@media (min-width: 992px) {
.post-sb__title a:hover,
.post-sb__title a:focus {
text-decoration: none;
}
}
.post-sb__subtitle {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 23px;
line-height: 30px;
font-weight: bold;
color: #000000;
margin-bottom: 18px;
}
@media (min-width: 992px) {
.post-sb__subtitle {
font-size: 25px;
line-height: 35px;
margin-bottom: 43px;
}
}
.post-sb__text,
.comment-item__text {
font-size: 14px;
line-height: 1.45;
}
@media (min-width: 992px) {
.post-sb__text,
.comment-item__text {
font-size: 16px;
line-height: 1.65;
}
}
.post-sb__text h1,
.post-sb__text h2,
.post-sb__text h3,
.post-sb__text h4,
.post-sb__text h5,
.post-sb__text h6,
.comment-item__text h1,
.comment-item__text h2,
.comment-item__text h3,
.comment-item__text h4,
.comment-item__text h5,
.comment-item__text h6 {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 38px;
line-height: 44px;
font-weight: bold;
color: #000000;
margin: 30px 0 20px 0;
}
.post-sb__text h2,
.comment-item__text h2 {
font-size: 32px;
line-height: 38px;
}
.post-sb__text h3,
.comment-item__text h3 {
font-size: 25px;
line-height: 31px;
}
.post-sb__text h4,
.comment-item__text h4 {
font-size: 22px;
line-height: 28px;
}
.post-sb__text h5,
.comment-item__text h5 {
font-size: 19px;
line-height: 25px;
}
.post-sb__text h6,
.comment-item__text h6 {
font-size: 16px;
line-height: 22px;
}
.post-sb__text p,
.comment-item__text p {
margin: 25px 0;
}
@media (min-width: 992px) {
.post-sb__text p+p {
margin-top: 26px;
}
}
.post-sb__text .wp-block-image,
.comment-item__text .wp-block-image {
margin: 30px 0;
}
.blocks-gallery-grid {
margin: 30px -60px;
}
.wp-block-gallery {
margin: 0 0 30px 0;
}
.wp-block-gallery.alignleft {
margin-right: 20px;
}
.wp-block-gallery.alignright {
margin-left: 20px;
}
.wp-block-gallery .blocks-gallery-grid {
margin: 0;
}
.post-sb__text ul,
.post-sb__text ol,
.comment-item__text ul,
.comment-item__text ol {
margin: 45px 0;
}
.post-sb__text ul ul,
.post-sb__text ol ol,
.comment-item__text ul ul,
.comment-item__text ol ol,
.post-sb__text ul ol,
.post-sb__text ol ul,
.comment-item__text ul ol,
.comment-item__text ol ul {
margin: 15px 0;
}
span.edit-link {
margin-top: 30px;
position: relative;
display: block;
clear: both;
}
span.edit-link a:before {
content: '\f044';
position: relative;
display: inline-block;
width: 23px;
height: 23px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.post-sb__review {
margin: 40px 0;
}
@media (min-width: 992px) {
.post-sb__review {
margin: 84px 0 92px;
}
}
.post-sb__review .twitter-block__wrapper {
padding: 30px;
}
@media (min-width: 576px) {
.post-sb__review .twitter-block__wrapper {
padding: 66px 71px 55px;
}
}
.post-sb__content-pic {
margin: 35px 0 28px;
overflow: hidden;
}
@media (min-width: 992px) {
.post-sb__content-pic {
margin: 80px 0 77px;
}
}
.post-sb__content-pic img {
width: 100%;
object-fit: cover;
}
.post-sb .quote {
margin: 40px 0;
}
@media (min-width: 992px) {
.post-sb .quote {
margin: 98px 0 212px;
}
}
.post-sb__gallery {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
margin: 0 -15px 45px;
}
@media (min-width: 992px) {
.post-sb__gallery {
flex-direction: row;
margin: 0 -15px 112px;
}
}
.post-sb__gallery-col {
height: 300px;
margin-top: 26px;
}
@media (min-width: 992px) {
.post-sb__gallery-col {
height: 633px;
margin-top: 0;
}
}
.post-sb__gallery-col .small {
height: 300px;
}
.post-sb__gallery-col .small+.small {
margin-top: 26px;
}
.post-sb__bottom {
margin-top: 45px;
padding-top: 45px;
border-top: 1px solid #a6a6a6;
}
@media (min-width: 992px) {
.post-sb__bottom {
margin-top: 60px;
padding-top: 60px;
}
}
.post-sb__tags span,
.post-sb__socials>span {
margin-right: 20px;
display: inline-block;
vertical-align: top;
color: #000000;
font-size: 16px;
font-weight: bold;
}
.post-sb__socials,
.post-sb__tags {
display: flex;
margin: 0 0 25px 0;
font-size: 0;
}
.post-sb__tags {
display: block;
}
.post-sb__social .social__item+.social__item {
margin-left: 20px;
}
.post-sb__social .social__link {
padding-top: 5px;
width: auto;
height: auto;
cursor: pointer;
transition: color 0.3s ease;
}
.post-sb__social .social__link:hover {
color: #ffb74d;
}
.post-sb__socials .fa,
.post-sb__socials .fas {
font-family: 'Font Awesome 5 Brands';
}
.post-sb__related {
margin: 15px 0;
}
@media (min-width: 992px) {
.post-sb__related {
margin: 196px 0 100px;
}
}
.post-sb__comment {
max-width: 730px;
margin: 0 auto 50px;
}
@media (min-width: 992px) {
.post-sb__comment {
margin-bottom: 60px;
}
}
.post-sb__comment-form {
margin: 0 auto;
}
.post-sb--full .post-sb__content {
margin-right: 0;
}
@media (min-width: 992px) {
.post-sb--full .post-sb__content-pic {
margin: 80px -190px 77px;
}
}
@media (min-width: 992px) {
.post-sb--full .post-sb__gallery {
flex-direction: row;
margin: 0 -190px 112px;
}
}
.post-related {
padding: 20px 0;
background-color: #ffffff;
}
@media (min-width: 992px) {
.post-related {
padding: 119px 0 103px;
background-color: #f8f8f8;
}
}
@media (min-width: 1560px) {
.post-related {
background-color: transparent;
background-image: linear-gradient(to right, #f8f8f8 86.09%, transparent 86.09%);
}
}
.post-related__container {
margin: 0 auto;
}
@media (min-width: 992px) {
.post-related__container {
max-width: 1110px;
}
}
.post-related__wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -15px;
}
.post-related__title {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.post-related__title {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 90px;
}
}
.post-related__title span {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 26px;
line-height: 32px;
font-weight: bold;
color: #000000;
}
@media (min-width: 992px) {
.post-related__title span {
font-size: 32px;
line-height: 45px;
}
}
.post-related__title a {
display: flex;
align-items: center;
margin-top: 10px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 16px;
line-height: 21px;
font-weight: 600;
color: #a1a1a1;
transition: color 0.3s ease;
}
@media (min-width: 992px) {
.post-related__title a {
margin-top: 0;
}
}
@media (min-width: 992px) {
.post-related__title a:hover,
.post-related__title a:focus {
color: #ffb74d;
}
.post-related__title a:hover svg,
.post-related__title a:focus svg {
fill: #ffb74d;
}
}
.post-related__title a svg {
fill: #787878;
margin-left: 15px;
transition: fill 0.3s ease;
}
.post-related__item {
height: auto;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.post-related__item {
height: 350px;
}
}
.post-related__item .card__content {
background-color: #ffffff;
}
@media (min-width: 992px) {
.post-related__item .card__content {
background-color: #f8f8f8;
}
}
.comment__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 24px;
line-height: 36px;
font-weight: bold;
color: #000000;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.comment__title {
font-size: 32px;
line-height: 45px;
margin-bottom: 60px;
}
}
.comments {
margin: 0;
padding: 0;
list-style: none;
}
.comment.comment-item {
list-style: none;
}
.comment .comment-item+.comment-item {
margin-top: 30px;
}
@media (min-width: 768px) {
.comment .comment-item+.comment-item {
margin-top: 63px;
}
}
.comment.comment-item ul.children > li {
margin-top: 30px;
}
@media (min-width: 768px) {
.comment.comment-item ul.children > li {
margin-top: 63px;
}
}
.comment .comment-item__photo img {
float: left;
max-width: 80px;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 10px;
}
.comment .comment-item__content {
margin-left: 112px;
}
.comment .comment-item__top {
margin-bottom: 5px;
}
.comment .comment-item__name {
font-size: 16px;
line-height: 26px;
font-weight: bold;
color: #000000;
}
@media (min-width: 992px) {
.comment .comment-item__name {
margin-right: 19px;
}
}
.comment .comment-item__sent {
margin-top: 10px;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.comment .comment-item__text {
font-size: 16px;
line-height: 26px;
margin-bottom: 31px;
}
.comment .comment-item__reply a {
width: 68px;
padding: 5px 13px;
font-size: 12px;
color: #000000;
text-align: center;
border: 1px solid #d3d3d3;
background-color: #ffffff;
text-transform: uppercase;
box-sizing: border-box;
cursor: pointer;
transition: all 0.3s ease;
}
@media (min-width: 992px) {
.comment .comment-item__reply a:hover,
.comment .comment-item__reply a:focus {
outline: none;
border-color: #ffb74d;
background-color: #ffb74d;
}
}
@media (min-width: 768px) {
.comment .comment-item__reply a {
left: 0;
transform: none;
}
}
.comment .comment-item--replyed {
margin-left: 50px;
}
@media (min-width: 768px) {
.comment .comment-item--replyed {
margin-left: 80px;
}
}
@media (min-width: 992px) {
.comment .comment-item--replyed {
margin-left: 110px;
}
}
.comment-item .comment-respond {
margin-top: 45px;
}
.comment-item .comment-respond .comment-form__title small {
font-size: 16px;
}
.comment-form {
max-width: 730px;
}
.comment-form .field {
margin-bottom: 30px;
}
.comment-form__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 29px;
line-height: 34px;
font-weight: bold;
color: #000000;
margin-bottom: 30px;
}
.comment-form input[type="text"],
.comment-form input[type="number"],
.comment-form input[type="tel"],
.comment-form input[type="email"],
.comment-form input[type="phone"],
.comment-form input[type="address"],
.comment-form input[type="password"],
.comment-form textarea {
width: 100%;
height: 50px;
padding: 16px;
border: 1px solid #d4d4d4;
background-color: #ffffff;
box-sizing: border-box;
font-family: "Poppins", "Arial", sans-serif;
transition: border-color 0.3s ease;
}
.comment-form input::placeholder,
.comment-form textarea::placeholder {
font-size: 16px;
opacity: 0.5;
color: #000000;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: #000000;
}
.comment-form input:focus::placeholder,
.comment-form textarea:focus::placeholder {
opacity: 0;
}
.comment-form textarea {
height: 174px;
resize: none;
}
.comment-form__inputs-group {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.comment-form__inputs-group {
flex-direction: row;
justify-content: space-between;
margin: 0 -15px 30px;
}
}
.comment-form__inputs-group .comment-form__field-wrapper {
width: 100%;
margin: 0 0 15px;
}
@media (min-width: 992px) {
.comment-form__inputs-group .comment-form__field-wrapper {
width: calc(50% - 30px);
margin: 0 15px;
}
}
.comment-form__inputs-group .comment-form__field-wrapper label {
margin-bottom: 0;
}
.comment-form__btn {
padding: 17px 44px;
border-radius: 0;
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
}
.quote,
blockquote {
margin: 45px 0;
padding: 20px 20px 20px 70px;
border: 4px solid #ffb74d;
position: relative;
}
@media (min-width: 992px) {
.quote,
blockquote {
padding: 37px 50px 29px 123px;
}
}
.wp-block-column .quote,
.wp-block-column blockquote {
padding: 30px;
}
.wp-block-column .quote p,
.wp-block-column blockquote p {
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
}
.wp-block-column .quote .quote__name,
.wp-block-column blockquote cite {
font-size: 14px;
}
.quote::before,
blockquote::before {
content: ",,";
display: block;
font-family: "Poppins", "Arial", sans-serif;
font-size: 70px;
line-height: 70px;
font-weight: 600;
letter-spacing: -5px;
color: #ffb74d;
position: absolute;
top: -21px;
left: 18px;
}
@media (min-width: 992px) {
.quote::before,
blockquote::before {
font-size: 100px;
line-height: 80px;
top: -19px;
left: 34px;
}
}
.quote p,
blockquote p,
.post-sb__text blockquote p,
.post-sb__text blockquote p,
.comment-item__text blockquote p,
.comment-item__text blockquote p {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 18px;
line-height: 30px;
font-weight: 600;
color: #000000;
margin: 0 0 28px;
}
@media (min-width: 992px) {
.quote p,
blockquote p {
font-size: 20px;
line-height: 35px;
}
}
.quote__name,
blockquote cite {
color: #000000;
font-size: 16px;
line-height: 20px;
font-weight: 700;
font-style: normal;
}
.quote__name br, blockquote cite br {
display: none;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 45px 0;
padding: 35px 30px 30px 100px;
}
.wp-block-pullquote blockquote {
margin: 0;
} .service-card {
counter-increment: services;
}
@media (min-width: 768px) {
.service-card--reverse .service-card__inner {
flex-direction: row-reverse;
}
}
.service-card--reverse .service-card__left::before {
left: auto;
right: 0;
border-left: none;
border-right: solid 4px #ffb74d;
}
@media (min-width: 768px) {
.service-card--reverse .service-card__left::after {
right: 32px;
}
}
@media (min-width: 992px) {
.service-card--reverse .service-card__left {
padding: 64px 48px 64px 96px;
}
.service-card--reverse .service-card__left::after {
right: 48px;
}
}
.service-card--reverse .service-card__detail {
left: auto;
right: 0;
}
@media (min-width: 768px) {
.service-card--reverse .service-card__detail {
border-right: none;
border-left: solid 4px #ffffff;
}
}
@media (min-width: 768px) and (min-width: 992px) {
.service-card--reverse .service-card__detail:hover,
.service-card--reverse .service-card__detail:focus {
border-color: #ffb74d;
}
}
.service-card__inner {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.service-card__inner {
flex-direction: row;
padding-bottom: 150px;
}
}
@media (min-width: 992px) {
.service-card__inner {
padding-bottom: 116px;
}
}
.service-card__left {
position: relative;
padding-left: 56px;
}
@media (min-width: 768px) {
.service-card__left {
padding: 32px;
}
.service-card__left::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 45%;
height: 100%;
border-top: solid 4px #ffb74d;
border-left: solid 4px #ffb74d;
pointer-events: none;
}
}
@media (min-width: 992px) {
.service-card__left {
display: flex;
align-items: center;
padding: 64px 96px 64px 48px;
}
}
@media (min-width: 1200px) {
.service-card__left {
padding-top: 100px;
padding-bottom: 100px;
}
}
.service-card__left .num {
position: absolute;
left: 0;
bottom: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 48px;
line-height: 1;
color: #dcdcdc;
font-weight: 700;
transform: rotate(-90deg);
transform-origin: 33% 50%;
}
@media (min-width: 768px) {
.service-card__left .num {
left: 24px;
transform: rotate(0);
}
}
@media (min-width: 768px) {
.service-card__left .num {
left: 32px;
}
}
@media (min-width: 992px) {
.service-card__left .num {
left: 48px;
font-size: 64px;
}
}
@media (min-width: 1200px) {
.service-card__left .num {
font-size: 100px;
}
}
.service-card__right {
order: -1;
}
@media (min-width: 768px) {
.service-card__right {
position: relative;
width: 60%;
flex-shrink: 0;
order: 0;
}
}
@media (min-width: 1200px) {
.service-card__right {
width: 100%;
max-width: 635px;
}
}
.service-card__right img {
display: block;
width: 100%;
height: auto;
}
.service-card__detail {
width: 80%;
max-width: 394px;
padding: 20px 0;
transition: border-color 0.3s ease;
}
@media (min-width: 768px) {
.service-card__detail {
position: absolute;
left: 0;
bottom: 0;
padding: 24px;
border-top: solid 4px #ffffff;
border-right: solid 4px #ffffff;
background-color: #ffffff;
transform: translateY(150px);
}
}
@media (min-width: 992px) {
.service-card__detail {
transform: translateY(116px);
}
}
@media (min-width: 992px) {
.service-card__detail:hover,
.service-card__detail:focus {
border-color: #ffb74d;
}
}
.service-card__tags {
margin: 0 0 10px;
}
.service-card__heading {
margin: 0 0 24px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 1.4;
color: #000000;
font-weight: 700;
}
.service-card__link {
display: flex;
align-items: center;
font-size: 16px;
line-height: 1.5;
color: #ffb74d;
font-weight: 600;
transition: color 0.3s ease;
}
.service-card__link svg {
margin-left: 8px;
fill: #ffb74d;
transition: fill 0.3s ease;
}
@media (min-width: 992px) {
.service-card__link:hover,
.service-card__link:focus {
color: #000000;
}
.service-card__link:hover svg,
.service-card__link:focus svg {
fill: #000000;
}
}
.services-list {
counter-reset: services;
}
.services-list__item+.services-list__item {
margin-top: 40px;
}
@media (min-width: 576px) {
.services-list__item+.services-list__item {
margin-top: 60px;
}
}
@media (min-width: 768px) {
.services-list__item+.services-list__item {
margin-top: 80px;
}
}
@media (min-width: 992px) {
.services-list__item+.services-list__item {
margin-top: 100px;
}
}
.single-service-block h2 {
margin: 0 0 32px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 25px;
line-height: 1.4;
color: #000000;
font-weight: 700;
}
@media (min-width: 1200px) {
.single-service-block h2 {
margin-bottom: 42px;
}
}
.single-service-block p {
margin: 0;
}
.single-service-block p+p {
margin-top: 24px;
}
@media (min-width: 1200px) {
.single-service-block p+p {
margin-top: 50px;
}
}
.single-service-block img {
max-width: 100%;
height: auto;
}
.services-provided__icon i {
font-size: 56px;
color: #000000;
}
.services-provided__icon .e-font-icon-svg {
fill: #000;
} .feedback__heading {
font-size: 32px;
margin: 0 0 32px;
}
@media (min-width: 1200px) {
.feedback__heading {
margin-bottom: 50px;
}
}
.feedback__field-wrapper {
margin-bottom: 30px;
} .contact-block {
max-width: 496px;
background-color: #ffffff;
}
.contact-block__heading {
margin: 0 0 32px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 32px;
line-height: 1.4;
color: #000000;
font-weight: 700;
}
.contact-block__heading span {
font-family: "Swansea", "Arial", sans-serif;
}
.contact-block__address {
max-width: 370px;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.3125;
color: #787878;
font-style: normal;
}
@media (min-width: 1200px) {
.contact-block__address {
margin-bottom: 60px;
}
}
.contact-block__phone {
margin: 0 0 32px;
}
.contact-block__phone a {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 32px;
line-height: 1.4;
color: #000000;
font-weight: 700;
transition: color 0.3s ease;
}
@media (min-width: 992px) {
.contact-block__phone a:hover,
.contact-block__phone a:focus {
outline: none;
color: #ffb74d;
}
}
.contact-block__item {
font-size: 16px;
line-height: 1.3125;
color: #787878;
}
@media (min-width: 576px) {
.contact-block__item {
display: flex;
}
}
.contact-block__item-hint {
margin-bottom: 6px;
color: #000000;
font-weight: 700;
flex-shrink: 0;
}
@media (min-width: 576px) {
.contact-block__item-hint {
margin-bottom: 0;
margin-right: 8px;
}
}
.contact-block__item-val a {
color: #787878;
transition: color 0.3s ease;
}
.contact-block__item-val a:focus {
outline: none;
color: #ffb74d;
}
@media (min-width: 992px) {
.contact-block__item-val a:hover,
.contact-block__item-val a:focus {
color: #ffb74d;
}
}
.contact-block__item+.contact-block__item {
margin-top: 30px;
} @media (min-width: 1200px) {
.about-block--columns .about-block__inner {
display: flex;
}
.about-block--columns .about-block__header {
max-width: 220px;
margin-right: 64px;
margin-bottom: 0;
flex-shrink: 0;
}
}
.about-block__inner {
position: relative;
}
.about-block__inner::before {
content: attr(data-number);
position: absolute;
top: 40px;
left: -510px;
width: 410px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 300px;
line-height: 1;
color: #f2f2f2;
font-weight: 700;
text-align: right;
white-space: nowrap;
}
.about-block__header {
margin-bottom: 50px;
}
@media (min-width: 1200px) {
.about-block__header {
margin-bottom: 100px;
}
}
.about-block__heading {
position: relative;
margin: 0;
}
@media (min-width: 768px) {
.about-block__heading {
font-size: 38px;
}
}
.about-block__heading::before {
content: "";
position: absolute;
left: -15px;
top: 14px;
width: 45px;
border-top: solid 2px #ffb74d;
transform: translateX(-100%);
}
@media (min-width: 768px) {
.about-block__heading::before {
width: 70px;
}
}
@media (min-width: 1200px) {
.about-block__heading::before {
left: -30px;
}
}
.about-block__text {
margin-bottom: 40px;
font-size: 18px;
line-height: 1.6;
color: #787878;
}
@media (min-width: 992px) {
.about-block__text {
margin-bottom: 80px;
font-size: 25px;
}
}
.about-block__text p {
margin: 0;
}
.about-block__text p+p {
margin-top: 1.5em;
}
.about-block__quote {
position: relative;
margin: 0;
padding: 0 0 0 64px;
border: none!important;
}
.about-block__quote:before {
display: none;
}
.about-block__quote .sep {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 42px;
height: 32px;
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.about-block__quote {
padding-left: 0;
}
.about-block__quote .sep {
left: -80px;
}
}
.about-block__team {
margin-top: -30px;
padding-top: 0;
} .map {
position: relative;
max-width: 100%;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.contact-block__heading {
margin: 0 0 20px;
font-size: 25px;
}
.contact-block__phone a {
font-size: 25px;
}
}
@media (min-width: 1200px) {
.map {
max-width: calc(100vw - 68px);
}
}
@media (min-width: 1560px) {
.map {
max-width: calc(100vw - 108px);
}
}
.map iframe {
width: 100%;
height: 300px;
margin-bottom: 40px;
border: none;
z-index: -1;
}
@media (min-width: 992px) {
.map iframe {
position: absolute;
left: 15px;
right: 15px;
width: calc(100% - 30px);
height: 100%;
}
}
.article__feedback {
margin-top: 60px;
} .video-section {
position: relative;
z-index: 1;
background-color: #ffffff;
}
.video-section.video-section--fixed {
height: 100vh;
}
.video-section__inner {
position: relative;
height: 100%;
}
@media (min-width: 1560px) {
.video-section__inner {
max-width: none;
padding-left: 0;
padding-right: 0;
}
}
.video-section video {
display: block;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
pointer-events: none;
}
.video-section__bottom {
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
display: none;
justify-content: space-between;
padding: 15px;
}
@media (min-width: 576px) {
.video-section__bottom {
display: flex;
}
}
@media (min-width: 992px) {
.video-section__bottom {
padding: 52px 15px;
}
}
.video-section__logo {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.video-section__copy {
color: #ffffff;
}
.video-section__copy p {
margin: 0;
}
.video-section .lang-switcher__link {
color: #ffffff;
}
.video-section .lang-switcher__link--current {
color: #ffb74d;
} .main-slider {
position: relative;
overflow: hidden;
height: calc(100vh - 111px);
margin-left: 34px;
margin-right: 34px;
}
@media (max-width: 991px) {
.main-slider {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1560px) {
.main-slider {
margin-left: 54px;
margin-right: 54px;
}
}
.main-slider {
height: calc(100vh - 143px);
}
.main-slider .swiper-container,
.main-slider .swiper-wrapper,
.main-slider .swiper-slide {
height: 100%;
}
.main-slider .swiper-slide {
overflow: hidden;
}
.main-slider .slide {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.main-slider .info {
position: relative;
z-index: 2;
color: #fff;
}
.main-slider .container {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.main-slider .container .subtitle {
margin-bottom: 10px;
font-size: 14px;
line-height: 19px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
}
.main-slider .container .title {
font-size: 80px;
line-height: 90px;
color: #fff;
font-weight: 600;
}
.main-slider .container .title b {
color: #ffb74d;
}
.main-slider .container .more {
margin-top: 90px;
}
.bline .bline-1 {
position: absolute;
left: -50px;
top: -50px;
width: 156px;
height: 4px;
}
.bline .bline-2 {
position: absolute;
left: -50px;
top: -50px;
width: 4px;
height: calc(100% + 100px);
}
.bline .bline-3 {
position: absolute;
left: -50px;
bottom: -50px;
width: 156px;
height: 4px;
}
.bline .bline-1:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0%;
height: 100%;
background: #ffb74d;
transition: all 0.5s ease 0s;
transition-delay: 0.5s;
}
.bline .bline-2:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 0%;
background: #ffb74d;
transition: all 0.5s ease 0s;
transition-delay: 1s;
}
.bline .bline-3:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background: #ffb74d;
transition: all 0.5s ease 0s;
transition-delay: 1.5s;
}
.swiper-slide.swiper-slide-active .bline .bline-1:before {
width: 100%;
}
.swiper-slide.swiper-slide-active .bline .bline-2:before {
height: 100%;
}
.swiper-slide.swiper-slide-active .bline .bline-3:before {
width: 100%;
}
.main-slider .swiper-custom-pagination {
position: absolute;
right: -1px;
bottom: 159px;
width: 100%;
height: 1px;
z-index: 2;
}
@media (max-width: 991px) {
.main-slider .container .title {
font-size: 60px;
line-height: 70px;
}
.main-slider .swiper-custom-pagination {
display: none;
}
.main-slider .info {
margin-left: 50px;
}
}
@media (max-width: 767px) {
.main-slider .container .title {
font-size: 36px;
line-height: 46px;
}
.link-arrow {
font-size: 16px;
}
}
.main-slider .swiper-custom-pagination ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
height: 1px;
}
.main-slider .swiper-custom-pagination ul li {
padding: 0 0 0 34px;
display: flex;
align-items: center;
max-width: 33.333%;
height: 160px;
background: #fff;
}
@media (min-width: 1560px) {
.main-slider .swiper-custom-pagination ul li {
padding: 0 0 0 54px;
}
}
.main-slider .swiper-custom-pagination ul li .num {
margin-right: 36px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 60px;
line-height: 1;
color: #787878;
font-weight: 700;
color: #000000 !important;
transition: color 0.3s ease;
}
.main-slider .swiper-custom-pagination ul li .label {
max-width: 110px;
font-size: 16px;
line-height: 1.625;
color: #787878;
font-weight: 600;
color: #000000 !important;
transition: color 0.3s ease;
}
.main-slider .swiper-custom-nav {
padding-left: 15px;
margin-left: -570px;
width: 1140px;
height: 1px;
position: absolute;
left: 50%;
bottom: 70px;
z-index: 2;
display: none;
}
.main-slider .swiper-custom-nav .prev {
margin-right: 15px;
}
.main-slider .swiper-custom-nav .prev,
.main-slider .swiper-custom-nav .next {
display: inline-block;
vertical-align: top;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 20px;
line-height: 1.2;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
transition: opacity 0.3s ease;
cursor: pointer;
}
.main-slider .swiper-custom-nav .prev:hover,
.main-slider .swiper-custom-nav .next:hover {
opacity: 0.6;
}
.main-slider .tp-tabs {
padding: 0 !important;
background-color: #ffffff !important;
}
.main-slider .tp-tab {
opacity: 1 !important;
}
.main-slider .tp-tab.selected .slide-tab {
cursor: default;
}
.main-slider .tp-tab.selected .slide-tab__number {
color: #ffb74d !important;
}
.main-slider .tp-tab.selected .slide-tab__title {
color: #000000 !important;
}
.main-slider .tparrows {
width: auto;
height: auto;
background-color: transparent;
}
.main-slider .tparrows:hover {
background-color: transparent;
}
.main-slider .tparrows:hover::before {
opacity: 0.6 !important;
}
.main-slider .tparrows::before {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 20px;
line-height: 1.2;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
transition: opacity 0.3s ease;
}
.main-slider .tp-leftarrow::before {
content: "prev";
}
.main-slider .tp-rightarrow::before {
content: "next";
}
.main-slider .rev_slider_wrapper {
height: 100% !important;
}
.main-slider .rev_slider {
height: 100% !important;
}
.main-slider .rev_slider .slot {
height: 100% !important;
}
.main-slider .rev_slider .slot * {
height: 100% !important;
} .article {
overflow: hidden;
padding: 40px 0 0 0;
}
@media (min-width: 768px) {
.article {
padding: 60px 0 0 0;
}
}
@media (min-width: 992px) {
.article {
padding: 100px 0 0 0;
}
}
@media (min-width: 1200px) {
.article {
padding: 150px 0 0 0;
}
}
.article--pb-0 {
padding-bottom: 0;
}
.article__header {
margin-bottom: 50px;
}
@media (min-width: 992px) {
.article__header {
margin-bottom: 100px;
}
}
.article__header-text {
max-width: 700px;
margin-top: 24px;
}
.article__header-meta {
margin-top: 40px;
}
@media (min-width: 576px) {
.article__header-meta {
margin-top: 60px;
}
}
@media (min-width: 768px) {
.article__header-meta {
margin-top: 80px;
}
}
@media (min-width: 992px) {
.article__header-meta {
margin-top: 100px;
}
}
@media (min-width: 1200px) {
.article__header-meta {
margin-top: 127px;
}
}
.article__tag,
.article__header .post-sb-page__tag a {
font-size: 16px;
line-height: 26px;
color: #767676;
text-transform: uppercase;
margin-bottom: 5px;
}
.post-sb-page__tag a:hover {
color: #ffb74d;
}
.article__heading {
margin: 0;
}
.article__filter {
margin-top: 0;
margin-bottom: 60px;
}
@media (min-width: 1200px) {
.article__main--width-full {
padding: 0 34px;
max-width: 100%;
}
}
@media (min-width: 1560px) {
.article__main--width-full {
padding: 0 54px;
}
}
@media (min-width: 992px) {
.article__main--width-small {
max-width: 760px;
}
}
.article img {
max-width: 100%;
height: auto;
}
@media (min-width: 1200px) {
.article__projects-carousel,
.article__project-hero {
margin-bottom: 160px;
}
}
.article__project-hero img {
display: block;
width: 100%;
height: auto;
}
.article__project-text {
margin: 40px 0;
font-size: 18px;
line-height: 1.8;
}
.article__project-text strong {
color: #000000;
font-weight: 600;
}
.article__project-text p {
margin: 0;
}
.article__project-text p+p {
margin-top: 1.5em;
}
@media (min-width: 576px) {
.article__project-text {
margin: 0 0 60px 0;
}
}
@media (min-width: 768px) {
.article__project-text {
margin: 0 0 100px 0;
}
}
@media (min-width: 992px) {
.article__project-text {
margin: 0 0 140px 0;
font-size: 25px;
}
}
.article__projects-slider {
margin: 20px 0 40px;
font-size: 0;
}
@media (min-width: 576px) {
.article__projects-slider {
margin: 40px 0 80px;
}
}
@media (min-width: 768px) {
.article__projects-slider {
margin: 60px 0 100px;
}
}
@media (min-width: 992px) {
.article__projects-slider {
margin: 60px 0 160px;
}
}
.article__project-meta {
margin-bottom: 60px;
}
@media (min-width: 576px) {
.article__project-meta {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.article__project-meta {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.article__project-meta {
margin-bottom: 160px;
}
}
.article__project-designer {
margin-bottom: 60px;
}
@media (min-width: 576px) {
.article__project-designer {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.article__project-designer {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.article__project-designer {
margin-bottom: 150px;
}
}
.article__project-images {
margin-bottom: 80px;
}
@media (min-width: 768px) {
.article__project-images {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.article__project-images {
margin-bottom: 160px;
}
}
@media (min-width: 1200px) {
.article__project-images {
max-width: 100%;
padding: 0 34px;
}
}
@media (min-width: 1560px) {
.article__project-images {
padding: 0 54px;
}
}
.article__project-images-cell {
margin-top: 24px;
}
@media (min-width: 768px) {
.article__project-images-cell {
margin-top: 0;
}
}
@media (min-width: 768px) {
.article__project-images-cell .article__project-images-cell {
margin-top: 24px;
}
}
@media (min-width: 1560px) {
.article__project-images-cell .article__project-images-cell {
margin-top: 30px;
}
}
.article__project-images img {
display: block;
width: 100%;
height: auto;
}
.article__single-service-image {
margin-bottom: 40px;
}
@media (min-width: 576px) {
.article__single-service-image {
margin-bottom: 60px;
}
}
@media (min-width: 768px) {
.article__single-service-image {
margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.article__single-service-image {
margin-bottom: 100px;
}
}
@media (min-width: 1200px) {
.article__single-service-image {
margin-top: 100px;
margin-bottom: 135px;
}
}
.article__single-service-image img {
max-width: 100%;
height: auto;
}
.article__about-hero {
margin-bottom: 40px;
}
@media (min-width: 576px) {
.article__about-hero {
margin-bottom: 60px;
}
}
@media (min-width: 768px) {
.article__about-hero {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.article__about-hero {
margin-bottom: 160px;
}
}
@media (min-width: 1200px) {
.article__about-hero {
max-width: 100%;
margin-top: 100px;
margin-bottom: 210px;
padding: 0 34px;
}
}
@media (min-width: 1560px) {
.article__about-hero {
padding: 0 54px;
}
}
.article__about-hero img {
display: block;
width: 100%;
height: auto;
}
.article .single-service-block+.single-service-block {
margin-top: 60px;
}
@media (min-width: 1200px) {
.article .single-service-block+.single-service-block {
margin-top: 80px;
}
}
.article--news img {
max-width: 100%;
}
.article--news .article__header {
margin-bottom: 40px;
}
@media (min-width: 1200px) {
.article--news .article__filter {
margin-top: 81px;
}
}
.article--news .article__filter .filter__item {
font-weight: 400;
}
@media (min-width: 1200px) {
.article--news .article__filter .filter__item {
font-family: "Poppins", "Arial", sans-serif;
margin-right: 53px;
}
}
.article--p0 {
padding: 0;
} .welcome {
max-width: 480px;
}
.welcome__subtitle {
font-size: 16px;
line-height: 26px;
margin-bottom: 14px;
}
.welcome__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 40px;
line-height: 45px;
font-weight: bold;
text-transform: uppercase;
}
@media (min-width: 576px) {
.welcome__title {
font-size: 55px;
line-height: 60px;
}
}
@media (min-width: 768px) {
.welcome__title {
font-size: 75px;
line-height: 80px;
}
}
@media (min-width: 992px) {
.welcome__title {
font-size: 90px;
line-height: 105px;
}
}
.welcome__title span span {
color: #ffb74d;
}
.welcome__line {
width: 28%;
height: 4px;
background-color: #ffb74d;
margin-top: 50px;
}
@media (min-width: 992px) {
.welcome__line {
margin-top: 100px;
}
}
.parallax {
min-height: 100vh;
overflow-y: auto;
color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
}
.parallax .scroll-wrap {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
min-height: 100%;
padding: 115px 0 144px;
}
@media (min-width: 1200px) {
.parallax .scroll-wrap {
padding: 115px 0 110px;
}
}
.parallax--slider .scroll-wrap {
padding: 0;
}
.parallax__wrapper {
display: flex;
justify-content: space-between;
}
.parallax__type {
display: none;
font-size: 16px;
line-height: 18.77px;
text-transform: uppercase;
transform: rotate(-90deg);
position: absolute;
top: 33.3%;
left: 18px;
}
@media (min-width: 1560px) {
.parallax__type {
display: block;
}
}
.parallax__year {
display: none;
font-size: 16px;
line-height: 18.77px;
transform: rotate(-90deg);
position: absolute;
top: 28.8%;
left: 5px;
}
@media (min-width: 768px) {
.parallax__year {
display: block;
}
}
@media (min-width: 1560px) {
.parallax__year {
left: 46px;
}
}
.parallax__project {
max-width: 200px;
padding: 35px;
position: relative;
}
@media (min-width: 768px) {
.parallax__project {
max-width: 300px;
}
}
@media (min-width: 1200px) {
.parallax__project {
max-width: 471px;
padding: 68px 61px;
}
}
.parallax__project::before {
content: "";
display: block;
width: 110px;
height: 100%;
border: 4px solid #ffb74d;
border-right: none;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (min-width: 1200px) {
.parallax__project::before {
width: 163px;
}
}
.parallax__tag {
margin-bottom: 14px;
font-size: 14px;
}
@media (min-width: 320px) {
.parallax__tag {
font-size: calc(0.00298 * 100vw + 13.0462px);
}
}
@media (min-width: 991px) {
.parallax__tag {
font-size: 16px;
}
}
@media (min-width: 992px) {
.parallax__tag {
font-size: 16px;
line-height: 26px;
}
}
.parallax__title {
font-family: "Gilroy", "Arial", sans-serif;
font-weight: bold;
font-size: 32px;
line-height: 42px;
}
@media (max-width: 767px) {
.parallax__title {
font-size: 32px;
line-height: 42px;
}
}
@media (min-width: 768px) {
.parallax__title {
font-size: calc(0.02981 * 100vw + 10.462px);
}
}
@media (min-width: 991px) {
.parallax__title {
font-size: 40px;
}
}
@media (min-width: 992px) {
.parallax__title {
font-size: 60px;
line-height: 68px;
}
}
@media (min-width: 1200px) {
.parallax__title {
font-size: 80px;
line-height: 90px;
}
}
.parallax__link {
display: flex;
align-items: center;
margin-top: 60px;
font-weight: bold;
color: #ffffff;
transition: color 0.3s ease;
font-size: 14px;
}
@media (min-width: 320px) {
.parallax__link {
font-size: calc(0.00894 * 100vw + 11.1386px);
}
}
@media (min-width: 991px) {
.parallax__link {
font-size: 20px;
}
}
@media (min-width: 992px) {
.parallax__link {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.parallax__link {
margin-top: 144px;
}
}
@media (min-width: 992px) {
.parallax__link:hover,
.parallax__link:focus {
color: #ffb74d;
}
.parallax__link:hover svg,
.parallax__link:focus svg {
fill: #ffb74d;
}
}
.parallax__link svg {
margin-left: 10px;
fill: #ffffff;
transition: fill 0.3s ease;
}
.parallax__counter {
padding-top: 10px;
padding-right: 10px;
font-family: "Gilroy", "Arial", sans-serif;
}
.parallax__counter .current {
font-weight: bold;
position: relative;
font-size: 32px;
}
@media (min-width: 320px) {
.parallax__counter .current {
font-size: calc(0.04173 * 100vw + 18.6468px);
}
}
@media (min-width: 991px) {
.parallax__counter .current {
font-size: 60px;
}
}
@media (min-width: 992px) {
.parallax__counter .current {
font-size: 60px;
bottom: -48px;
right: 7px;
}
}
@media (min-width: 1200px) {
.parallax__counter .current {
font-size: 80px;
bottom: -76px;
right: 13px;
}
}
.parallax__counter .total {
font-size: 18px;
}
@media (min-width: 320px) {
.parallax__counter .total {
font-size: calc(0.0149 * 100vw + 13.231px);
}
}
@media (min-width: 991px) {
.parallax__counter .total {
font-size: 28px;
}
}
@media (min-width: 992px) {
.parallax__counter .total {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.parallax__counter .total {
font-size: 32px;
}
}
.parallax__partners {
margin-top: 78px;
}
.parallax__partners .partners__item {
width: auto;
text-align: left;
}
.parallax__latest-news .latest-news__header {
margin-bottom: 85px;
}
.parallax .reviews-carousel .swiper-pagination {
margin-top: 50px;
}
.services {
color: #000000;
}
.services__wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.services__wrapper {
flex-direction: row;
align-items: flex-start;
padding-top: 50px;
}
}
.services__left {
display: flex;
align-items: center;
max-width: 300px;
width: 100%;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.services__left {
display: block;
margin-right: 100px;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.services__left {
margin-right: 165px;
}
}
.services__left p {
margin: 0;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}
.services__left p br {
display: none;
}
@media (min-width: 992px) {
.services__left p br {
display: block;
}
}
@media (min-width: 1200px) {
.services__left p {
font-size: 20px;
line-height: 35px;
text-align: left;
}
}
.services__digit {
margin-right: 48px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 80px;
line-height: 90px;
font-weight: bold;
color: #fcd54c;
position: relative;
text-align: left;
}
@media (min-width: 992px) {
.services__digit {
margin-bottom: 15px;
margin-right: 0;
}
}
@media (min-width: 1200px) {
.services__digit {
margin-bottom: 27px;
font-size: 170px;
line-height: 195px;
}
}
.services__digit span span {
font-size: 50px;
line-height: 50px;
position: absolute;
left: auto;
top: -15px;
}
@media (min-width: 1200px) {
.services__digit span span {
font-size: 80px;
line-height: 80px;
left: 119px;
top: -65px;
}
}
.services__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 35px;
line-height: 40px;
font-weight: bold;
text-align: left;
margin-bottom: 35px;
}
@media (min-width: 768px) {
.services__title {
font-size: 40px;
line-height: 45px;
}
}
@media (min-width: 1200px) {
.services__title {
font-size: 48px;
line-height: 69px;
margin-bottom: 103px;
}
}
.services__title span span {
color: #fcd54c;
}
.services__grid {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 992px) {
.services__grid {
margin: 0 -27px;
}
}
.services__item {
width: 100%;
margin-bottom: 33px;
}
@media (min-width: 992px) {
.services__item:hover .services__link,
.services__item:focus .services__link {
opacity: 1;
}
}
@media (min-width: 992px) {
.services__item {
width: calc(48.7% - 54px);
margin: 0 27px 33px;
}
}
.services__item-title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.services__item-title {
font-size: 25px;
margin-bottom: 18px;
}
}
.services__item-text {
font-size: 14px;
line-height: 18px;
color: #787878;
margin-bottom: 10px;
}
@media (min-width: 576px) {
.services__item-text {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 768px) {
.services__item-text {
margin-bottom: 18px;
}
}
.services__link {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #fcd54c;
transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
.services__link:hover svg,
.services__link:focus svg {
animation: link-arrow-hover 0.4s ease;
}
}
.services__link svg {
fill: #fcd54c;
margin-left: 16px;
}
.slider-parallax {
position: relative;
display: flex;
height: 100vh;
min-height: 540px;
}
@media (max-width: 992px) {
.homepage-parallax .slider-parallax {
height: auto;
min-height: calc(100vh + 100px);
}
.homepage-parallax .reviews-carousel {
margin: 0;
height: auto;
min-height: 100vh;
}
.homepage-parallax {
touch-action: auto!important;
}
}
.slider-parallax .swiper-slide {
display: flex;
overflow: hidden;
}
.slider-parallax__slide {
position: relative;
display: flex;
width: 100%;
box-sizing: border-box;
}
@media (min-width: 768px) {
.slider-parallax__slide {
flex-direction: row;
}
}
.slider-parallax__slide .slide {
position: relative;
left: 0;
top: 0;
width: 100vw;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.slider-parallax__slide-image {
width: 100%;
}
.slider-parallax__slide-image img, .elementor .slider-parallax__slide-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.slider-parallax__slide-wrap {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
display: flex;
flex-direction: column;
width: 100%;
padding: 100px 15px 80px;
}
@media (max-width: 575px) {
.slider-parallax__slide-wrap {
padding: 50px 15px;
top: 40%;
}
}
@media (min-width: 576px) {
.slider-parallax__slide-wrap {
max-width: 540px;
}
}
@media (min-width: 768px) {
.slider-parallax__slide-wrap {
flex-direction: row;
max-width: 720px;
padding-top: 140px;
padding-bottom: 140px;
}
}
@media (min-width: 992px) {
.slider-parallax__slide-wrap {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.slider-parallax__slide-wrap {
width: 80%;
max-width: 1140px;
padding-bottom: 164px;
}
}
.slider-parallax__left {
margin-top: 20px;
order: 1;
}
@media (min-width: 768px) {
.slider-parallax__left {
margin-top: 0;
order: 0;
}
}
.slider-parallax__right {
font-size: 16px;
line-height: 1;
text-transform: uppercase;
}
@media (min-width: 768px) {
.slider-parallax__right {
flex-grow: 1;
text-align: right;
font-size: 20px;
}
}
@media (min-width: 992px) {
.slider-parallax__right {
padding-top: 14px;
padding-right: 10px;
font-size: 25px;
}
}
.slider-parallax__subtitle {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
}
@media (min-width: 768px) {
.slider-parallax__subtitle {
font-size: 23px;
}
}
@media (min-width: 992px) {
.slider-parallax__subtitle {
font-size: 25px;
}
}
@media (min-width: 992px) and (min-height: 768px) {
.slider-parallax__subtitle {
margin-bottom: 36px;
}
}
.slider-parallax__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 40px;
line-height: 45px;
font-weight: bold;
margin-bottom: 25px;
}
@media (min-width: 576px) {
.slider-parallax__title {
font-size: 55px;
line-height: 60px;
}
}
@media (min-width: 768px) {
.slider-parallax__title {
font-size: 75px;
line-height: 80px;
}
}
@media (min-width: 992px) {
.slider-parallax__title {
font-size: 90px;
line-height: 105px;
margin-bottom: 38px;
}
}
@media (min-width: 992px) and (min-height: 900px) {
.slider-parallax__title {
margin-bottom: 42px;
}
}
.slider-parallax__title br {
display: none;
}
@media (min-height: 768px) {
.slider-parallax__title br {
display: block;
}
}
.slider-parallax__title span span {
font-size: 32px;
font-weight: 400;
}
.slider-parallax__text {
max-width: 320px;
font-size: 14px;
line-height: 22px;
color: #cccccc;
margin-bottom: 30px;
}
@media (min-width: 576px) {
.slider-parallax__text {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 992px) and (min-height: 900px) {
.slider-parallax__text {
margin-bottom: 45px;
}
}
.slider-parallax__tag {
font-weight: bold;
}
.slider-parallax__date {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.slider-parallax__date {
margin-bottom: 14px;
}
}
.slider-parallax__nav {
position: absolute;
bottom: 180px;
right: 15px;
width: 100%;
z-index: 1;
}
@media (max-width: 576px) {
.slider-parallax__nav {
bottom: 38vh;
}
}
@media (min-width: 576px) {
.slider-parallax__nav {
max-width: 540px;
left: 50%;
right: auto;
transform: translateX(-50%);
}
}
@media (min-width: 768px) {
.slider-parallax__nav {
max-width: 720px;
bottom: 140px;
}
}
@media (min-width: 992px) {
.slider-parallax__nav {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.slider-parallax__nav {
width: 95%;
max-width: 1450px;
bottom: 51%;
}
}
.slider-parallax__nav-btn {
width: 50px;
height: 50px;
background-color: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
border: none;
cursor: pointer;
}
@media (min-width: 1560px) {
.slider-parallax__nav-btn {
width: 64px;
height: 64px;
}
}
.slider-parallax__nav-btn:focus {
outline: none;
}
@media (min-width: 992px) {
.slider-parallax__nav-btn:hover svg,
.slider-parallax__nav-btn:focus svg {
fill: #ffb74d;
}
}
.slider-parallax__nav-btn svg {
width: 100%;
height: 100%;
fill: #ffffff;
transition: fill 0.3s ease;
}
.slider-parallax__nav-btn--prev {
right: 0;
transform: translateX(-150%) translateY(-50%);
}
@media (min-width: 576px) {
.slider-parallax__nav-btn--prev {
transform: translateX(-200%) translateY(-50%);
}
}
@media (min-width: 1200px) {
.slider-parallax__nav-btn--prev {
left: 0;
transform: translateX(0) translateY(-50%);
}
}
.slider-parallax__nav-btn--next {
right: 0;
}
.contact-parallax {
padding-top: 40px;
}
.contact-parallax__wrapper {
display: flex;
flex-direction: column;
}
@media (min-width: 1200px) {
.contact-parallax__wrapper {
flex-direction: row;
}
}
.contact-parallax__left {
width: 100%;
margin-bottom: 45px;
}
@media (min-width: 1200px) {
.contact-parallax__left {
max-width: 470px;
margin-right: 95px;
margin-bottom: 0;
}
}
.contact-parallax__title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 45px;
line-height: 45px;
font-weight: bold;
margin-bottom: 20px;
}
@media (min-width: 576px) {
.contact-parallax__title {
font-size: 55px;
line-height: 55px;
}
}
@media (min-width: 768px) {
.contact-parallax__title {
font-size: 75px;
line-height: 75px;
}
}
@media (min-width: 1200px) {
.contact-parallax__title {
font-size: 90px;
line-height: 90px;
margin-bottom: 30px;
}
}
.contact-parallax__text {
font-size: 14px;
line-height: 22px;
color: #cccccc;
margin-bottom: 30px;
}
@media (min-width: 576px) {
.contact-parallax__text {
font-size: 16px;
line-height: 26px;
}
}
@media (min-width: 1200px) {
.contact-parallax__text {
margin-bottom: 65px;
}
}
.contact-parallax__address,
.contact-parallax__phone {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 24px;
line-height: 32px;
font-weight: bold;
}
@media (min-width: 1200px) {
.contact-parallax__address,
.contact-parallax__phone {
font-size: 32px;
line-height: 45px;
}
}
.contact-parallax__address {
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.contact-parallax__address {
margin-bottom: 60px;
}
}
.contact-parallax__phone {
display: block;
margin-bottom: 24px;
color: #ffffff;
transition: color 0.3s ease;
}
@media (min-width: 992px) {
.contact-parallax__phone:hover,
.contact-parallax__phone:focus {
color: #ffb74d;
}
}
.contact-parallax__email {
display: block;
font-size: 14px;
color: #cccccc;
transition: color 0.3s ease;
}
@media (min-width: 992px) {
.contact-parallax__email:hover,
.contact-parallax__email:focus {
color: #ffb74d;
}
}
@media (min-width: 576px) {
.contact-parallax__email {
font-size: 16px;
}
}
.contact-parallax__form-title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 26px;
line-height: 34px;
font-weight: bold;
margin-bottom: 35px;
}
@media (min-width: 1200px) {
.contact-parallax__form-title {
font-size: 32px;
line-height: 45px;
margin-bottom: 58px;
}
}
.contact-parallax__form-title span span {
color: #ffb74d;
}
.contact-parallax__form label {
display: block;
width: 100%;
position: relative;
}
.contact-parallax__form label.label-textarea {
height: 144px;
}
.contact-parallax__form label:not(:first-of-type) {
margin-top: 30px;
}
@media (min-width: 992px) {
.contact-parallax__form label:not(:first-of-type) {
margin-top: 44px;
}
}
.contact-parallax__form .line {
width: 0;
height: 1px;
background-color: #ffb74d;
position: absolute;
bottom: 0;
left: 0;
transition: width 0.3s linear;
}
.contact-parallax__form input,
.contact-parallax__form textarea {
width: 100%;
padding: 10px 20px;
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
background-color: transparent;
outline: none;
color: #ffffff;
position: relative;
}
@media (min-width: 992px) {
.contact-parallax__form input,
.contact-parallax__form textarea {
padding: 15px 30px;
}
}
.contact-parallax__form input::placeholder,
.contact-parallax__form textarea::placeholder {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 16px;
color: #ffffff;
opacity: 0.6;
}
@media (min-width: 992px) {
.contact-parallax__form input:hover,
.contact-parallax__form input:focus,
.contact-parallax__form textarea:hover,
.contact-parallax__form textarea:focus {
border-color: #cccccc;
}
}
.contact-parallax__form input:focus,
.contact-parallax__form textarea:focus {
color: #ffffff;
}
.contact-parallax__form input:focus::placeholder,
.contact-parallax__form textarea:focus::placeholder {
opacity: 0;
}
.contact-parallax__form input:focus+.line,
.contact-parallax__form textarea:focus+.line {
width: 100%;
}
.contact-parallax__form textarea {
height: 144px;
margin: 0;
resize: none;
}
.contact-parallax__submit {
font-family: "Poppins", "Arial", sans-serif;
font-size: 16px;
font-weight: 500;
margin-top: 55px;
padding: 17px 40px;
}
.grid-sizer {
width: 33.3%;
}
.projects-grid-col-4 .grid-sizer,
.news-grid-col-4 .grid-sizer {
width: 25%;
}
.project-images-grid {
padding: 0;
list-style: none;
}
.project-images-grid .grid-sizer {
width: 25%;
}
.project-images-item {
margin-bottom: 26px;
}
.align-center {
text-align: center;
}
.latest-projects__carousel,
.reviews-carousel .swiper-container {
padding-bottom: 80px;
}
.latest-projects__carousel .swiper-pagination,
.reviews-carousel .swiper-pagination {
bottom: 0;
}
.latest-projects__carousel .swiper-pagination-bullet,
.reviews-carousel .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #c4c4c4;
transition: all 0.4s ease 0s;
opacity: 1;
cursor: pointer;
}
.latest-projects__carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.reviews-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffb74d;
}
.admin-bar .header--fixed {
margin-top: 32px;
}
.page-navigation {
margin: 60px 0 100px 0;
}
.page-navigation:after {
content: '';
position: relative;
clear: both;
display: block;
}
.page-navigation a {
display: flex;
align-items: center;
margin-top: 10px;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 16px;
line-height: 21px;
font-weight: 600;
}
.page-navigation a.page-navigation__left {
float: left;
}
.page-navigation a.page-navigation__next {
float: right;
display: block;
}
.page-navigation a.page-navigation__next:after {
content: '';
content: '\f054';
position: relative;
top: 1px;
font-family: 'Font Awesome 5 Free';
display: inline-block;
margin-left: 10px;
font-weight: 900;
}
.page-navigation a.page-navigation__prev:before {
content: '';
content: '\f054';
position: relative;
top: 1px;
font-family: 'Font Awesome 5 Free';
display: inline-block;
margin-right: 10px;
transform: scaleX(-1);
font-weight: 900;
}
.pager, .page-links {
padding: 0 0 30px 0;
text-align: center;
}
.page-links {
padding: 30px 0;
line-height: 38px;
}
.pager .next:before,
.pager .prev:before {
content: '';
content: '\f054';
position: relative;
top: 1px;
font-family: 'Font Awesome 5 Free';
display: inline-block;
margin-left: 10px;
font-weight: 900;
font-size: initial;
}
.pager .next:hover,
.pager .prev:hover {
background: none;
color: #000;
}
.pager .prev:before {
margin-left: 0;
margin-right: 10px;
transform: scaleX(-1);
}
.pager span,
.pager a,
.page-links .post-page-numbers {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
transition: all 0.3s ease 0s;
}
.pager a:hover,
.page-links .post-page-numbers:hover {
background: #ffb74d;
border-color: #ffb74d;
color: #000;
}
.pager .next,
.pager .prev {
border: none;
font-size: 0;
}
.pager .current,
.page-links .current {
color: #000;
background-color: #ffb74d;
}
@media (max-width: 991px) {
.admin-bar .header--fixed {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.c__map .elementor-column>.elementor-element-populated {
padding: 100px 34px 34px 34px!important;
}
}
@media (min-width: 1560px) {
.c__map .elementor-column>.elementor-element-populated {
padding: 100px 54px 54px 54px!important;
}
} .content-sidebar {
padding-left: 30px;
}
.content-sidebar .widget {
margin-bottom: 3rem;
}
.content-sidebar .widget .widget-title {
font-family: "Gilroy", "Arial", sans-serif;
font-size: 18px;
line-height: 21.76px;
font-weight: bold;
color: #000000;
margin: 0;
margin-bottom: 30px;
}
.content-sidebar ul,
.post-content .wp-block-archives,
.comment-item__text .wp-block-archives {
padding-left: 0;
list-style: none;
}
.content-sidebar ul li,
.wp-block-categories-list li,
.wp-block-archives-list li,
.post-content .wp-block-archives li,
.comment-item__text .wp-block-archives li {
margin-bottom: 0.6rem;
position: relative;
line-height: 1.5;
color: #767676;
}
.content-sidebar ul li a,
.post-content .wp-block-archives li a,
.comment-item__text .wp-block-archives li a {
text-decoration: none;
}
.content-sidebar .screen-reader-text {
display: none;
}
select,
.custom-select {
background-color: transparent;
border: 0;
border: solid 1px #c9c9c9;
border-radius: 0;
box-shadow: none;
color: #787878;
font-size: inherit;
height: auto;
padding: 15px 16px;
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-top: -1rem;
outline: none;
}
select,
.custom-select {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.1rem center/40px 12px;
}
.wp-block-calendar, .wp-block-archives-dropdown, .wp-block-categories-dropdown {
margin: 30px 0;
max-width: 300px;
}
.post-content table,
.comment-item__text table {
width: 100%;
margin: 2rem 0;
padding: 0;
border-collapse: collapse;
}
.post-content table td,
.post-content table th,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.comment-item__text table td,
.comment-item__text table th,
.comment-item__text .wp-block-table.is-style-stripes td,
.comment-item__text .wp-block-table.is-style-stripes th {
padding: 10px 20px;
border: 1px solid #C4C4C4;
background: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: none;
}
.wp-block-table.is-style-stripes {
border-bottom: none;
border-collapse: collapse;
}
.calendar_wrap table,
.wp-block-calendar table {
width: 100%;
font-size: 0.875rem;
background: transparent;
border-collapse: collapse;
}
.calendar_wrap table caption,
.wp-block-calendar table caption {
padding-top: 0;
padding-bottom: 0;
text-align: center;
caption-side: top;
}
.calendar_wrap table th,
.wp-block-calendar table th {
padding: 3px;
text-align: center;
border: none;
color: #000;
font-weight: 600;
}
.calendar_wrap table td,
.wp-block-calendar table td {
padding: 3px;
text-align: center;
border: 1px solid #c9c9c9;
}
.calendar_wrap table tfoot td,
.wp-block-calendar table tfoot td {
text-align: left;
border: none;
}
.calendar_wrap table tfoot td:last-child,
.wp-block-calendar table tfoot td:last-child {
text-align: right;
}
.wp-block-calendar tfoot a {
color: #f7541b;
}
.content-sidebar a {
text-decoration: none;
}
.content-sidebar a:hover {
text-decoration: none;
}
.content-sidebar ul ul {
margin-top: 0.6rem;
}
.content-sidebar ul ul li {
position: relative;
padding-left: 0.6rem;
}
.content-sidebar ul ul li:before {
content: '';
position: absolute;
left: 0;
top: 12px;
width: 5px;
height: 1px;
background: #8d99a7;
}
.content-sidebar ul li a.rsswidget {
display: block;
color: #110f10;
font-weight: 700;
text-decoration: none;
}
.content-sidebar ul li .rss-date,
.content-sidebar ul li cite {
padding: 0.5rem 0;
display: block;
font-size: 0.875rem;
color: #8d99a7;
}
.rssSummary {
display: block;
color: #110f10;
}
.textwidget img {
height: auto;
}
.tags-links a,
.col__sedebar .tagcloud a,
.wp-block-tag-cloud a,
.sidebar__tag-item,
.post-sb__tags a {
margin-right: 10px;
margin-bottom: 10px;
padding: 3px 10px;
display: inline-block;
border: 1px solid #d3d3d3;
font-family: "Gilroy", "Arial", sans-serif;
font-size: 12px!important;
color: #000000;
letter-spacing: 1px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease;
}
@media (min-width: 992px) {
.tags-links a:hover,
.col__sedebar .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
background-color: #ffb74d;
border-color: transparent;
}
}
.content-sidebar ul.menu {
position: relative;
height: auto;
transform: none;
opacity: 1;
display: block;
background: none;
}
.archive-item {
margin-bottom: 3rem;
}
@media (min-width: 992px) {
.archive-item {
margin-bottom: 4rem;
}
}
.archive-item .sticky {
position: relative;
padding-left: 0;
padding-top: 0;
}
.archive-item .sticky:before {
content: '';
background-image: url(//absolutewindowz.com/wp-content/themes/larson/assets/images/angle.svg);
background-size: cover;
position: absolute;
pointer-events: none;
height: 2rem;
width: 2rem;
top: -1rem;
left: -1.4rem;
z-index: 1000;
}
.archive-item .category {
margin-bottom: 5px;
font-size: 16px;
line-height: 26px;
}
.archive-item .title {
font-size: 24px;
margin-top: 0;
margin-bottom: 0;
line-height: 1.3;
font-weight: 700;
font-family: "Gilroy", "Arial", sans-serif;
}
@media (min-width: 992px) {
.archive-item .title {
font-size: 28px;
}
}
.archive-item a {
text-decoration: none;
}
.archive-item .text p {
margin-top: 20px;
margin-bottom: 10px;
color: #000;
}
.archive-item .btn-link {
color: #000;
display: inline-block;
font-weight: 600;
position: relative;
text-decoration: none;
}
.archive-item .btn-link:before {
content: '';
background-color: #000;
height: 1px;
position: absolute;
top: 50%;
right: -4rem;
width: 3rem;
transform: scale3d(1, 1, 1);
transform-origin: left;
transition: all .3s ease-in-out;
}
.archive-item .btn-link:hover {
color: #ffb74d;
}
.archive-item .btn-link:hover:before {
background-color: #ffb74d;
width: 0;
}
.archive-item .image {
position: relative;
overflow: hidden;
font-size: 0;
}
.archive-item .image img {
margin-bottom: 30px;
max-width: 100%;
transform: scale(1);
transition: transform 0.8s cubic-bezier(0.2, 1, 0.8, 1);
}
.archive-item:hover .image img {
transform: scale(1.05);
}
.screen-reader-text {
display: none;
}
.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child,
.comment-item__text h1:first-child,
.comment-item__text h2:first-child,
.comment-item__text h3:first-child,
.comment-item__text h4:first-child,
.comment-item__text h5:first-child,
.comment-item__text h6:first-child {
margin-top: 0;
}
.trackback .comment-item__content,
.pingback .comment-item__content {
margin-left: 0!important;
}
.wp-caption-text,
.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption,
.blocks-gallery-caption {
max-width: 100%;
margin: 0;
padding: 5px 10px 0 10px;
text-align: center;
font-size: 0.9em;
font-style: italic;
opacity: 0.7;
}
.wp-block-button {
margin-bottom: 20px;
}
.post-content .gallery .gallery-item,
.comment-item__text .gallery .gallery-item {
margin: 0;
padding: 15px;
display: inline-block;
vertical-align: top;
width: 33.333%;
text-align: center;
}
.post-content .gallery.gallery-columns-1 .gallery-item,
.comment-item__text .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.post-content .gallery.gallery-columns-2 .gallery-item,
.comment-item__text .gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.post-content .gallery.gallery-columns-3 .gallery-item,
.comment-item__text .gallery.gallery-columns-3 .gallery-item {
width: 33.333%;
}
.post-content .gallery.gallery-columns-4 .gallery-item,
.comment-item__text .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.post-content .gallery.gallery-columns-5 .gallery-item,
.comment-item__text .gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-item .wp-caption-text.gallery-caption,
.comment-item__text {
padding-top: 10px;
font-size: 0.875rem;
}
.content-sidebar .search-form,
.wp-block-search,
.widget_product_search,
.wp-block-search .wp-block-search__button {
position: relative;
max-width: 300px;
}
.content-sidebar .search-form input[type="search"],
.wp-block-search input[type="search"],
.widget_product_search input[type="search"],
.wp-block-search input[type="search"] {
background: #fff;
}
.content-sidebar .search-form input[type="submit"],
.wp-block-search input[type="submit"],
.widget_product_search input[type="submit"],
.wp-block-search .wp-block-search__button {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
z-index: 2;
opacity: 1;
font-size: 0;
cursor: pointer;
border: none;
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M62.9 56.5l-17-13.8c7.2-9.9 6.1-23.7-2.7-32.5C38.4 5.3 32 2.7 25.3 2.7s-13 2.6-17.8 7.4S0 21.3 0 28s2.7 13.1 7.5 17.9c5.1 5.1 11.5 7.5 17.9 7.5 6.1 0 12.3-2.1 17.1-6.7l17.3 14.1c.5.5 1.1.5 1.6.5.8 0 1.6-.3 2.1-1.1.8-1 .8-2.6-.6-3.7zM25.3 48c-5.3 0-10.4-2.1-14.1-5.9-3.7-3.7-5.9-8.8-5.9-14.1s2.1-10.4 5.9-14.1S20 8 25.3 8s10.4 2.1 14.1 5.9 5.9 8.8 5.9 14.1-2.1 10.4-5.9 14.1c-3.7 3.8-8.7 5.9-14.1 5.9z'/%3e%3c/svg%3e ") no-repeat center center;
background-size: 18px;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0;
}
.wp-block-search {
margin-bottom: 1.9rem;
position: relative;
max-width: 300px;
}
.content-sidebar .search-form label,
.widget_product_search label {
display: block;
}
.wp-block-search .wp-block-search__label {
display: block;
position: absolute;
top: 0;
padding-left: 30px;
color: #110f10;
font-size: .9375rem;
font-weight: 500;
letter-spacing: .1rem;
text-transform: uppercase;
z-index: -1;
opacity: 0.5;
}
.content-sidebar .search-form .screen-reader-text {
display: none;
}
.post-content .wp-block-archives,
.comment-item__text .wp-block-archives {
margin: 2rem 0;
}
.wp-block-latest-comments {
margin: 2rem 0;
padding: 0;
}
.wp-block-latest-comments__comment {
font-size: 1.05rem;
}
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
padding: 0.5rem 0;
display: block;
font-size: 0.875rem;
color: #8d99a7;
}
.wp-block-latest-posts__post-date {
padding-top: 0;
}
.wp-block-latest-comments__comment-excerpt {
margin-bottom: 1.9rem;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
margin-bottom: 0.5rem;
}
.wp-block-latest-comments__comment-excerpt p {
margin-top: 0!important;
font-size: 1.05rem;
line-height: 1.5;
}
.wp-block-button {
margin-bottom: 1.2rem;
line-height: normal;
}
.wp-block-button__link {
box-shadow: none;
display: inline-block;
margin: 0;
text-align: center;
text-decoration: none!important;
overflow-wrap: break-word;
background-color: #ffb74d;
border: 1px solid #ffb74d;
border-radius: 28px;
color: #fff!important;
cursor: pointer;
font-size: .87rem;
font-weight: 600;
letter-spacing: .1rem;
line-height: 1.6;
white-space: nowrap;
overflow: hidden;
padding: .8rem 2rem .7rem;
position: relative;
text-transform: uppercase;
z-index: 1;
}
.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.is-style-outline .wp-block-button__link {
background-color: transparent;
color: #ffb74d!important;
border: 1px solid #ffb74d;
}
.wp-block-group.has-background .wp-block-group__inner-container {
margin-bottom: 1.2rem;
padding: 1.2rem;
}
.wp-block-group.has-background .wp-block-group__inner-container p:last-child {
margin-bottom: 0;
}
hr {
border-top: 1px solid #8d99a7;
}
.post-password-form label input {
background-color: transparent;
border: 0;
border-bottom: 1px solid #8d99a7;
border-radius: 0;
box-shadow: none;
color: #110f10;
font-size: inherit;
height: auto;
padding: 1rem 0;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-top: -1rem;
}
.post-password-form input[type="submit"] {
background-color: transparent;
border: 1px solid #ffb74d;
border-radius: 0;
color: #ffb74d;
cursor: pointer;
font-size: .87rem;
font-weight: 600;
letter-spacing: .1rem;
line-height: inherit;
white-space: nowrap;
overflow: hidden;
padding: .8rem 2rem .7rem;
position: relative;
text-transform: uppercase;
z-index: 1;
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: #fff;
}
.bypostauthor {
border-top: 10px solid #e18728;
}
.wp-block-column .block-quote::before,
.wp-block-column .wp-block-quote::before,
.wp-block-column .wp-block-pullquote::before,
.wp-block-column blockquote::before {
display: none;
}
.wp-block-calendar a {
text-decoration: none;
color: #ffb74d;
}
.post-content nav.wp-calendar-nav,
.comment-item__text nav.wp-calendar-nav {
margin-top: 0.5rem;
}
.wp-block-column p:first-child,
.wp-block-column ul:first-child,
.wp-block-column ol:first-child,
.wp-block-column blockquote:first-child {
margin-top: 0;
}
.comment-item__text > p:first-child,
.comment-item__text > ul:first-child,
.comment-item__text > ol:first-child {
margin-top: 0;
}
.wp-block-column p:last-child,
.wp-block-column ul:last-child,
.wp-block-column ol:last-child,
.wp-block-column blockquote:last-child {
margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.post-sb-page__heading,
.archive-item .title {
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
}
.post-content:after {
clear: both;
position: relative;
display: block;
content: '';
}
@media only screen and (max-width: 991px) {
.content-sidebar {
margin-top: 3rem;
padding-left: 0;
}
}
.wpcf7-not-valid-tip {
position: absolute;
white-space: nowrap;
margin-top: 3px;
font-size: 13px;
}
.footer--fixed {
padding-top: 0;
}
.services-provided__icon {
height: auto;
line-height: 1;
}
.services-provided__icon svg, 
.services-provided__icon img {
max-height: 100px;
max-width: 100px;
}
.preview-card__text p {
max-height: 78px;
overflow: hidden;
}
.latest-news__item.col-12.col-lg-4 {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.preview-card__image {
height: 280px;
}
}
.card--news:hover .card__content, .card--news:focus .card__content {
background-color: #ffffff !important;
}
.disable_preloader .preloader {
display: none !important;
}
#pagepiling [data-aos^="fade"][data-aos^="fade"] {
opacity: 1;
transition: none;
}
#pagepiling [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 1;
transition: none;
}
.gallery-masonry__item .card__content {
display: flex;
align-items: center;
justify-content: center;
opacity: 0.85;
}
.gallery-masonry__item .card__content .zoom {
color: #fff;
opacity: 0;
visibility: hidden;
transition: 0.3s ease 0s;
}
.gallery-masonry__item:hover .card__content .zoom {
opacity: 1;
visibility: visible;
}
.grid-sizer {
width: 50%;
}
@media (min-width: 1200px) {
.grid-sizer {
width: 33.3%;
}
}
@media (max-width: 767px) {
.grid-sizer {
width: 100%;
}
}
.main-slider .swiper-custom-pagination ul li {
cursor: pointer;
} .swiper-container .swiper-wrapper {overflow: visible !important;} .page-navigation {
display: flex;
justify-content: space-between;
}
.page-navigation a {
align-items: flex-start;
width: 50%;
}
.page-navigation a.page-navigation__next {
text-align: right;
} .image-videoyt {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.elementor .image-videoyt iframe,
.image-videoyt iframe {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
width: 100vw;
height: 100vh;
transform: translate(-50%, -50%);
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
.elementor .image-videoyt iframe,
.image-videoyt iframe {
height: 56.25vw;
}
}
@media (max-aspect-ratio: 16/9) {
.elementor .image-videoyt iframe,
.image-videoyt iframe {
width: 177.78vh;
}
}