/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/
@font-face {
    font-family: 'Nothing You Could Do';
    src: url('../fonts/NothingYouCouldDo.eot');
    src: local('Nothing You Could Do'), local('NothingYouCouldDo'),
        url('../fonts/NothingYouCouldDo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NothingYouCouldDo.woff2') format('woff2'),
        url('../fonts/NothingYouCouldDo.woff') format('woff'),
        url('../fonts/NothingYouCouldDo.ttf') format('truetype'),
        url('../fonts/NothingYouCouldDo.svg#NothingYouCouldDo') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SimplerPro_HLAR';
    src: url('../fonts/SimplerPro_HLAR-Bold.eot');
    src: local('SimplerPro_HLAR Bold'), local('SimplerPro_HLAR-Bold'),
        url('../fonts/SimplerPro_HLAR-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SimplerPro_HLAR-Bold.woff2') format('woff2'),
        url('../fonts/SimplerPro_HLAR-Bold.woff') format('woff'),
        url('../fonts/SimplerPro_HLAR-Bold.ttf') format('truetype'),
        url('../fonts/SimplerPro_HLAR-Bold.svg#SimplerPro_HLAR-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SimplerPro_HLAR';
    src: url('../fonts/SimplerPro_HLAR-Regular.eot');
    src: local('SimplerPro_HLAR Regular'), local('SimplerPro_HLAR-Regular'),
        url('../fonts/SimplerPro_HLAR-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SimplerPro_HLAR-Regular.woff2') format('woff2'),
        url('../fonts/SimplerPro_HLAR-Regular.woff') format('woff'),
        url('../fonts/SimplerPro_HLAR-Regular.ttf') format('truetype'),
        url('../fonts/SimplerPro_HLAR-Regular.svg#SimplerPro_HLAR-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SimplerPro_HLAR';
    src: url('../fonts/SimplerPro_HLAR-Light.eot');
    src: local('SimplerPro_HLAR Light'), local('SimplerPro_HLAR-Light'),
        url('../fonts/SimplerPro_HLAR-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SimplerPro_HLAR-Light.woff2') format('woff2'),
        url('../fonts/SimplerPro_HLAR-Light.woff') format('woff'),
        url('../fonts/SimplerPro_HLAR-Light.ttf') format('truetype'),
        url('../fonts/SimplerPro_HLAR-Light.svg#SimplerPro_HLAR-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root{  
    --body-font: 'SimplerPro_HLAR';
    --banner-font: 'Nothing You Could Do';
    --rhino-color: #2A3F5A;
    --paprika-color:#9F2941;
    --timberwolf-color: #DDD1D1;
    --mercury-color: #EDE7E7;
    --bunker-color: #121619;
    --celtic-color: #273C2E;
    --cocoa-color: #372526;
    --white-color: #fff;
    --black-color: #000;
    --shark-color: #22272B;
    --bigstone-color: #0F1E32;
    --gray-color: #d9d9d9;
    --green-color: #66BB6A;
    --azure-color: #0E8EFF;
    --greenbtn-color: #4CAF50;
    --whitesmoke-color:#F6F6F6;
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
blockquote {margin:60px 0; padding: 0 40px 0 5px; font-size:32px; color: var(--shark-color); line-height: 48px; letter-spacing:0; border-right:4px solid var(--paprika-color);}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 15px 0 0;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; right: -15px; top: 8px; width: 6px; height:6px; background-color:var(--black-color); border-radius: 50%; content: ""; }

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 18px; font-weight:400; color:var(--shark-color); line-height:24px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden; direction: rtl; text-align: start;}
*, *:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}
/* Create the Default Headers  */
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); font-weight:700;line-height:1; }
/* Specific Header Settings */
h1,.h1 {font-size:64px;}
h2,.h2 {font-size:48px; font-weight:300;}
h3,.h3 {font-size:32px; font-weight:300;}
h4,.h4 {font-size:28px;}
h5,.h5 {font-size:24px;}
h6,.h6 {font-size:22px;}

/* Create the Default Paragraphs */
p {margin-bottom:24px;}
p:last-child {margin-bottom: 0;}
/* Other Typo */
strong {font-weight: 700;}
hr {border:0 var(--shark-color) solid; border-top-width: 2px; clear: both; height: 0;}
ol {list-style: decimal;}
/* 3. Images
------------------------------------------------------------------------------*/
/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none; height: auto;}
/* 4. Links
------------------------------------------------------------------------------*/   
/* Default Link Types */
a {color: var(--shark-color); text-decoration:none;transition: 0.5s; display: inline-block;}

/* 5. Forms
------------------------------------------------------------------------------*/
#full_wrapper {overflow: hidden;}
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin:0;  padding: 0;  border-radius:0; background-color: transparent; border:0;display: inline-flex; align-items: center; vertical-align: middle; font-family: var(--body-font); font-weight:400;color: var(--white-color); font-size:16px; line-height:1; outline: none;box-shadow:none;text-align: center;text-decoration: none;-webkit-transition: 0.4s all;transition: 0.4s all; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; transform: none;}
.button span, a.button span, button span {padding:8px 16px 8px 16px; background-color:var(--rhino-color); position: relative; z-index: 1;}
.button em, a.button em, button em {margin: 0 -24px 0 0; background-color:var(--paprika-color); width: 24px; height: 32px; transition: all 0.4s;}
.button em:before, a.button em:before, button em:before {content: ""; position: absolute; right: calc(100% + 5px); top: calc(50% - 4px); display: inline-block; height: 0; width: 0; border-right: 8px solid var(--white-color); border-top: 4px solid transparent; border-bottom: 4px solid transparent; opacity: 0; visibility: hidden; transition: all 0.4s; z-index: 1;transform: translateX(20px);}
.button:hover em, a.button:hover em, button:hover em, .button:hover em, a.button:hover em, button:hover em {margin: 0;}
.button:hover em:before, a.button:hover em:before, button:hover em:before {opacity: 1; visibility: visible;}

.button.button-red span, a.button.button-red span, button.button-red span {background-color:var(--paprika-color);}
.button.button-red em, a.button.button-red em, button.button-red em {background-color:var(--rhino-color);}

.button.button-blue span, a.button.button-blue span, button.button-blue span {background-color:var(--azure-color);}
.button.button-blue em, a.button.button-blue em, button.button-blue em {background-color:var(--paprika-color);}

.button.button-green span, a.button.button-green span, button.button-green span {background-color:var(--greenbtn-color);}
.button.button-green em, a.button.button-green em, button.button-green em {background-color:var(--paprika-color);}




input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0;  padding:13px 10px 13px; font-family: var(--body-font); border-radius:0; background-color:var(--whitesmoke-color); border: 0; border-bottom:2px solid var(--paprika-color); display: inline-block; vertical-align: middle; font-weight:400;color:#66727c; font-size:18px; line-height:22px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0;  width: 100%; text-align: right;}
input[type="search"].wpcf7-not-valid, input[type="text"].wpcf7-not-valid, input[type="date"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="number"].wpcf7-not-valid {background-image: url('../images/alert-icon.svg'); background-repeat: no-repeat; background-position: 12px center;background-color: #FFDCE3;} 
.wpcf7-not-valid-tip {display: none !important;}
select {padding:13px 10px 13px;}
.button.no-rotate:hover span img {transform: none;}

textarea {height:95px; resize: none;}

input::-webkit-input-placeholder {color:#6E6E6E;opacity:1;}
input:-moz-placeholder {color:#6E6E6E; opacity:1;}
input::-moz-placeholder {color: #6E6E6E; opacity:1;}
input:-ms-input-placeholder {color:#6E6E6E;opacity:1;}
textarea::-webkit-input-placeholder {color:#6E6E6E; opacity:1;}
textarea:-moz-placeholder {color:#6E6E6E; opacity:1;}
textarea::-moz-placeholder {color:#6E6E6E; opacity:1;}
textarea:-ms-input-placeholder {color:#6E6E6E;opacity:1;}
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/
/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1470px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 
.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: start;}
.text-right{text-align: end;}
.font-light {font-weight: 300;}
.no-pbottom {padding-bottom: 0 !important;}

.site-header {background-color: var(--white-color); border-bottom: 1px solid var(--timberwolf-color); position: fixed; top: 0; width: 100%; z-index: 99; transition: all 0.4s; pointer-events: none;}

.site-header .container {padding: 0 15px 0 0; max-width: 100%;}
.menu-toggle {display: none;pointer-events: all;}
.site-header-inner {display: flex; align-items: center;width: 100%;}
.logo {padding:4px 0; margin: 0 auto; width: 99px; position: absolute; top:10px; left: 0; right: 0; text-align: center; line-height: 0; transition: all 0.4s; pointer-events: all;}
.logo a {line-height: 0;}
.logo .sticky-logo {position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: none;}
.mobile-normal-logo {position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: none; opacity: 0;}
.mobile-logo {opacity: 0;}
.small-logo {margin: 0 0 0 16px; line-height: 0;pointer-events: all;}
.main-navigation {padding: 0 0 0 32px; display: flex; align-items: center; flex: 1;}
.main-navigation ul {margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; width: 100%;}
.main-navigation ul li {margin: 0; padding: 0;}
.main-navigation ul li:before {display: none;}
.main-navigation ul li a {padding:22px 16px 18px; color: var(--rhino-color); font-size: 16px; line-height: 1; position: relative; z-index: 1; pointer-events: all;}
.main-navigation ul li:nth-child(4) {margin-right:auto;}
.main-navigation ul li a::before {position: absolute; left: 0; top: 0; right: 0; content: ""; width: 100%; background-color: var(--paprika-color); height: 0; transition: all 0.4s; z-index: -1;}
.main-navigation ul li.current-menu-item > a::before, .main-navigation ul li > a:hover::before{height: 100%;}
.main-navigation ul li.current-menu-item > a, .main-navigation ul li > a:hover {color: var(--white-color);}

.navigation-btn {padding:20px 0 0 0; display: none; align-items: center; pointer-events: all;}
.navigation-btn a {margin: 0 0 0 8px; padding:12px 16px; border-radius:4px; font-size: 16px; color: var(--white-color); pointer-events: all;}
.navigation-btn .button-blue {background-color: var(--azure-color);}
.navigation-btn .button-blue strong { margin: 0 4px 0 0; position: relative; top: 4px; }
.navigation-btn .button-green {background-color: var(--green-color);}
.navigation-btn .button-green img {filter: brightness(0) invert(1); margin: 0 0 0 4px; width: 14px;}
.home .site-header, .single-project .site-header {background-color: transparent; border-bottom:0;}
.home .logo, .single-project .logo {opacity: 0; visibility: hidden;}
.home .main-navigation ul li a, .single-project .main-navigation ul li a {color: var(--white-color);}
.home .search-icon .search-icon-normal, .single-project .search-icon .search-icon-normal {opacity: 1;}
.home .search-icon .search-icon-color, .single-project .search-icon .search-icon-color {opacity:0;}
.home .call-icon, .single-project .call-icon {color: var(--white-color);}

.sticky .site-header {background-color: var(--white-color); border-bottom:1px solid var(--timberwolf-color);}
.sticky .logo {opacity:1; visibility: visible;}
.sticky .main-navigation ul li a {color: var(--rhino-color);}
.sticky .search-icon .search-icon-normal {opacity: 0;}
.sticky .search-icon .search-icon-color {opacity:1;}
.sticky .call-icon {color: var(--paprika-color);}
.sticky .main-navigation ul li a:hover {color: var(--white-color);}

.site-header-left {display: flex; align-items: center;pointer-events: all;}
.search-icon {padding: 0; width:40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; border: 1px solid var(--timberwolf-color); position: relative; transition: all 0.4s;}
.search-icon:hover {background-color: var(--paprika-color);}
.search-icon:hover .search-icon-normal {opacity: 1; transform: translate(-50%, -50%) rotate(-45deg);}
.search-icon:hover .search-icon-color {opacity: 0;}
.search-icon .search-icon-normal, .search-icon .search-icon-color {transition: all 0.4s;}
.search-icon .search-icon-normal {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;}
.site-header-left a {margin: 0 10px 0 0; font-size: 20px; color: var(--paprika-color); display: flex; align-items: center;}
.whatsapp-icon {padding: 0; width:40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--timberwolf-color);}
.call-icon {margin: 0; padding: 13px 16px 7px 10px; border: 1px solid var(--timberwolf-color); border-left: 0; border-radius: 0 30px 30px 0; transition: all 0.4s;}
.call-icon img {margin: -5px 0 0 10px;}
.call-icon span {display: flex ; align-items: center; justify-content: center; width: 8px; height: 8px; line-height: 0; font-weight: 700; margin: 6px 4px 0 0;}
.header-search-main {margin: 0; padding: 0 15px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 99; pointer-events: none;}
.header-search-main.is-search-in { pointer-events: all; background-color: rgba(3,14,35,0.7); }
.header-search-inner { margin: 90px auto 0; padding: 1px; max-width:900px; width: 100%; transform: translateY(-200%); transition: all 0.5s; padding: 16px 16px 24px 16px; border:4px solid var(--timberwolf-color); background-color: #030E23; border-radius:0; position: relative; }
.search-title {margin: 0 0 34px 0; padding:18px 0; font-size: 36px; color: var(--white-color); font-weight: 400; line-height: 1; border-bottom: 1px solid var(--paprika-color);}
.is-search-in .header-search-inner { transform: none; }
.header-search-close { margin: 0; padding: 0; position: absolute; top: 8px; left: 8px; width: 36px; height: 36px; background-color: var(--paprika-color); border:0; cursor: pointer; border-radius:0; }
.header-search-close:before {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 1px; height: 60%; background-color:var(--white-color); content: ""; transform: rotate(45deg); border-radius:0px;}
.header-search-close:after {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width:1px; height: 60%; background-color:var(--white-color); content: ""; transform: rotate(-45deg); border-radius:0;}

.header-search-inner form {margin: 0 -4px; padding:0; display: flex; flex-wrap: wrap; position: relative;}
.header-search-inner form .form-row {padding: 0 4px; width: 33.33%;}
.header-search-inner form .form-row label { margin: 0 0 8px 0; padding: 0; display: block; color: var(--white-color); font-size: 22px; line-height: 24px; font-weight:700; }
.header-search-inner form .form-row select {color: var(--bunker-color); appearance: none; background-image: url(../images/arrow-select-box.svg); background-position: 15px center; background-repeat: no-repeat;}
.header-search-inner form .form-btn {padding: 0 4px; width: 33.33%;}
.header-search-inner form .form-btn input {margin: 0; padding: 13px 15px; width: 100%; background-color: var(--paprika-color); color: var(--white-color); border-radius: 4px; font-size:22px; font-weight:700; }
.header-search-inner form .form-btn input:hover { background-color: var(--white-color); color: var(--rhino-color);}

.home-banner {position: relative; background-color: var(--bigstone-color);}
.sticky-height::before {position: absolute; top: 0; left: 0; width: 100%; content: ""; height: 35%; background: linear-gradient(0deg,rgba(7, 17, 32, 0) 0%, rgba(7, 17, 32, 1) 100%); z-index: 2; pointer-events: none;}
.banner-logo {margin: 0 auto; position: absolute; top: 135px; left: 0; right: 0; width:151px; z-index:98;}  
.home-banner-video {height: 100%; opacity: 0; transition: all 0.5s;}
.home-banner-video::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.5);}
.home-banner-content {margin: 0 auto; position: absolute; bottom:23.5svh; left: 0; right: 0; max-width:1024px; width: 100%; text-align: center; color: var(--white-color); opacity: 0; transition: all 0.5s;}
.swiper-slide-active .home-banner-content, .swiper-slide-fully-visible .home-banner-content, .swiper-slide-fully-visible .home-banner-video, .swiper-slide-active .home-banner-video {opacity: 1;}
.home-banner-slider .swiper-slide {height: 100svh;}
.home-banner-video img, .home-banner-video video, .home-banner-video iframe {width: 100%; height: 100%; object-fit: cover;}
.home-banner-content h1 {margin: 0; padding: 0; font-size: 32px; font-weight:400; line-height: 1.2; color: var(--white-color);}
.home-banner-content h2 {margin: 0 0 15px 0; padding: 0; font-size:24px; font-weight:700; line-height: 1.2; color: var(--white-color);}

.video-play-paush {position: absolute; bottom: 48px; left: 48px; width:48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2); border-radius: 4px; transition: all 0.5s;}
.video-play-paush:hover {background-color:var(--paprika-color);}
.paush-icon {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.video-mute {position: absolute; bottom: 48px; left: 104px; width:48px; height: 48px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2); border-radius: 4px; transition: all 0.5s;}
.video-mute:hover {background-color:var(--paprika-color);}
.mute-icon {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}

.eq-bar { transform: scale(1, -1) translate(0, -34px); }
.eq-bar--1 { animation-name: tall-eq; animation-duration: 0.8s; animation-iteration-count: infinite; animation-delay: 0s; }
.eq-bar--2 { animation-name: mid-eq; animation-duration: 0.8s; animation-iteration-count: infinite; animation-delay: 0.17s; }
.eq-bar--3 { animation-name: short-eq; animation-duration: 0.7s; animation-iteration-count: infinite; animation-delay: 0.34s; }
.eq-bar--4 { animation-name: tall-eq; animation-duration: 0.5s; animation-iteration-count: infinite; animation-delay: 0.34s; }
.eq-bar--5 { animation-name: mid-eq; animation-duration: 0.5s; animation-iteration-count: infinite; animation-delay: 0.34s; }
.eq-bar--6 { animation-name: tall-eq; animation-duration: 0.5s; animation-iteration-count: infinite; animation-delay: 0.34s; }
@keyframes short-eq { 0% { height: 8px } 50% { height: 4px } 100% { height: 8px } }
@keyframes mid-eq { 0% { height: 18px } 50% { height: 6px } 100% { height: 18px } }
@keyframes tall-eq { 0% { height: 29px } 50% { height: 8px } 100% { height: 29px } }

.video-play-paush button {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; transition: all 0.5s;}
.video-play-paush button.play-btn {opacity: 0; visibility: hidden;}
.video-play-paush.active button.pause-btn {opacity: 0; visibility: hidden;}
.video-play-paush.active button.play-btn {opacity:1; visibility:visible;}

.video-mute button {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; transition: all 0.5s;}
.video-mute button.mute-btn {opacity: 0; visibility: hidden;}
.video-mute.active button.unmute-btn {opacity: 0; visibility: hidden;}
.video-mute.active .mute-btn {opacity:1; visibility:visible;}

.swiper .swiper-button-next {width: 48px; height: 48px; left:53px; right: auto; transition: all 0.4s;}
.swiper .swiper-button-next span {width: 48px; height: 48px; background-image: url('../images/slider-arrow.svg'); background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; transform:translateX(0); transition: all 0.4s;}
.swiper .swiper-button-next::before {position: absolute; left:5px; top:5px; right:5px; bottom:5px; content: ""; background-color: var(--paprika-color); border-radius: 50%; opacity: 0; transform: scale(0.3) translateX(-22px); transform-origin: left; transition: all 0.4s; }
.swiper .swiper-button-next::after {position: absolute; left:-22px; width: 48px; height:48px; border: 1px solid var(--rhino-color); top: 50%; transform: translateY(-50%); content: ""; font-size: 0;  border-radius:50%; transform-origin: top; transition: all 0.4s;}
.swiper .swiper-button-next:hover::after {transform: scale(1.15) translateY(-50%);}
.swiper .swiper-button-next:hover::before {transform: scale(1.1) translateX(-22px); opacity: 1;}
.swiper .swiper-button-next:hover span {transform:translateX(-10px);}

.swiper .swiper-button-prev {width: 48px; height: 48px; right:53px; left: auto; transform: scale(-1); transition: all 0.4s;}
.swiper .swiper-button-prev span {width: 48px; height: 48px; background-image: url('../images/slider-arrow.svg'); background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; transform:translateX(0); transition: all 0.4s;}
.swiper .swiper-button-prev::before {position: absolute; left:5px; top:5px; right:5px; bottom:5px; content: ""; background-color: var(--paprika-color); border-radius: 50%; opacity: 0; transform: scale(0.3) translateX(-22px); transform-origin: left; transition: all 0.4s; }
.swiper .swiper-button-prev::after {position: absolute; left:-22px; width: 48px; height:48px; border: 1px solid var(--rhino-color); top: 50%; transform: translateY(-50%); content: ""; font-size: 0;  border-radius:50%; transform-origin: top; transition: all 0.4s;}
.swiper .swiper-button-prev:hover::after {transform: scale(1.15) translateY(-50%);}
.swiper .swiper-button-prev:hover::before {transform: scale(1.1) translateX(-22px); opacity: 1;}
.swiper .swiper-button-prev:hover span {transform:translateX(-10px);}

.home-banner-titles {position: absolute; margin: 0 auto; top:50%; left: 0; right: 0; max-width:1024px; width: 100%; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); z-index: 1; pointer-events: none;}
.home-banner-title-item {margin: 0 52px; padding: 0; position: relative; pointer-events: all;}
.home-banner-title-item:first-child {margin: 0;}
.home-banner-title-item h2 {font-family: var(--banner-font); color: var(--white-color); font-weight: 400; cursor: pointer; opacity: 0.2; transition: all 0.5s;}
.home-banner-title-item.active h2 {opacity: 1;}
.home-banner-title-item::before {position: absolute; content: ""; left: -52px; top: calc(50% - 8px); width:2px; height: 16px; background-image: url('../images/banner-title-line.jpg'); background-position: center; background-repeat: no-repeat;}
.home-banner-title-item:first-child:before, .home-banner-title-item:last-child:before {display: none;}

.scroll-down {margin: 0 auto; width: 32px; height: 124px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; z-index: 2; cursor: pointer;}
.scroll-down img {transform: translateY(0); transition: all 0.6s;}
.scroll-down::before {position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(159, 41, 65, 1) 0%, rgba(57, 15, 23, 0) 100%); opacity: 0; transition: all 0.6s;}
.scroll-down:hover::before {opacity: 1;}
.scroll-down:hover img {transform: translateY(22px);}

.customers-choose {padding:144px 0 160px 0;}
.customers-choose-border {border-top: 1px solid var(--mercury-color); border-bottom: 1px solid var(--mercury-color);}
.customers-choose-border .container {max-width:1518px;}
.customers-choose-inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.customers-choose-right {max-width: 920px; width: 100%; line-height: 0; position: relative;}
.customers-choose-right > img {width: 100%; height: 100%; object-fit: cover;}
.customers-choose-top-shape {position: absolute; right:72px; top:-65px; width:136px; line-height: 0;}
.customers-choose-bottom-shape {position: absolute; left:120px; bottom:-72px; width:144px; line-height: 0;}

.customers-choose-left {max-width:448px; width: 100%;}
.customers-choose-left h2 {margin: 0 0 50px 0; padding: 0 0 46px 0; color: var(--rhino-color); position: relative;}
.customers-choose-left h2:after {content: ""; position: absolute; right: 0; bottom: 0; width:38px; height: 10px; background-image: url('../images/title-line.svg'); background-position:right center; background-repeat: no-repeat;}

.for-you {padding:72px 0 128px 0;}
.for-you-head {padding: 0 0 35px 0; max-width: 816px; width: 100%;}
.for-you-head h2 {margin: 0 0 18px 0; padding: 0 0 18px 0; color: var(--rhino-color); position: relative;}
.for-you-head h2:after {content: ""; position: absolute; right: 0; bottom: 0; width:38px; height: 10px; background-image: url('../images/title-line.svg'); background-position:right center; background-repeat: no-repeat;}
.for-you-inner {position: relative;}
.for-you-slider {margin: 0 auto 0 0; max-width: 1336px; width: 100%;}
.for-you-item {margin: 0; padding:49.7% 0 0 0; position: relative;}
.for-you-item img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.for-you-content {position: absolute; top:56px; right: 0; max-width: 440px; width: 100%; background-color: var(--mercury-color);}
.for-you-content-item {padding:24px; text-align: center; font-size: 16px;}
.for-you-content-logo {margin: 0; min-height:180px; display: flex; align-items: center; justify-content: center; line-height: 0;}
.for-you-project {margin: 0 0 16px 0; padding:15px 0 0 0;  border-top: 1px solid var(--timberwolf-color);}
.for-you-project ul {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.for-you-project ul li {margin: 0; padding: 0 12px;}
.for-you-project ul li:before {width:8px; height: 8px; right: -4px; background-image: url('../images/li-dot.svg'); background-position: center; background-repeat: no-repeat;}
.for-you-project ul li:first-child:before {display: none;}

.for-you-arrow {position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; background-image: url('../images/for-you-arrow-bg.jpg'); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%;}
.for-you-arrow .swiper-button-next {position: relative; width:124px; height:48px; left: 0; top: 0; margin: 0; justify-content: flex-start;} 
.for-you-arrow .swiper-button-next span {width: 96px; background-image: url('../images/slider-big-arrow.svg');}
.for-you-arrow .swiper-button-prev {position: relative; width:124px; height:48px; right: 0; top: 0; margin: 0; justify-content:flex-start;} 
.for-you-arrow .swiper-button-prev span {width: 96px; background-image: url('../images/slider-big-arrow.svg');}
.swiper .for-you-arrow .swiper-button-next::after, .swiper .for-you-arrow .swiper-button-prev::after {display: none;}
.swiper .for-you-arrow .swiper-button-next::before {border-radius:0; left: 0; top: 0; right: 0; bottom: 0;transform: none; background: linear-gradient(45deg, rgba(159, 41, 65, 1) 0%, rgba(57, 15, 23, 0) 100%);}
.swiper .for-you-arrow .swiper-button-prev::before {border-radius:0; left: 0; top: 0; right: 0; bottom: 0;transform: none; background: linear-gradient(45deg, rgba(159, 41, 65, 1) 0%, rgba(57, 15, 23, 0) 100%);}
.swiper .for-you-arrow .swiper-button-next:hover::before, .swiper .for-you-arrow .swiper-button-prev:hover::before {transform: none;}
.swiper .for-you-arrow .swiper-button-next:hover span {transform: translateX(-15px);}
.swiper .for-you-arrow .swiper-button-prev:hover span {transform: translateX(-10px);}
.for-you-content .swiper-slide {opacity: 0 !important;}
.for-you-content .swiper-slide.swiper-slide-fully-visible, .for-you-content .swiper-slide.swiper-slide-active {opacity:1 !important;}

.create-quality {padding:88px 0 384px 0; background-color:var(--whitesmoke-color);}
.create-quality .container {max-width:1678px;}
.create-quality-head {margin: 0 auto 75px; max-width: 816px; text-align: center; width: 100%;}
.create-quality-head h2 {margin: 0 0 18px 0; padding: 0 0 18px 0; color: var(--rhino-color); position: relative;}
.create-quality-head h2:after {margin: 0 auto; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width:38px; height: 10px; background-image: url('../images/title-line.svg'); background-position:right center; background-repeat: no-repeat;}
.create-quality-inner {position: relative;}
.create-quality-inner::before {content: ""; position:absolute; bottom: 16px; top: 16px; left: 16px; right: 16px; pointer-events: none; border: 1px solid var(--timberwolf-color); z-index: 2;}
.create-quality-item {margin: 0; padding: 0; display: flex; flex-wrap: wrap; position: relative;}
.create-quality-content {margin: 0; padding: 0; width: 50%; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.create-quality-content::before {position: absolute; left: 0; top: 0; bottom: 0; width: 40%; content: ""; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.create-quality-item:nth-child(even) .create-quality-content::before {position: absolute; left: auto; right: 0; top: 0; bottom: 0; width: 40%; content: ""; background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.create-quality-img {margin: 0; padding: 0; width: 50%; line-height: 0;z-index: 1;}
.create-quality-content-inner {margin: 0 auto; max-width: 398px; width: 100%; position: relative;}
.create-quality-content-inner h3 {margin: 0 0 18px 0; padding: 0 0 18px 0; color: var(--paprika-color); position: relative;}
.create-quality-content-inner h3:after {margin: 0; content: ""; position: absolute; right: 0; bottom: 0; width:38px; height: 10px; background-image: url('../images/title-line.svg'); background-position:right center; background-repeat: no-repeat;}
.create-quality-item:nth-child(even) {flex-direction: row-reverse;}
.create-quality-shape {position: absolute; margin: auto; top: 0; bottom: 0; left:-135px; width: 272px; height: 272px; border: 1px solid var(--timberwolf-color); border-radius: 50%;}
.create-quality-shape-inner {position: absolute; margin: auto; display: flex; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; width:176px; height:176px; border: 1px solid var(--timberwolf-color); background-color: var(--white-color); border-radius: 50%;z-index: 2;}
.create-quality-item:nth-child(even) .create-quality-shape {left: auto; right: -135px;}
.create-quality-content-inner .button span {padding:7px 16px 7px 16px; background-color:var(--whitesmoke-color); border: 1px solid var(--rhino-color); color: var(--rhino-color); transition: all 0.4s;}
.create-quality-content-inner .button:hover span {background-color: var(--rhino-color); color: var(--white-color);}

.create-quality-item:first-child .create-quality-content::before {top:16px;}
.create-quality-item:last-child .create-quality-content::before {bottom:16px;}


/*** 2-5-2025 **/

.way-living-section{padding: 0; position: relative;}
.way-living-section::before{background: url(../images/video-tri-color-image.png) no-repeat; width: 340px; height: 356px; content: ""; position: absolute; left: calc(50% - 170px); top: -236px; z-index: 1;}
.way-living-section .video{padding: 0; position: relative;}
.way-living-section .video::before{background: linear-gradient(180deg, rgba(15, 30, 50, 0.3) 0%, rgba(46, 91, 152, 0) 100%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
z-index: 1; content: ""; }
.way-living-section .video video{vertical-align: top; width: 100%; height: 720px; object-fit: cover;}
.way-text{padding: 67px 20px; text-align: center; margin: 0 auto; max-width: 888px; border: 1px solid rgba(246,246,246,0.5); position: absolute; top: 228px; left: 0; right: 0; z-index: 2;}
.way-text h2{font-size: 48px; color: var(--white-color); font-weight: 400; font-family: var(--banner-font);}


.footer{padding:57px 0 58px 0; background: #0F1E32; border-top: 2px solid var(--paprika-color);}
.footer-in{padding: 0;}

.top-footer{padding: 0 0 55px 0; position: relative; text-align: center;}
.top-footer::before{background: rgba(42,63,90,0.30); width: 100%; height: 1px; content: ""; position: absolute; left: 0; top: 55px; right: 0; z-index: 0;}

.logo-footer{padding: 0; text-align: center; background: #0F1E32; position: relative; z-index: 1; display: inline-block; width: 100%; max-width: 224px;}
.logo-footer a{display: inline-block; vertical-align: top;}
.logo-footer img{vertical-align: top; object-fit: contain; max-width: 100px; }

.middle-footer{padding: 8px 0 60px 0; display: flex; justify-content: space-between; align-items: flex-start;}

.foot-box{padding:9px 10px 0px 10px; text-align: center; border-left: 1px solid var(--rhino-color); flex: auto; align-self: stretch; }
.foot-box:last-child{border-left: 0;}
.foot-box h3{padding:0 0 17px 0; font-size: 14px;  margin: 0; font-weight: 700; color: var(--white-color);}
.foot-box h3 a{color: var(--white-color);}
.foot-box ul{padding: 0; margin: 0;}
.foot-box ul li{padding:9px 0; margin: 0 0 8px 0; list-style: none; font-size: 14px; line-height: 1; color:var(--timberwolf-color); font-weight: 400;}
.foot-box ul li:last-child{margin: 0;}
.foot-box ul li::before{display: none; }
.foot-box ul li a{color: var(--timberwolf-color);}
.foot-box ul li a:hover{color: var(--white-color);}


.bottom-footer{padding:15px 0; border-top: 1px solid rgba(42,63,90,0.30); border-bottom: 1px solid rgba(42,63,90,0.30); display: flex; justify-content: space-between; align-items: center; }

.social-footer{padding: 0; margin: 0 auto 0 0;}
.social-footer a{display: inline-flex; justify-content: center; width: 40px; height: 40px; border-radius: 4px; margin: 0 16px 0 0; background-color: var(--paprika-color); vertical-align: middle;}
.social-footer a img{vertical-align: middle; object-fit: contain; max-width: 24px; }

.foot-info{padding: 0 0 0 24px; display: flex; justify-content: flex-start; align-items: center;}
.foot-info img{vertical-align: middle; object-fit: contain; margin: 0 0 0 18px; max-width: 17px;}
.foot-info p{font-size: 18px; line-height: 14px; color: var(--white-color); margin: 0 0 0 11px; padding: 0 0 0 11px; font-weight: 400; border-left: 1px solid var(--rhino-color);}
.foot-info p a{color: var(--white-color);}
.foot-info p:last-child{margin: 0; padding: 0; border: 0;}
.foot-info p strong{vertical-align: middle; font-weight: 400; display: inline-block; margin-top: 4px; }

.copyright-part{padding:47px 0 0 0; display: flex; justify-content: space-between; align-items: center;}

.copyright{padding:0 0 0 0; }
.copyright p{font-size: 14px; line-height: 1; color: var(--timberwolf-color); font-weight: 400; margin: 0; padding: 0; }

.webbed-box{padding: 0;}
.webbed-box p{font-size: 14px; line-height: 1; color: var(--azure-color); font-weight: 400; margin: 0; padding: 0; opacity: 0.8; }
.webbed-box p strong{font-weight: 700;}

.footer-form-part{padding: 8px; max-width: 1248px; width: 100%; margin: 0 auto; background:url(../images/footer-form-bg.jpg) 0 0 no-repeat var(--timberwolf-color); display: flex; justify-content: flex-start; align-items: flex-start;
position: relative; z-index: 1; margin-top: -226px; margin-bottom: 57px; box-shadow: 0px 12px 42px -4px #18274B1F, 0px 8px 18px -6px #18274B1F; background-size: cover;}

.right-ft{padding:16px 40px 32px 32px; flex: 0 0 928px; max-width: 928px; background-color: var(--white-color); align-self: stretch;}
.right-ft h2{padding: 0; font-size: 36px; line-height: 62px; margin: 0 0 34px 0; font-weight: 400; color: var(--rhino-color); border-bottom: 1px solid var(--paprika-color); }

.left-ft{padding:40px 32px; background-color: #EDE7E7; flex: 1; align-self: stretch;}

.form-info{padding: 0; margin-bottom: 24px; display: flex; justify-content: flex-start; align-items: flex-start;}
.form-info:last-child{margin-bottom: 0;}
.form-info .icon{padding: 0; margin: 0 0 0 16px; width: 40px; height: 40px; background-color: var(--paprika-color); border-radius: 4px; display: flex; align-items: center; justify-content: center;
flex: none; }
.form-info .icon img{vertical-align: middle; object-fit: contain; max-width: 26px;}
.form-info .text{padding:0px 0 0 0; }
.form-info .text p{font-size: 18px; line-height: 24px; color: var(--rhino-color); margin: 0; padding: 0; font-weight: 400; }
.form-info .text p a{color: var(--rhino-color);}

.form-info.call .text{display: flex; align-items: center; padding: 9px 0 0 0;}
.form-info.call .text p:last-child{font-weight: 700; padding-right: 12px; margin-right: 12px; border-right: 1px solid var(--rhino-color); line-height: 14px;}  
.form-info.call .text p strong{line-height: 10px; display: inline-block; vertical-align: middle; margin-top: 4px; }

.talk-form{padding: 0; position: relative;}
.talk-form .row{margin-left: -4px; margin-right: -4px;}
.talk-form .col-3{padding-left: 4px; padding-right: 4px;}
.talk-form input{padding: 12px 10px; font-size: 18px; font-weight: 400;}
.talk-form input::placeholder{color: var(--bunker-color);}
.talk-form input::-moz-placeholder{color: var(--bunker-color);}
.talk-form input::-webkit-input-placeholder{color: var(--bunker-color);}

.send-btn .button{width: 100%; background-color: var(--paprika-color); border-radius: 4px; font-size: 22px; font-weight: 700; color: var(--white-color); padding: 13px 10px; }
.send-btn .button:hover{background-color: var(--rhino-color);}

.terms-box{padding:24px 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
.terms-box p{font-size: 18px; line-height: 24px; color: var(--shark-color); font-weight: 400; margin: 0; padding: 0;}
.terms-box p a{color: var(--azure-color); text-decoration: underline;}
.terms-box p a:hover{text-decoration: none;}

.custom-checkbox{}
.custom-checkbox input[type="checkbox"]{position: relative; width: 32px; height: 32px; font-size: 0; cursor: pointer; z-index: 1; margin: 0 0 0 11px; vertical-align: middle;}
.custom-checkbox input[type="checkbox"]::before{width: 32px; height: 32px; border: 2px solid #99A5AF; background-color: var(--white-color); position: absolute; right: 0; top: 0; content: ""; }
.custom-checkbox input[type="checkbox"]:checked:before{background: url(../images/checkbox-icon.svg) center center no-repeat var(--white-color);}
.wpcf7-form.sent {opacity: 0; visibility: hidden;}
.wpcf7 form.sent .wpcf7-response-output {display: none;}
.thanks-message{padding: 0; display: flex; justify-content: flex-start; align-items: center; position: absolute; top: 50%; transform: translateY(-50%);}
.single-contact .thanks-message {width: 100%; flex-direction: column;}
.single-contact .thanks-message .icon {margin: 0 0 16px 0;}
.thanks-message .icon{padding: 0; margin: 0 0 0 16px; width: 88px; height: 88px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.thanks-message .icon img{vertical-align: middle; object-fit: contain; }
.thanks-message p{font-size: 26px; line-height: 32px; font-weight: 400; margin: 0; padding: 0; color: var(--rhino-color);}


.page-title-section{padding: 0; position: relative; }
.page-title-section .image{padding: 11.8% 0 0 0; position: relative; }
.page-title-section .image::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: rgba(15,30,50,0.90); z-index: 1;}
.page-title-section .image img{width: 100%; vertical-align: top; object-fit: cover; height: 100%; object-position: center; position: absolute; left: 0; top: 0; z-index: 0;}
.page-title-section .text{padding:117px 15px 20px 15px; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.page-title-section .text h1{margin: 0; padding: 0; color: var(--white-color); font-weight: 200; font-size: 48px; line-height: 48px; }


.media-list-section{padding:36px 0 304px 0; background-color: var(--whitesmoke-color);}
.media-top-section{padding: 0px 0; }

.media-top-part{padding:56px 0; display: flex; justify-content: flex-start; align-items: center; position: relative;}
.media-top-part .link-overlay{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }
.media-top-part .image{padding:33.34% 0 0 0; position: relative; flex: 0 0 816px; max-width: 816px; overflow: hidden;}
.media-top-part .image::before{position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; content: ""; border: 1px solid rgba(246,246,246,0.50); z-index: 1;}
.media-top-part .image img{vertical-align: top; width: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; height: 100%; transition: all 0.5s;}
.media-top-part .text{padding: 0 120px 0 0; flex: 1;}
.media-top-part .text h2{font-size: 48px; color: var(--rhino-color); font-weight: 400; margin: 0; padding: 0 0 24px 0; }
.media-top-part .text p{font-size: 18px; color: var(--shark-color); font-weight: 400; margin: 0; padding: 0 0 24px 0;}
.media-top-part:hover .article-btn .button em{margin: 0;}
.media-top-part:hover .article-btn .button em::before{opacity: 1; visibility: visible; }
.media-top-part:hover .text h2{color: var(--paprika-color);}
.media-top-part:hover .image img{transform: scale(1.075); mix-blend-mode: plus-lighter; opacity: 0.8;}

.article-btn{padding: 0;}
.article-btn .button span {padding:7px 16px 7px 16px; background-color:var(--whitesmoke-color); border: 1px solid var(--rhino-color); color: var(--rhino-color); transition: all 0.4s;}
.media-top-part:hover .article-btn .button span {background-color: var(--rhino-color); color: var(--white-color);}

.media-info{padding:7px 0; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 24px; position: relative; }
.media-info::before{border: 3px solid var(--whitesmoke-color); background-color: var(--paprika-color); position: absolute; left: 0; top: -7px; right: 0; content: ""; height: 7px; } 
.media-info::after{border: 3px solid var(--whitesmoke-color); background-color: var(--paprika-color); position: absolute; left: 0; bottom: -7px; right: 0; content: ""; height: 7px; } 
.media-info .one{font-size: 18px; line-height: 1; font-weight: 400; color: var(--shark-color); padding: 0 20px; border-right: 1px solid var(--timberwolf-color);}
.media-info .one:first-child{padding-right: 0; border-right: 0;}

.inner-banner {margin:57px 0 0 0; padding: 60px 0; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;}
.inner-banner h1 {color: var(--white-color); text-align: center; font-size: 48px; font-weight:300;}
.inner-banner::before {position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ""; background-color: var(--bigstone-color); opacity: 0.9; pointer-events: none;}
.residential-category::before {position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ""; background-color: var(--bigstone-color); opacity: 0.9; pointer-events: none;}
.commecrial-category::before {position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ""; background-color: var(--rhino-color); opacity: 0.9; pointer-events: none;}
.mishtaken-category::before {position: absolute; left: 0; top: 0; width:100%; height: 100%; content: ""; background-color: var(--celtic-color); opacity: 0.9; pointer-events: none;}

.project-list .container {max-width: 1494px;}
.inner-banner h1 {position: relative;}
.project-top {margin: 0; padding:56px 0 0 0;} 
.project-top-inner {margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.project-top-right {margin: 0; padding: 33.4% 0 0 0; max-width: 816px; width: 100%; position: relative;}
.project-top-right img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.project-top-left {max-width:504px; width: 100%;}
.project-top-left h2 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--rhino-color); position: relative; }
.project-top-left h2:after { content: ""; position: absolute; right: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat; }

.project-list-main {margin: 0; padding:89px 0 300px; position: relative;}
.project-filter::before {position: absolute; content: ""; left: 0; top:48px; width: 100%; height: 1px; background-color: var(--mercury-color);}
.project-filter {padding:7px 0; display: flex; align-items: center; justify-content: center;}
.project-category {margin:0 0 0 22px; padding:0 0 0 22px; border-left:2px solid var(--timberwolf-color);}
.project-category ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;}
.project-category ul li {margin: 0; padding: 0 4px;}
.project-category ul li::before {display: none;}
.project-category ul li a {margin: 0; padding:9px 24px 7px; background-color: var(--mercury-color); font-size: 16px; line-height: 16px; color: var(--shark-color); border-radius: 4px;}
.project-category ul li a:hover, .project-category ul li a.active {background-color: var(--paprika-color); color: var(--white-color);}
.project-filter-by ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;}
.project-filter-by ul li {margin: 0; padding: 0 4px;}
.project-filter-by ul li::before {display: none;}
.project-filter-by ul li a {margin: 0; padding:9px 24px 7px; background-color:#E0EAF7; font-size: 16px; line-height: 16px; color: var(--shark-color); border-radius: 4px;}
.project-filter-by ul li a:hover, .project-filter-by ul li a.active {background-color: var(--rhino-color); color: var(--white-color);}
.project-filter {margin: 0; padding:8px;  border-radius: 0px; z-index: 2; position: sticky; top: 57px; background-color: var(--white-color);}

.tax-project_cat #full_wrapper{overflow: visible;}

.project-filter span {margin:8px 0; display: block; color: var(--white-color); font-size: 16px;}
.project-filter select {color: var(--bunker-color);}
.project-filter select, .project-filter span {display: none;}


.project-list {margin: 0 -12px; padding:48px 0 0 0; display: flex; flex-wrap: wrap;}
.project-list + .project-list {padding-top: 0;}
.project-list + .project-list .project-item {max-width: 33.33%;}
.project-list + .project-list .project-item-img {padding:100% 0 0 0;}
.project-item {margin: 0; padding:16px 12px; max-width: 50%; width: 100%;}
.project-item-img {margin: 0; padding:66.668% 0 0 0; position: relative; border-radius: 2px;overflow: hidden;}
.project-item-img::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(0deg,rgba(42, 63, 90, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); z-index: 1; opacity: 0.6;}
.project-item-img::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background-color:var(--bigstone-color); z-index: 1; opacity:0; mix-blend-mode: color; transition: all 0.5s;}
.project-item-inner:hover .project-item-img img {transform: scale(1.075);}
.project-item-inner:hover .project-item-img::after {opacity: 0.6;}
.project-item-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s;}
.project-item-inner {position: relative; overflow: hidden; border-radius: 2px;}
.project-item-bottom {position: absolute; padding:20px 12px; right: 0; bottom: 0; width: 100%; z-index: 2; pointer-events: all;}
.project-item-bottom * {pointer-events: none;}
.project-item-bottom::before {position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height:0; background-color: var(--mercury-color); opacity: 0.9; pointer-events: none; transition: all 0.5s;}
.project-item-bottom ul {margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center;}
.project-item-bottom ul li {margin: 0; padding:0 12px; border-left:1px solid var(--white-color); transition: all 0.5s;}
.project-item-bottom ul li::before {display: none;}
.project-item-bottom ul li:last-child {border-left: 0;}
.project-item-bottom ul li a {margin: 0; padding: 0; font-size: 20px; line-height:1; color: var(--white-color); pointer-events: none;}
.project-item-inner:hover .project-item-bottom::before {height: 100%;}
.project-item-inner:hover .project-item-bottom ul li {border-color: var(--paprika-color);}
.project-item-inner:hover .project-item-bottom ul li a {color: var(--bigstone-color);}

.project-arrow { margin: 0; padding: 0; width: 40px; height: 32px; position: absolute; left:20px; bottom:16px; z-index: 2; transition: all .7s; pointer-events: none; }
.project-arrow::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color:var(--paprika-color); content: ""; border-radius: 2px; transform: translateX(-200%); transition: all .7s; }
.project-arrow::after { position: absolute; left: 18px; top: 11px; width: 9px; height: 9px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; transform: rotate(45deg); transition: all .7s; }
.project-item-inner:hover .project-arrow {left: 0;}
.project-item-inner:hover .project-arrow::before { transform: translateX(0); }
.project-item-inner:hover .project-arrow::after { border-color:var(--white-color); }
.project-item-inner .overlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 1;}
.project-item-by {position: absolute; top:16px; left: 0; z-index: 2;}
.project-item-by ul {margin: 0; padding: 0; display: flex; flex-direction: row-reverse; align-items: center; list-style-type: none;}
.project-item-by ul li {margin: 0 10px 0 0; padding:9px 16px; line-height:1; font-size:14px; font-weight: 400; color: var(--white-color); background-color: rgba(42,63,90,0.6); transition: all 0.5s;}
.project-item-by ul li::before {display: none;}
.project-item-inner:hover .project-item-by ul li {background-color: var(--paprika-color);}
.project-item-inner:hover .project-item-by ul li.price-per-tenant {background-color: var(--celtic-color);}

.media-list-inner {margin:0 -12px; padding: 0; display: flex; flex-wrap: wrap;}
.media-list-item {margin: 0; padding:12px; display: flex; flex-direction: column; max-width: 33.33%; width: 100%;}
.media-list-item-inner {margin: 0; padding: 0; background-color: var(--white-color); border-radius:8px; display: flex; flex-direction: column; flex-grow: 1; box-shadow: 0px 4px 6px -4px #18274B1F; position: relative;}
.media-list-item-inner .overlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.media-item-img {padding:64.67% 0 0 0; position: relative; border-radius: 8px 8px 0 0; overflow: hidden;}
.media-item-img::before {position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; content: ""; border: 1px solid rgba(246, 246, 246, 0.50); z-index: 1;}
.media-item-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.5s;}
.media-list-content {margin: 0; padding:24px; display: flex; flex-direction: column;flex-grow: 1;}
.media-list-content h2 {margin: 0 0 60px 0; padding: 0 16px; font-size: 24px; line-height: 32px; font-weight: 400; color: var(--rhino-color); transition: all 0.5s;}
.media-list-bottom {display: flex; justify-content: space-between;margin-top: auto;}
.media-list-bottom .media-info {margin: 0 0 0 24px; flex: 1;}
.media-list-bottom .media-info::before {top: -3px;}
.media-list-bottom .media-info::after {bottom: -3px;}
.media-list-bottom .media-info .one {padding: 0 12px; font-size: 16px;}
.media-list-bottom .media-info .one:first-child {padding-right: 0;}
.media-list-bottom .media-info .one:last-child { padding-left: 0; }
.media-list-bottom .button span {padding:7px 16px 7px 16px; background-color: var(--white-color); border: 1px solid var(--rhino-color); color: var(--rhino-color); transition: all 0.5s;}
.media-list-bottom .button:hover span {background-color: var(--rhino-color); color: var(--white-color); }

.media-list-item-inner:hover .media-item-img img {transform: scale(1.075); opacity: 0.8;}
.media-list-item-inner:hover .media-list-content h2 {color: var(--paprika-color);}
.media-list-item-inner:hover .media-list-bottom .button span {background-color: var(--rhino-color); color: var(--white-color);}
.media-list-item-inner:hover .media-list-bottom .button em {margin: 0;}
.media-list-item-inner:hover .media-list-bottom .button em:before {opacity: 1; visibility: visible;}

.media-single-banner {margin:57px 0 0 0; background-color: var(--bigstone-color);}
.media-single-banner-inner {margin: 0; padding:34.541% 0 0 0; position: relative;}
.media-single-banner img {position: absolute; top: 0; left: 0; width: 100%; height:100%; object-fit: cover;}
.media-single-banner-inner::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; content: ""; z-index: 1; background: linear-gradient(0deg,rgba(42, 63, 90, 1) 0%, rgba(90, 134, 192, 0) 100%); pointer-events: none;}
.media-single-banner h1 {position: absolute; left: 0; right: 0; bottom:48px; margin: 0 auto; color: var(--white-color); text-align: center; max-width:960px; width: 100%; z-index: 1; }
.media-single-data {margin: 0; padding:44px 0 48px; background-color: var(--bigstone-color);}
.media-single-data .container {max-width: 1170px;}
.media-single-data-inner {font-size:34px; line-height: 48px; color: var(--white-color); text-align: center;}


.related-media {margin: 0; padding:105px 0 250px;}
.related-media .container > h2 {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 32px; font-weight: 400; text-align: center; position: relative;}
.related-media .container > h2:after {content: ""; margin: 0 auto; position: absolute; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat;}
.media-single-data-inner p {margin: 0 0 44px 0;}
.media-single-data-inner .media-list-bottom .media-info .one {color: var(--white-color);}
.media-single-data-inner .media-info::before {border-color: var(--bigstone-color); background-color: var(--azure-color);}
.media-single-data-inner .media-info::after {border-color: var(--bigstone-color); background-color: var(--azure-color);}
.media-single-data-inner .media-list-bottom .button span {background-color: var(--bigstone-color); color: var(--white-color); border: 1px solid var(--white-color);}
.media-single-data-inner .media-list-bottom .button em {background-color: var(--white-color);}
.media-single-data-inner .media-list-bottom .button em:before {border-right: 8px solid var(--rhino-color);}
.media-single-data-inner .media-list-bottom .button:hover span {background-color: var(--rhino-color);}

.media-single-content {margin: 0; padding:65px 0 95px 0; background-color: var(--whitesmoke-color);}
.media-single-content .container {max-width: 1170px;}
.media-single-content p {margin-bottom:30px;}
.media-single-content p:last-child {margin-bottom: 0;}
.media-single-content h4 { font-size:26px; color: var(--paprika-color);}
.media-single-content :is(h1, h2, h3, h4, h5, h6) {margin: 0 0 30px 0;}
.wp-caption {margin:30px 0; max-width: 100%;}
.wp-caption img {border-radius:8px;}
.wp-caption-text {line-height: 1;}
.video-html { margin:30px 0 65px; padding:56.25% 0 0 0; position: relative; }
.video-html video, .video-html iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.video-html p {position: relative; top: 30px; margin: 0;}


.always-here {padding:55px 0 112px; position: relative;}
.always-here::before {content: ""; position:absolute; left: 0; top:55px; width: 100%; height: 1px; background-color: var(--mercury-color);}
.always-here::after {content: ""; position:absolute; left: 0; bottom:111px; width: 100%; height: 1px; background-color: var(--mercury-color);}
.always-here-inner {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.always-here-img {max-width: 712px; width: 100%; line-height: 0; position: relative; z-index: 1;}
.contact-shape {position: absolute; left:-44px; bottom:-44px; width: 88px;}
.always-here-content {max-width: 608px; width: 100%;}
.always-here-content h2 {margin: 0 0 16px 0; color: var(--rhino-color); }
.always-here-list {padding:20px 0 0 0; position: relative;}
.always-here-list:before { content: ""; position: absolute; right: 0; top:6px; width: 38px; height: 10px; background-image: url(../images/title-line.svg); background-position: right center; background-repeat: no-repeat; }
.always-here-item {margin:28px 0 0 0; display: flex; align-items: center;}
.always-here-icon {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; min-width:88px; width: 88px; height: 88px; border: 1px solid var(--timberwolf-color); border-radius: 50%;} 
.always-here-desc {margin: 0; padding: 0 16px 0 0; flex: 1;}
.always-here-desc h3 {font-size:18px;  color: var(--shark-color); font-weight: 700;}

.all-ways {padding:95px 0 112px; background-color: var(--whitesmoke-color);}
.all-ways .container > h2 { margin: 0 0 25px 0; padding: 0 0 25px 0; font-size: 32px; color: var(--rhino-color); position: relative; }
.all-ways .container > h2:after { content: ""; position: absolute; right: 0; bottom:-3px; width: 38px; height: 10px; background-image: url(../images/title-line.svg); background-position: right center; background-repeat: no-repeat; }
.all-ways-inner {margin: 0 0 75px 0; padding:0; display: flex; flex-wrap: wrap;}
.all-ways-item {margin: 0; padding:12px; display: flex; flex-direction: column; max-width:20%; width: 100%;}
.all-ways-item-inner {margin: 0; padding:22px; display: flex; flex-direction: column; flex-grow: 1; background-color: var(--white-color); border-radius: 8px; font-size: 16px; line-height: 32px; align-items: flex-start;}
.all-ways-icon { padding: 0; margin: 0 0 20px 0; width: 40px; height: 40px; background-color: var(--paprika-color); border-radius: 4px; display: flex ; align-items: center; justify-content: center; box-shadow: 0 20px 13px rgba(0,0,0,0.1);}
.all-ways-item-inner h3 {margin: 0 0 25px 0; padding:16px 0; font-size:36px; border-bottom: 1px solid var(--paprika-color); width: 100%;}
.all-ways-item-inner a:not(.button) {color: var(--azure-color);}
.all-ways-item-inner .button {margin-top: auto; font-size: 16px;}
.all-ways-item-inner .button span {padding: 8px 14px 8px 14px;}

.contact-form-box {margin: 0; padding:16px; display: flex; flex-wrap: wrap; background: url('../images/contact-form-bg.svg') 0 0 repeat; }
.contact-form {margin: 0; padding:32px 48px 40px 115px; flex: 1; background-color: var(--white-color); font-size: 18px; line-height: 32px;}
.contact-form-img {margin: 0; padding: 0; max-width: 608px; width: 100%; line-height: 0;}
.contact-form-img img {width: 100%; height: 100%; object-fit: cover;}
.contact-form-inner {max-width:456px; width:100%; position: relative;}
.contact-form h2 {margin: 0 0 25px 0; padding: 16px 0; font-size: 36px; color: var(--rhino-color); font-weight: 400; border-bottom: 1px solid var(--paprika-color);}
.contact-form-inner .form-group {margin: 0 0 24px 0;}
.contact-form-inner .terms-box {margin: 0 0 24px 0; padding: 0; } 
.contact-form-inner .send-btn input {width: 100%; background-color: var(--paprika-color); border-radius: 4px; font-size: 22px; font-weight: 700; color: var(--white-color); padding: 13px 10px;}
.contact-form-inner .send-btn input:hover {background-color: var(--cocoa-color);}

.about-top {margin:57px 0 0 0; padding:95px 0 275px 0; position: relative;}
.about-top::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #FFFFFF 35%, rgba(255, 255, 255, 0) 100%); z-index: 1;}
.about-top .about-top-video {position: absolute; bottom: 0; left: 0; width: 100%; height:81.443298969072%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.2;}
.about-top .about-top-video video {width: 100%; height: 100%; object-fit: cover;}
.tri-color {margin: 0 auto; width: 340px; position: absolute; left:0; right: 0; bottom:-160px; z-index: 1; }
.about-top .container {position: relative; z-index: 1;}
.about-top-content {margin: 0 auto; max-width: 752px; width: 100%; text-align: center;}
.about-top-content h1 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--rhino-color); position: relative; font-size: 48px; font-weight: 300; }
.about-top-content h1:after { content: ""; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat; }
.about-top-content p:nth-child(2) {font-size: 24px;}

.construction {margin: 0; padding:128px 0 72px 0; background-color:var(--bigstone-color);}
.construction-head {margin: 0 0 35px 0; color: var(--white-color);}
.construction-head .container {margin: 0 auto; max-width: 752px; width: 100%; text-align: center;}
.construction-head h2 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--white-color); position: relative; font-size:40px; font-weight:300;}
.construction-head h2:after {content: ""; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 0; width: 32px; height:4px; background-image: url('../images/title-line.svg'); background-position:center; background-repeat: no-repeat;}
.construction-head h3 {margin: 0 0 16px 0; color: var(--white-color); font-size: 24px; font-weight: 700; }
.construction-main {position: relative;}
.construction-main::before {position: absolute; content: ""; left: 0; top:132px; bottom:-72px; width: 100%;  border-top: 1px solid var(--rhino-color); background-color:#132439;}
.construction-item {padding: 0 48px;}
.construction-item-img {margin: 0 auto 44px; width:264px; height: 264px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative;}
.construction-item-img::before {position: absolute; left:0; top:0; right:0; bottom:0; content: ""; border: 1px solid var(--paprika-color); border-radius: 50%; transition: all 0.5s;}
.construction-item-img img {margin: auto; width:calc(100% - 80px); height:calc(100% - 80px); border-radius: 50%; object-fit: cover; transition: all 0.5s;}
.construction-item-img::after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; background-color: var(--rhino-color); margin: auto; width: calc(100% - 78px); height: calc(100% - 78px); border-radius: 50%; mix-blend-mode: color; opacity: 0.5; transition: all 0.5s;}
.construction-item-content {color: var(--white-color);}
.construction-item-content a {color: var(--azure-color); text-decoration: underline;}
.construction-item-content h4 {padding: 0 0 16px 0; margin: 0 0 16px 0; color: var(--white-color); font-size: 24px; font-weight:300; position: relative;}
.construction-item-content h4:after {content: ""; position: absolute; margin:0; right: 0; left: 0; bottom: 0; width: 32px; height:4px; background-image: url('../images/title-line.svg'); background-position:center; background-repeat: no-repeat;}
.construction-item-img:hover::before {transform: scale(0.88); border-color: var(--rhino-color);}
.construction-item-img:hover img {transform: scale(1.12);}
.construction-item-img:hover::after {opacity: 0;}

.construction-main .container {position: relative;}
.construction-arrow.swiper {overflow: visible; position: static;}
.construction-arrow .swiper-button-next {left: -89px; top:130px; }
.construction-arrow .swiper-button-prev {right: -89px; top:130px; }

.construction-arrow .swiper-button-next span {transform: translateX(10px); width: 28px; background-image: url('../images/slider-arrow2.svg'); background-position: left center;}
.construction-arrow .swiper-button-next::before {transform: scale(0.9) translateX(0px); transform-origin: center; background-color: var(--timberwolf-color); opacity: 1;}
.construction-arrow .swiper-button-next::after {left:0; border:1px solid var(--timberwolf-color);}
.construction-arrow .swiper-button-next:hover::before {transform: scale(1.1) translateX(0px);}
.construction-arrow .swiper-button-next:hover span {width:36px; transform: translateX(10px);}

.construction-arrow .swiper-button-prev span {transform: translateX(10px); width: 28px; background-image: url('../images/slider-arrow2.svg'); background-position: left center;}
.construction-arrow .swiper-button-prev span {background-image: url('../images/slider-arrow2.svg');}
.construction-arrow .swiper-button-prev::before {transform: scale(0.9) translateX(0px); transform-origin: center; background-color: var(--timberwolf-color); opacity: 1;}
.construction-arrow .swiper-button-prev::after {left:0; border:1px solid var(--timberwolf-color);}
.construction-arrow .swiper-button-prev:hover::before {transform: scale(1.1) translateX(0px);}
.construction-arrow .swiper-button-prev:hover span {width:36px; transform: translateX(10px);}

.about-always-here {padding:170px 0 200px 0;}
.about-always-here.always-here::before {top: 170px;}
.about-always-here.always-here::after {bottom:200px;}

.building-future {margin:0 0 0 0; padding:135px 0 300px 0; position: relative; background-color: var(--bigstone-color);}
.building-future-logo {margin: 0 auto 56px; width: 61px; line-height: 0;}
.building-future::before {position: absolute; top: 0; left: 0; width: 100%; height:90%; content: ""; background: linear-gradient(0deg,rgba(46, 91, 152, 0) 0%, rgba(15, 30, 50, 1) 100%); z-index: 1;}
.building-future .building-future-video {position: absolute; bottom: 0; left: 0; width: 100%; height:100%; opacity: 0.8;}
.building-future .building-future-video video {width: 100%; height: 100%; object-fit: cover;}
.building-future .container {position: relative; z-index: 1;}
.building-future-inner {margin: 0 auto; max-width: 752px; width: 100%; text-align: center; color: var(--white-color);}
.building-future-inner h2 { margin: 0 0 24px 0; padding: 0 0 24px 0; color: var(--white-color); position: relative; font-size: 48px; font-weight: 300; }
.building-future-inner h2:after { content: ""; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 0; width: 32px; height: 4px; background-image: url('../images/title-line.svg'); background-position:center; background-repeat: no-repeat; }
.building-future-inner h3 {font-size: 24px; font-weight: 700;}

.our-team {margin: 0; padding:95px 0 140px; background-color: var(--whitesmoke-color);}
.our-team h2 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--rhino-color); position: relative; font-size: 48px; text-align: center; font-weight: 300; }
.our-team h2:after { content: ""; position: absolute; margin: 0 auto; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position:left center; background-repeat: no-repeat; }
.our-team p {color: var(--shark-color); font-size: 24px; font-weight: 700; text-align: center;}
.our-team-list {margin:82px -10px 0 -10px; display: flex; flex-wrap: wrap;}
.our-team-item {margin: 0; padding:10px; max-width: 25%; width: 100%;}
.our-team-item-inner {margin: 0; padding: 0; position: relative; overflow: hidden; border-radius:3px;}
.our-team-item-inner:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #0F1E32 0%, #2A3F5A 100%); border-radius: 3px;}
.our-team-item-inner:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, #DDD1D1 0%, rgba(221, 209, 209, 0) 100%); transition: all 0.5s; border-radius: 3px;}
.our-team-img {padding:113.623188% 0 0 0; position: relative; z-index: 1;}
.our-team-img:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(0deg,rgba(42, 63, 90, 1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);z-index: 1; opacity: 0.6;}

.our-team-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain;object-position: bottom;}
.our-team-content {padding:22px 14px; position: absolute; right: 0; bottom: 0; width: 100%; z-index: 1;}
.our-team-content::before { position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 0; background-color: var(--bigstone-color); opacity: 0.9; pointer-events: none; transition: all 0.5s;}
.our-team-content ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;}
.our-team-content ul li {margin: 0; padding: 0 10px; border-left: 1px solid var(--white-color); color: var(--white-color); font-size: 20px; line-height: 20px;}
.our-team-content ul li::before {display: none;}
.our-team-content ul li:last-child {border-left: 0;}
.our-team-item-inner .overlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.sign { margin: 0; padding: 0; width: 32px; height: 32px; position: absolute; left: 0; bottom:16px; z-index: 2; transition: all .7s; pointer-events: none; }
.sign:after {margin:auto; padding: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width:12px; height: 12px; background: url('../images/plus-icon.svg') center no-repeat; opacity: 0; transition: all 0.5s;}
.sign::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: var(--paprika-color); content: ""; border-radius: 2px; transform: translateX(-200%); transition: all 0.5s; }
.our-team-item-inner:hover .sign::after {opacity: 1;}
.our-team-item-inner:hover .sign::before {transform: translateX(0);}
.our-team-item-inner:hover .our-team-content::before {height: 100%;}
.our-team-item-inner:hover:after {opacity: 0.8;}

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; z-index: 1040; background-color:rgba(15,30,50,0.8);}
.fade { opacity: 0; transition: opacity .15s linear; }
.fade.show { opacity: 1; }
.modal { text-align: center; padding: 0!important; }
.modal-close { margin: 0; padding: 0; position: absolute; top: 8px; left: 8px; width: 32px; height: 32px; border: 0; border-radius: 0; cursor: pointer; z-index: 2; transition: all 0.4s; background-color: var(--paprika-color); }
.modal-close:before { margin: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:1px; height:70%; background-color: var(--white-color); content: ""; transform: rotate(45deg); transition: all 0.4s;}
.modal-close:after { margin: auto; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:1px; height:70%; background-color: var(--white-color); content: ""; transform: rotate(-45deg); transition: all 0.4s;}
.modal-close:hover {border-color: var(--salmon-color);}
.modal-close:hover .modal-close-inner {background-color: var(--salmon-color);}
.modal-close:hover:before {transform: rotate(-45deg);}
.modal-close:hover:after {transform: rotate(-135deg);}
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog {padding:0 0 0 0; display: inline-block; text-align: right; vertical-align: middle; background-color: #fff; border-radius:0; border: 0;}
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: 1; visibility: visible; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; }
.modal-dialog { position: relative; width: calc(100% - 30px); margin: 0.5rem; pointer-events: none; }
.modal-dialog { max-width: 500px; margin: 1.75rem auto; }
.modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-25%); transform: translate(0,-25%); }
.modal.show .modal-dialog { -webkit-transform: translate(0,0); transform: translate(0,0); }
.modal-content {pointer-events: auto;}
.modal-team .modal-dialog {max-width: 1024px; width: calc(100% - 30px); border: 4px solid var(--timberwolf-color);}
.modal-team-inner {margin: 0; padding: 0; display: flex; flex-wrap:wrap;}
.modal-team-right {max-width:292px; width: 100%;}
.modal-team-right .our-team-item-inner {height: 100%;}
.modal-team-right .our-team-img {height: 100%;}
.modal-team-left {padding:48px 52px 60px 40px; flex: 1; background-color: var(--bigstone-color); color: var(--white-color);}
.modal-team-left h2 {margin:0 0 10px 0; font-size: 32px; line-height: 1; font-weight: 300;}
.modal-team-left h3 {margin:0 0 15px 0; padding: 0 0 15px 0; font-size:20px; line-height: 1; font-weight:700; position: relative;}
.modal-team-left h3:after { content: ""; position: absolute; margin: 0; right: 0; left: 0; bottom: 0; width: 32px; height: 4px; background-image: url(../images/title-line.svg); background-position: center; background-repeat: no-repeat; }

.modal.fade.modal-team .modal-dialog { transition: -webkit-transform 0.5s ease-out; transition: transform 0.5s ease-out; transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; -webkit-transform: translate(0, 50%);transform: translate(0, 50%);}
.modal.fade.modal-team.show .modal-dialog {-webkit-transform: none;transform: none;}


.project-banner {overflow: hidden; background-color: var(--bigstone-color);}
.project-banner .home-banner-video::before {background-color: transparent;}
.project-banner .banner-logo {width: 83px; top:28px;}
.project-banner-slider .home-banner-video {margin: 0 0 0 0;}
.project-banner-slider .swiper-slide {height: 100svh;overflow: hidden;}
.project-banner .scroll-down {bottom: 92px;}
.project-banner-meta {margin: 0 auto; position: absolute; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; pointer-events: none;}
.project-banner-meta ul {margin: 0; padding:32px 43px; display: flex; align-items: center; list-style-type: none; background-color:rgba(255,255,255,0.9); border-top:4px solid var(--paprika-color); pointer-events: all;}
.project-banner-meta ul li {margin: 0; padding: 0 12px; font-size: 28px; }
.project-banner-meta ul li::before {width: 8px; height: 8px; right: -4px; background-image: url('../images/li-dot.svg'); background-position: center; background-repeat: no-repeat;}
.project-banner-meta ul li:first-child:before {display: none;}

.living-dream {margin: 0; padding:185px 0 105px 0; position: relative;}
.living-dream-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.living-dream-right {max-width:816px; width: 100%; line-height: 0; position: relative; z-index: 1; }
.living-dream-right .google-map {height: 100% !important; min-height:650px;}
.living-dream-right::before {position: absolute; top:8px; left:8px; bottom:8px; right:8px; content: ""; border: 1px solid var(--whitesmoke-color);}
.living-dream-logo {position: absolute; top:-40px; right:32px; display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; background-image: url('../images/living-dream-logo-bg.png'); background-repeat: no-repeat; background-position:center;}
.living-dream-left {max-width:504px; width: 100%; position: relative; z-index: 1; padding: 40px 0;}

.mishtaken-category-bg {background-color: var(--celtic-color);}
.commecrial-category-bg {background-color: var(--rhino-color);}
.residential-category {background-color: var(--bigstone-color);}
.living-dream-right .contact-shape {width: 128px;left: -64px; bottom: -64px;} 
.living-dream-right .contact-shape img {width: 100%;}
.living-dream-left h2 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--rhino-color); position: relative; font-size: 48px; font-weight: 300; }
.living-dream-left h2:after { content: ""; position: absolute; margin: 0; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat; }
.living-dream::before { content: ""; position: absolute; left: 0; top:185px; width: 100%; height: 1px; background-color: var(--mercury-color); }
.living-dream::after { content: ""; position: absolute; left: 0; bottom:105px; width: 100%; height: 1px; background-color: var(--mercury-color); }
.living-dream-btn {display: flex;}
.living-dream-btn .button {margin: 0 0 0 16px;}

.counter-number {margin: 0; padding:16px 0 72px 0;}
.counter-number-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; width: 100%; border-top: 1px solid var(--timberwolf-color); border-bottom: 1px solid var(--timberwolf-color);}
.counter-number-item {padding: 54px 8px 43px; max-width: 25%; width: 100%;}
.counter-number-item-inner {max-width: 240px; width: 100%;}
.counter-number-text {margin: 0 0 16px 0; padding: 0 0 16px 0; position: relative;}
.counter-number-text em {font-style: normal; margin:0 0 0 3px; display: inline-flex;}
.counter-number-text:after { content: ""; position: absolute; margin:0; right: 0; left: 0; bottom: -2px; width: 38px; height: 10px; background-image: url('../images/title-line-blue.svg'); background-position: left center; background-repeat: no-repeat; }
.counter-number-text span {font-size: 56px; color: var(--paprika-color); font-weight: 300;}

.advanced-mixed {margin: 0; padding:75px 0 96px 0; background-color: var(--whitesmoke-color);}
.advanced-mixed .always-here-list::before {display: none;}
.advanced-mixed h2 { margin: 0 0 20px 0; padding: 0 0 20px 0; color: var(--rhino-color); position: relative; font-size:32px; font-weight: 300; }
.advanced-mixed h2:after { content: ""; position: absolute; margin: 0; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat; }
.advanced-mixed .always-here-list {padding:28px 0 40px; margin: 0 -17px; display: flex; flex-wrap: wrap;}
.advanced-mixed .always-here-list .always-here-item {margin: 0; padding: 0 17px; max-width:25%; width: 100%;}
.advanced-mixed .always-here-desc {font-size: 16px; line-height: 24px;}

.perfect-living {background-color: transparent; position: relative;}
.perfect-living::before {content: ""; position: absolute; left: 0; top: 0; width: 15%; height: 100%; z-index: 2; background: linear-gradient(90deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%), linear-gradient(90deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%); }
.perfect-living::after {content: ""; position: absolute; right: 0; top: 0; width: 15%; height: 100%; z-index: 2; background: linear-gradient(90deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%), linear-gradient(90deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%); transform: rotate(180deg);}

.perfect-living .construction-slider {overflow: visible;}
.perfect-living .construction-head {max-width: 1023px; color: var(--shark-color); position: relative; z-index: 9;}
.perfect-living .construction-head h2 {color: var(--rhino-color);}
.perfect-living .construction-head h2:after {margin: 0;}
.perfect-living .construction-main::before {background-color: transparent; border-top: 1px solid var(--mercury-color);}
.perfect-living .construction-item-content {color: var(--shark-color);}
.perfect-living .construction-item-content h4 {color: var(--rhino-color);}
.perfect-living .construction-item-img::after {background-color: var(--timberwolf-color);}
.perfect-living .construction-item-img::before {border: 1px solid var(--timberwolf-color);}
.perfect-living .construction-item-img:hover::before {border-color:var(--timberwolf-color);}

.perfect-living .construction-arrow .swiper-button-next::before {background-color: var(--mercury-color);}
.perfect-living .construction-arrow .swiper-button-next:hover::before {background-color: var(--paprika-color);}
.perfect-living .construction-arrow .swiper-button-next:hover span {filter: brightness(0) invert(1);}

.perfect-living .construction-arrow .swiper-button-prev::before {background-color: var(--mercury-color);}
.perfect-living .construction-arrow .swiper-button-prev:hover::before {background-color: var(--paprika-color);}
.perfect-living .construction-arrow .swiper-button-prev:hover span {filter: brightness(0) invert(1);}

.project-map {padding:88px 0 120px 0;}
.project-map::before {top: 88px;}
.project-map::after {bottom:120px;}
.project-map .living-dream-left > p {font-size: 24px; line-height: 32px; font-weight: 700;}
.project-map .living-dream-right::before {display: none;}
.project-map .always-here-list {padding: 0;}
.project-map .always-here-list::before {display: none;}
.project-map .living-dream-right .contact-shape {width:88px; left: -44px; bottom: -44px;}

.single-contact {margin: 0; padding:88px 0 128px 0;}
.single-contact-bottom {padding:75px 0 0 0; display: flex; align-items: center; flex-wrap: wrap;}
.single-contact-bottom .form-info {margin: 0 0 0 40px;align-items: center;}
.advanced-mixed {overflow: hidden;}
.advanced-mixed .container {position: relative;}
.advanced-mixed-slider {overflow: visible; margin: 0 -8px;}
.advanced-mixed-slider .swiper-slide {height: auto;}
.advanced-mixed-img {margin: 0; padding: 0 8px; display: flex ; flex-direction: column; height: 100%;}
.advanced-mixed-img-inner {margin:36px 0; padding:45.5555556% 0 0 0; flex-grow: 1; position: relative; opacity: 0.2; transition: all 0.5s;}
.advanced-mixed-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.swiper-slide-active .advanced-mixed-img-inner {margin: 0; opacity: 1;}
.advanced-mixed-img img {border-radius: 3px;}
.advanced-mixed-content {position: absolute; left: 0; right: 0; bottom:-40px; margin: 0 auto; display: flex; flex-wrap: wrap; padding:16px 24px; max-width:512px; min-height: 80px; width: 100%; background-color: var(--white-color); z-index: 1;}  
.advanced-content-list {flex: 1; position: relative;}
.advanced-content-list ul {margin: 0; padding: 0; list-style-type: none;}
.advanced-content-list ul li {position: absolute; right: 0; top: 0; opacity: 0; display: flex ; align-self: anchor-center; transition: all 0.5s;}
.advanced-content-list ul li::before {display: none;}
.advanced-content-list ul li.active {opacity: 1;}
.advanced-mixed-arrow {margin: 0; padding: 0; display: flex; align-items: center; min-width:80px;}
.advanced-mixed-arrow .swiper-button-next, 
.advanced-mixed-arrow .swiper-button-prev {position: relative; width:32px; height: 32px; border-radius: 50%; background-color: var(--rhino-color); left: 0; right: 0; top: 0; bottom: 0; margin:4px;transition: 0.4s ease all;}
.advanced-mixed-arrow .swiper-button-next:hover,
.advanced-mixed-arrow .swiper-button-prev:hover{background-color: #9f2941 !important;}
.advanced-mixed-arrow .swiper-button-next:after, .advanced-mixed-arrow .swiper-button-prev:after {content: ""; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:8px solid var(--white-color); margin: 0 2px 0 0;}
.advanced-mixed-arrow .swiper-button-next:after {transform: scale(-1); margin: 0 0 0 2px;}

.apartments-type-main {margin: 0; padding:90px 0 0 0;}
.apartments-type {background-color:#0F1E32;}
.apartments-type-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.apartments-type-right {padding:62px 0 62px 103px; max-width:624px; width: 100%; position: relative;}
.apartments-type-shape {position: absolute; left:-44px; bottom:-44px; width:88px; line-height: 0;}
.apartments-type-right h2 { margin: 0 0 32px 0; padding: 0 0 32px 0; color: var(--white-color); position: relative; font-size:48px; font-weight: 300; }
.apartments-type-right h2:after { content: ""; position: absolute; margin:0; right: 0; left: 0; bottom: 0; width: 32px; height: 4px; background-image: url('../images/title-line.svg'); background-position: center; background-repeat: no-repeat; }
.apartments-type-right > p {font-size:24px; font-weight: 700; color: var(--white-color); line-height: 32px;}
.apartments-type-list {margin: 0; padding:1px 0 0 0;}
.apartments-type-item {margin:30px 0 0 0; padding: 0 0 0 173px; display: flex; flex-wrap: wrap; position: relative; color: var(--white-color); font-size: 16px; line-height: 24px;}
.apartments-type-item p {margin: 0;}
.apartments-type-item .button {position: absolute; left: 0; top:calc(50% - 19px); }
.apartments-type-item .button span {padding: 8px 8px 8px 20px; background-color: transparent; border: 1px solid var(--paprika-color); transition: all 0.5s;}
.apartments-type-item .button img {margin:0 0 0 8px; position: relative; top: 2px;}
.apartments-type-item .button:hover span {padding: 8px 8px 8px 12px; background-color: var(--rhino-color);}
.apartments-type-left {padding:0; max-width:816px; width: 100%; display: flex; justify-content: flex-end; direction: ltr;}
.apartments-type-slider {width: calc(100% + 50vw - 727px); height: 100%; margin-right: 0; margin-left: -50vw;}
.apartments-type-img {height: 100%;}
.apartments-type-img img {height: 100%; width: 100%; object-fit: cover;}
.scale-img {position:absolute; left:16px; bottom:16px; width:32px; height: 32px; background-color: var(--white-color); border-radius:2px;}


.scale-img:before {content: ""; background: url('../images/scale-img-arrow-small.svg') top left no-repeat; display: block; width:12px; height:7px; position: absolute; left:4px; top:7px; transform: rotate(-45deg); filter: brightness(0) invert(0); will-change: trnsform; transition: all 0.3s;}
.scale-img > span:before {content: "";  background: url('../images/scale-img-arrow-small.svg') top left no-repeat; display: block; width:12px; height:7px; position: absolute; right:4px; top:7px; transform: rotate(45deg); filter: brightness(0) invert(0); will-change: trnsform; transition: all 0.3s;}
.scale-img:after {content: "";  background: url('../images/scale-img-arrow-small.svg') top left no-repeat; display: block; width:12px; height:7px; position: absolute; left:4px; bottom:7px; transform: rotate(-135deg); filter: brightness(0) invert(0); will-change: trnsform; transition: all 0.3s;}
.scale-img > span:after {content: "";  background: url('../images/scale-img-arrow-small.svg') top left no-repeat; display: block; width:12px; height:7px; position: absolute; right:4px; bottom:7px; transform: rotate(135deg); filter: brightness(0) invert(0); will-change: trnsform; transition: all 0.3s;}

.scale-img:hover:before { height:14px; position: absolute; left:3px; top:3px; filter:none;}
.scale-img:hover > span:before {height:14px; position: absolute; right:3px; top:3px; transform: rotate(45deg); filter:none;}
.scale-img:hover:after {height:14px; position: absolute; left:3px; bottom:3px; transform: rotate(-135deg); filter:none;}
.scale-img:hover > span:after {height:14px; position: absolute; right:3px; bottom:3px; transform: rotate(135deg); filter:none;}



.apartments-type-text {padding:8px 16px 8px 112px; position: absolute; bottom: 16px; right: 24px; direction: rtl; max-width: 504px; width: 100%; background-color: var(--white-color);}

.apartments-type-arrow {margin: 0; padding: 0; display: flex; align-items: center; min-width:80px; direction: ltr; position: absolute; right: 437px; bottom: 26px;}
.apartments-type-arrow .swiper-button-next, .apartments-type-arrow .swiper-button-prev {position: relative; width:32px; height: 32px; border-radius: 50%; background-color: var(--rhino-color); left: 0; right: 0; top: 0; bottom: 0; margin:4px;}
.apartments-type-arrow .swiper-button-next:before, .apartments-type-arrow .swiper-button-prev:before {position: absolute; width:100%; height:100%; content: ""; display: block; border-radius: 50%; background-color: var(--rhino-color); left: 0; right: 0; top: 0; bottom: 0; margin:0; transform: none; opacity: 0; transform-origin:center;}
.apartments-type-arrow .swiper-button-next:hover:before, .apartments-type-arrow .swiper-button-prev:hover:before {transform: scale(1.1) translateX(0); background-color: var(--paprika-color);}
.apartments-type-arrow .swiper-button-next:after, .apartments-type-arrow .swiper-button-prev:after {content: ""; border: 0; width: 8px; height: 8px;  border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:8px solid var(--white-color); margin: 0 2px 0 0; top: 0; left: 0; border-radius: 0; position: relative; transform-origin: center;}
.apartments-type-arrow .swiper-button-next:after {transform:none; margin:0 2px 0 0;}
.apartments-type-arrow .swiper-button-prev:after {transform:none; margin: 0 2px 0 0;}
.apartments-type-arrow .swiper-button-next:hover:after {transform: scale(1) translateY(0) translatex(-3px);}
.apartments-type-arrow .swiper-button-prev:hover:after {transform: scale(1) translateY(0) translateX(-3px);}

.project-occupant {margin: 0; padding:175px 0 120px 0; background-color: var(--whitesmoke-color);}
.project-occupant-head {margin: 0 0 48px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.project-occupant-head h2 {margin:0; padding: 0 0 16px 0; color: var(--rhino-color); position: relative; font-size:32px; font-weight: 300;}
.project-occupant-head h2:after { content: ""; position: absolute; margin: 0; right: 0; left: 0; bottom: 0; width: 38px; height: 10px; background-image: url(../images/title-line.svg); background-position: right center; background-repeat: no-repeat; }
.project-occupant-btn {margin: 0; display: flex; align-items: center;}
.project-occupant-btn .button {margin: 0 32px 0 0;}
.project-occupant-btn .button span {padding:20px 30px; font-size: 24px; display: flex ; align-items: center; border: 1px solid var(--paprika-color); background-color:var(--whitesmoke-color); color: var(--paprika-color); transition: all 0.5s;}
.project-occupant-btn .button span svg {margin: 0 0 0 8px;}
.project-occupant-btn .button:hover span {background-color: var(--rhino-color); color: var(--white-color);}

.project-occupant-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.project-occupant-right {margin: 0; padding:55px 40px 55px 40px; max-width:336px; width: 100%; background:linear-gradient(180deg, #1D3556 0%, #0F1E32 100%);}
.project-occupant-item {margin:0 0 24px 0; padding: 0; display: flex; align-items: center; color: var(--white-color); font-weight: 300; cursor: pointer;}
.project-occupant-item:last-child {margin: 0;}
.project-occupant-item span {margin: 0 0 0 16px; padding:4px 0 0 0; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 400; line-height:46px; min-width:48px; width: 48px; height: 48px; border-radius:24px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.5s;}
.project-occupant-item:hover span {background-color: var(--paprika-color); border-color: var(--white-color);}
.project-occupant-item.active span {background-color: var(--paprika-color); border-color: var(--white-color);}
.project-occupant-slider {margin: 0; padding: 0; max-width:1104px; width: 100%; background-color: var(--white-color);}
.project-occupant-slider .swiper-wrapper {height:528px !important;}
.project-occupant-slide {margin:0; padding: 0; display: flex; flex-wrap: wrap; align-items: center;}
.project-occupant-content {margin:0; padding:40px 56px 40px 40px; flex: 1; }
.project-occupant-content .project-occupant-item {color: var(--rhino-color); font-size: 32px;}
.project-occupant-content .project-occupant-item span {border:0; background-color: var(--paprika-color); color: var(--white-color);}
.project-occupant-img {margin: 0; padding:0; max-width:384px; width: 100%; line-height: 0;}

.default-section {padding:56px 0 160px; background-color: var(--whitesmoke-color);}
.default-section .container {max-width:1186px;}

.default-section p:has(+ ul) {margin: 0;}
.default-section ul {margin-bottom:24px;}
.section-404 {padding:184px 0 184px; text-align: center; background-color: var(--whitesmoke-color);}
.icon-404 {margin: 0 auto; width:88px; height: 88px; border: 1px solid var(--timberwolf-color); display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.section-404 h2 {margin:55px 0; padding: 0; font-size:26px; font-weight: 400; text-align: center;}

.project-list-main h2 {margin:95px 0 25px 0; padding: 0 0 25px 0; font-size: 32px; font-weight:400; text-align: center; color: var(--rhino-color); position: relative;}
.project-list-main h2:after {content: ""; position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 0; width: 38px; height: 10px; background-image: url('../images/title-line.svg'); background-position: right center; background-repeat: no-repeat;}
.project-list-btn {margin:75px 0 0 0; position: relative; text-align: center;}
.project-list-btn::before {position: absolute; content: ""; top:50%; left: 0; right: 0; width: 100%; height: 1px; background-color:#D9D9D9;}
.project-category-other {padding-bottom: 72px;} 
.price-tenant .construction-head {margin-bottom: 60px;}
.price-tenant .construction-head h2 {font-size: 32px; font-weight: 400;}
.price-tenant.perfect-living .construction-item-content h4 {padding-right:64px;}
.price-tenant.perfect-living .construction-item-content h4 span {position: absolute; top: 0; right: 0; margin:0; padding: 4px 0 0 0; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 300; color: var(--white-color); line-height: 46px; min-width: 48px; width: 48px; height: 48px; background-color: var(--paprika-color); border: 1px solid rgba(255, 255, 255, 0.2);}
.price-tenant .construction-item-content {font-size: 16px;}

.wpcf7 form .wpcf7-response-output {margin:20px 0 0 0 !important; padding: 0 32px 0 0 !important; border: 0 !important;background-image: url('../images/alert-icon.svg'); background-repeat: no-repeat; background-position:calc(100% - 0px) center; color: var(--paprika-color);}
.wpcf7-spinner {position: absolute; left: 0; top: calc(50% - 12px);}
.mfp-iframe-holder .mfp-content {max-width: 1200px;}

.modal-download .modal-dialog {max-width: 782px;}
.modal-download .modal-content {background-color: var(--bigstone-color); border:1px solid var(--white-color);}
.modal-download-inner h2 {margin: 0 15px; padding:23px 0; text-align: center; font-weight: 400; color: var(--white-color); font-size: 32px; line-height: 1; border-bottom:1px solid var(--whitesmoke-color);}
.modal-download .modal-close { width: 40px; height: 40px; background-color: #EDE7E7; border-radius: 4px; right: 16px; left: auto; top: 20px; }
.modal-download .modal-close:before {background-color: var(--bigstone-color); width: 2px; height: 60%;}
.modal-download .modal-close::after {background-color: var(--bigstone-color); width: 2px; height: 60%;}
.download-item {margin:0 0 24px 0; padding:12px 16px; display: flex; align-items: center; border:1px solid var(--paprika-color);}
.download-item:last-child {margin-bottom: 0;}
.download-item-heading {margin: 0; padding: 0; flex: 1; color: var(--white-color); font-size: 18px; font-weight: 400; letter-spacing: -0.16px;}
.download-list {margin:0; padding:42px;}
.modal-download-icon {margin: 0; padding: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
.modal-download-icon svg path.donwload-arrow-down {transition: all 0.4s;}
.modal-download-icon:hover svg path.donwload-arrow-down {transform: translateY(3px);}

.modal-questions .modal-dialog {max-width: 782px;}
.modal-questions .modal-content {background-color: var(--paprika-color); border:1px solid var(--white-color);}
.modal-questions-inner h2 {margin: 0 15px; padding:23px 0; text-align: center; font-weight: 400; color: var(--white-color); font-size: 32px; line-height: 1; border-bottom:1px solid var(--whitesmoke-color);}
.modal-questions .modal-close { width: 40px; height: 40px; background-color: #EDE7E7; border-radius: 4px; right: 16px; left: auto; top: 20px; }
.modal-questions .modal-close:before {background-color: var(--paprika-color); width: 2px; height: 60%;}
.modal-questions .modal-close::after {background-color: var(--paprika-color); width: 2px; height: 60%;}
.questions-list {margin: 0; padding:42px;}
.questions-item {margin:0 0 24px 0; padding:0; border-bottom:1px solid rgba(255,255,255,0.3); transition: all 0.5s;}
.questions-item:hover, .questions-item.active { background-color: #B53E56;  border-bottom:1px solid rgba(255,255,255,1);}
.questions-item h3 {margin: 0; padding:12px 16px; position: relative; font-size: 18px; color: var(--white-color); letter-spacing: -0.16px; font-weight: 400; cursor: pointer;}
.questions-item h3 span {position: absolute; left: 16px; top: 9px; width: 24px; height: 24px;}
.questions-item h3 span::before { position: absolute; content: ""; top: calc(50% - 4px); left: calc(50% - 2px); width: 8px; height: 8px; border-left: 2px solid var(--white-color); border-bottom: 2px solid var(--white-color); transform: rotate(45deg); transition: all 0.5s;}
.questions-item h3.active span::before {top: calc(50% - 6px); left: calc(50% - 4px); transform: rotate(-45deg);}
.questions-item:last-child {margin-bottom: 0;}
.questions-content {margin: 0; padding:5px 16px 28px 16px; display: none; font-size: 16px; color: var(--white-color); line-height: 24px; letter-spacing: 0.84px;}

.map-point-wrapper{font-family: var(--body-font); font-weight: normal;}
.for-you-content .for-you-content-item{padding-bottom: 32px; position: relative; min-height: 200px;}
.for-you-content .for-you-content-item .button{position: absolute; left: 50%; right: auto; bottom: 15px; text-align: center; justify-content: center; transform: translateX(-50%);}

.anim-btt {transition: 0.6s ease all; transform: translateY(100px); opacity: 0;}
.anim-btt.come-in {opacity: 1; transform: translateY(0);}

.section-404 { padding: 100px 0 284px; }

.small-logo a svg  .hov{transition: 0.4s ease all;}
.small-logo a:hover svg  .hov{fill:#9F2941 !important}



.author-source {display: flex ; justify-content: space-between; align-items: center;margin-bottom: 10px;}
.author-source .author-info{    color: #9f2941; font-size: 14px; background-color: #cfcfcf; border-radius: 15px; padding: 4px 10px; line-height: 1;}
.author-source .source-info{    font-size: 16px;}
.media-top-section{padding-bottom: 150px;}
.back-to-media{display: flex;align-items: center;width: 100%;justify-content: center;position: relative;margin: 52px 0;}
.back-to-media::after{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background-color: #D9D9D9;}


.media-single-content p .media-credit{text-transform: uppercase;font-weight: 400;font-size: 13px;}
.media-single-content p .media-description{text-transform: uppercase;font-size: 13px;}
.media-single-content p .slash-between{font-size: 13px;margin: 0px 3px;display: inline-block;}
.media-single-content p a{color: #0d77d5 !important;}
.media-single-content .wp-video{margin-bottom: 20px;}

.projects-logo-part{padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; justify-content: center; align-items: center;
background: linear-gradient(0deg, #2A3F5A 0%, rgba(65, 98, 140, 0.8) 49.04%, rgba(90, 134, 192, 0) 100%); }
.projects-logo-part .pr-logo{padding: 0; text-align: center;}
.projects-logo-part .pr-logo img{vertical-align: top; object-fit: contain; max-width: 164px;}