/*~!BarHaSon!~*/
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;700;800;900&display=swap');
:root { --lightweight: 300; --regularweight: 400; --boldweight: 700; --extraBoldweight: 800; --blackweight: 900; --blue: #085fb8; --black: #000000; --strokecolor: #7febff; --fadeblue: #cedff1; --bgcolor: #f1f5f9; --gradient: linear-gradient(to top, rgba(0, 0, 0, 0), #000); --enfont: MontserratBold; }
body { font-size: 20px; font-family: 'Heebo', sans-serif; }
p { line-height: 1.5; font-size: 1rem; color: inherit; font-weight: var(--regularweight); }
#SiteContainer { position: relative; overflow: hidden; height: 100%; }
/*.right-line, .left-line { position: absolute; width: 1px; bottom: 0; top: 0; background: var(--bgcolor); right: 100px; z-index: 1000; }
.left-line { left: 100px; right: unset; }*/
/*Zoom Fix*/
@media (min-width: 768px) {
#home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
body.macOs.chromeBrowser #home-gallery { height: calc(var(--app-height) * 1.25) !important; }
body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
}
/*Generals*/
a:focus { outline: none; outline-offset: 0; }
#header2 ul.menu, #header2.detailsInRow .header-top, #header2.detailsInRow .menu-nav, .grid-text p, #header2 .header-top-left { margin: 0; }
#header2 ul.menu > li:before, #header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header2 .header-top, footer { padding: 0; }
#MenuModule .menuModuleNav a.selected, .normal-form-comment a, #header2 ul.menu li.active,
#header2 ul.menu li:hover, .blog-tags-list ul li.blog-tag a:focus, .blog-tags-list ul li.blog-tag a:hover,
.blog-tags-list ul li.blog-tag.active a, .grid-boxes .grid-box-title h3 a, .blog-related-post-title a, a:focus, a:hover, #header2 ul.menu .menu-sub li:hover { color: inherit; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.active a,
header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border: none !important; }
.owl-carousel .owl-item .item .plus-sign, #DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after, .gallery-cubes .image-link-inner { display: none; }
#home-gallery .opacity-layer { opacity: 0 !important; }
.grid-boxes.row::before, .grid-boxes.row::after, .grid-rows.row::before, .grid-rows.row::after { content: none; }
#allSectionsWrapper .section { padding: 90px 0 0; margin-bottom: 0; }
#allSectionsWrapper .section:last-of-type { padding-bottom: 90px; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; top: unset; right: unset; left: unset; bottom: unset; }
.grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0; }
.box-image-animation img { width: auto; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: unset; font-size: unset; }
.section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle,
.top-caption h1, .mapSec .grid-text .grid-text-content h2, .project_hero_content h1 { font-size: 4rem; font-weight: var(--boldweight); color: var(--black); position: relative; }
.section-title h1::before, .section-title h2::before, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::before { content: 'bar hason'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 6rem; color: transparent; font-family: var(--enfont); text-transform: uppercase; -webkit-text-stroke: 1px var(--blue); opacity: 0.25; z-index: -1; white-space: nowrap; }
#home-gallery .gallery-caption .gallery-text { font-size: 5.5rem; }
#GridTop { height: 450px; }
#GridTop::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; opacity: 0.44; }
#GridTop .top-caption h1 { color: #ffffff; }
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, #DynamicFormObject input[type=submit] { background: transparent; border: 1px solid var(--black); border-radius: 0; color: var(--black); display: flex; align-items: center; justify-content: center; width: 179px; height: 49px; font-size: 0.9rem; font-weight: var(--regularweight); transition: all 0.25s ease-in-out; margin-top: 40px; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-text .sec-button:hover, #DynamicFormObject input[type=submit]:hover { background: var(--black); color: #fff; }
.stickyButton { box-shadow: none; display: none; }
@media(max-width: 1024px) and (orientation: portrait) {
#home-gallery .TopVideo iframe { transform: scale(4.5); }
}
@media(max-width: 767px) {
.section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .top-caption h1, .mapSec .grid-text .grid-text-content h2, .project_hero_content h1 { font-size: 1.75rem; }
.section-title h1::before, .section-title h2::before, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::before { font-size: 2rem; top: calc(50% - 12px); }
p, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, #DynamicFormObject input[type=submit] { font-size: 0.7rem; }
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, #DynamicFormObject input[type=submit] { width: 150px; height: 45px; }
#allSectionsWrapper .section { padding-top: 50px; }
#allSectionsWrapper .section:last-of-type { padding-bottom: 50px; }
.right-line, .left-line { display: none; }
.section-title { margin-bottom: 20px; }
#GridTop { height: 300px; }
.stickyButton { display: block; bottom: 40px; left: 10px; }
.stickyButton a { width: 54px; height: 54px; display: flex; padding: 15px; border-radius: 50%; background-color: #085fb8; }
}
/*Header*/
#header2.fixedMenu, header.shopHeader.bg { background: var(--gradient); padding: 0; height: 91px; border-bottom: 1px solid var(--bgcolor); transition: all 0.35s ease; }
#header2.fixedMenu.bg { /*background-color: var(--black);*/ background-image: var(--gradient); border-color: var(--black); }
.home-page #header2.fixedMenu.bg { background-color: var(--black); background-image: var(--gradient); border-color: var(--black); }
#header2.fixedMenu.bg.internalPageBg { background-color: var(--black); }
@media(min-width: 1025px) {
#header2.detailsInRow .max-width { height: 100%; }
#header2 #header-container, .search.desktop, li.resultItem.hasImg { display: flex; flex-flow: row-reverse wrap; justify-content: space-between; align-items: center; width: calc(100% - 200px); margin: auto; height: 100%; position: relative; padding: 0 30px; font-weight: var(--regularweight); }
#header2 #header-left { width: 200px; height: auto; display: inline-block; }
#header2 #header-left a { width: 100%; }
#header2.detailsInRow .header-right-section { display: inline-flex; position: unset; width: inherit; }
#header2.detailsInRow .menu-nav { position: relative; width: auto; display: flex; flex-grow: 1; justify-content: center; }
#header2 ul.menu { display: inline-flex; gap: 30px; }
#header2 ul.menu li { display: inline-flex; margin: 0; }
.bottomAddress::after { content: ''; display: inline-block; background-image: url('data:image/svg+xml,'); background-size: cover; width: 22px; height: 22px; vertical-align: middle; margin-right: 10px; }
.has-sub i.opensub { font-weight: var(--regularweight); font-size: 100%; margin-top: 3px; }
#header2 .menu-sub { background: #fff; padding: 10px; width: 150px; text-align: center; right: 50%; transform: translateX(50%); }
#header2 ul.menu .menu-sub li, #header2 ul.menu .menu-sub li:hover { color: #000; }
}
@media(max-width: 1024px) and (orientation: portrait) {
#header2.fixedMenu, header.shopHeader.bg { height: 60px; }
#header2.open { background: #000; }
#header2 .max-width { max-width: 100%; width: 100%; height: 100%; }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 8px 15px; }
#header2 .header-right-section { width: auto; background: transparent; padding: 0; }
#header2 .mobile-middle-kdm, #header2 .phone-icon { display: none; }
#header2 #header-left { margin: 0; width: auto; }
#header2 #header-left img { width: 123px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 20px; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -5px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -5px; }
#header2 ul.menu { position: fixed; width: 100%; height: 100%; padding-top: 80px; margin-top: 60px; background: var(--bgcolor); color: var(--blue); }
#header2 ul.menu li, #header2 ul.menu .menu-sub li { color: var(--blue); }
#header2 ul.menu li.active, #header2 ul.menu li:hover { background: transparent; }
#header2 .menu-sub { background: transparent; }
#header2 ul.menu li { position: relative; padding: 0 0 20px; }
#header2 ul.menu li > i { position: absolute; font-size: 1rem; top: 7px; }
#header2 ul.menu .menu-sub { padding-bottom: 10px; }
#header2 ul.menu .menu-sub li { padding: 10px 0 0; margin-bottom: 0 !IMPORTANT; font-size: 1rem; }
#header2 ul.menu .menu-sub li > a { font-size: 1rem; }
}
@media(max-width: 1024px) and (min-width:769px) and (orientation: portrait) {
/* #header2 ul.menu { font-size:30px;}
#header2 #header-left img { width: 230px; }
#header2 ul.menu { margin-top: 110px; }
#header2.fixedMenu, header.shopHeader.bg { height: 110px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 90px; */
}
}
/*Hero*/
#home-gallery .slides::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; z-index: 3; opacity: 0.4; }
#home-gallery .gallery-caption { z-index: 4; }
#home-gallery ol.flex-control-nav.flex-control-paging { left: unset; bottom: unset; top: 50%; transform: translateY(-50%) rotate(90deg); right: -115px; }
#home-gallery .flex-control-nav li { margin: 0; }
#home-gallery .flex-control-paging li a { border-radius: 0; width: 160px; transition: background 0.35s linear; height: 4px; background: rgb(255 255 255 / 40%); }
#home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery .scroll-down { font-size: 1rem; bottom: 15px; }
#home-gallery .scroll-down button { background: transparent; border: none; padding: 0; position: relative; }
#home-gallery .scroll-down button::after { content: ''; position: absolute; background-size: cover; background-image: url('data:image/svg+xml,'); width: 150px; height: 71px; left: 0; }
#home-gallery .scroll-down img { width: 150px; }
@media(max-width: 1024px) {
#home-gallery .gallery-caption .gallery-text { font-size: 4.5rem; }
}
@media(max-width:767px) {
#home-gallery .gallery-caption { width: 100%; }
#home-gallery .gallery-caption .gallery-text { font-size: 2rem; width: calc(100% - 140px); white-space: normal; margin: auto; text-align: center; }
#home-gallery .flex-control-paging li a { width: 80px; }
}
/*AllSections*/
.blueBg { background: var(--bgcolor); }
/*AboutSec*/
.rowLayout .grid-rows { max-width: 1496px; margin: 0 auto; }
.rowLayout .grid-row { background: transparent; display: flex !important; align-items: center; flex-direction: row-reverse; padding-bottom: 100px; }
.rowLayout .grid-rows .grid-row-text { width: 70%; }
.rowLayout .grid-rows .grid-row-text h2 { font-size: 1.6rem; font-weight: var(--boldweight); color: var(--blue); line-height: 1.13; margin-bottom: 15px; }
.rowLayout .grid-rows .grid-row-text p, .mapSec .grid-text-content-wrap p { padding-right: 40px; position: relative; }
.rowLayout .grid-rows .grid-row-text p::before, .mapSec .grid-text-content-wrap p::before { content: ''; position: absolute; background: var(--black); width: 1px; top: 6px; bottom: 6px; right: 0; }
@media(max-width: 767px) {
#allSectionsWrapper .section.rowLayout { padding-top: 65px; }
.rowLayout .section-title h1::before { z-index: 1; }
.rowLayout .grid-rows .grid-row-text h2 { font-size: 1rem; }
.rowLayout .grid-rows .grid-row-text p, .mapSec .grid-text-content-wrap p { font-size: 0.7rem; }
.rowLayout .grid-row, .rowGallery .grid-row { flex-flow: column-reverse wrap; padding: 0 15px; }
.rowLayout .box-image-animation img, .rowGallery .box-image-animation img { width: 100%; }
.rowLayout .grid-rows .grid-row-text, .rowGallery .grid-rows .grid-row-text { width: 100%; padding-bottom: 30px; margin-top: 0; padding-top: 0; }
.rowLayout .grid-rows, .rowGallery .grid-rows { padding-bottom: 100px; }
}
/*NumbersSec*/
#allSectionsWrapper .section.numbersSec { padding-bottom: 90px; }
.numbersSec .section-title h2::before { content: 'by the numbers'; }
.numbersSec .grid-boxes, .ourProjects .grid-boxes { display: flex; }
.numbersSec .grid-boxes { flex-wrap: wrap; row-gap: 60px; justify-content: center; }
.numbersSec .grid-boxes .grid-box, .ourProjects .grid-boxes .grid-box { margin: 0; }
.numbersSec .grid-boxes .grid-box-title h3 { font-size: 4rem; margin: 0; font-weight: var(--blackweight); color: var(--blue); line-height: 1; padding-bottom: 10px; }
.numbersSec .grid-boxes .grid-box-subtitle { font-size: 1.4rem; }
@media(max-width: 767px) {
#allSectionsWrapper .section.numbersSec { padding: 67px 15px 50px; }
.numbersSec .section-title h2 { width: calc(100% - 100px); }
.numbersSec .section-title h2::before { white-space: normal; width: 130%; line-height: 1.1; text-align: center; font-size: 2.5rem; top: 50%; }
.numbersSec .grid-boxes { align-items: center; padding: 25px 15px 0; row-gap: 30px; }
.numbersSec .grid-boxes .grid-box { min-height: 120px; padding: 10px 10px 0; width: 50%; }
.numbersSec .grid-boxes .grid-box-title h3 { font-size: 2rem; }
.numbersSec .grid-boxes .grid-box-subtitle { font-size: 0.65rem; }
}
/*MapSec*/
#allSectionsWrapper .section.mapSec { height: 800px; overflow: hidden; padding-top: 0; position: relative; }
.mapSec .section-title { position: absolute; top: 60px; right: 5%; }
.mapSec .section-title h2 { color: transparent; -webkit-text-stroke: 1px var(--blue); font-family: var(--enfont); font-size: 7rem; opacity: 0.25; }
.mapSec .section-title h2::before { content: none; }
.mapSec .grid-text.gridTextWithImg { height: 100%; }
.mapSec .gridTextImgContainer { height: 800px; right: 0; position: absolute; }
.mapSec .grid-text.gridTextWithImg .gridTextImgContainer img { width: auto; }
.mapSec .grid-text.gridTextWithImg .grid-text-content { left: 0; transform: translateY(-50%); width: 50%; }
.mapSec .grid-text-content-wrap { display: flex; flex-flow: column wrap; align-content: flex-start; align-items: flex-start; text-align: right; max-width: 550px; margin: auto; }
.mapSec .grid-text-content-wrap > .sec-button { margin-top: 40px; margin-right: 0; margin-left: auto; }
#allSectionsWrapper .section.mapSec::after { content: ''; position: absolute; width: 190px; height: 190px; background-image: url('data:image/svg+xml,'); background-size: cover; left: 7%; bottom: 50px; animation: Deskcircle 10s infinite linear; }
#allSectionsWrapper .section.mapSec::before { content: ''; position: absolute; width: 190px; height: 190px; background-image: url('data:image/svg+xml,'); background-size: cover; left: 7%; bottom: 50px; }
@media(max-width: 1024px) and (orientation: portrait) {
#allSectionsWrapper .section.mapSec { height: unset; padding: 65px 15px 116px; }
.mapSec .section-title h2 { font-size: 2rem; }
.mapSec .section-title { width: 100%; right: unset; left: 0; top: 50px; }
.mapSec .grid-text-content-wrap { padding: 0px 10px; }
.mapSec .grid-text .grid-text-content h2 { width: 100%; text-align: center; padding-bottom: 20px; }
.mapSec .grid-text.gridTextWithImg { display: flex; flex-flow: column-reverse wrap; gap: 30px; }
.mapSec .gridTextImgContainer { position: relative; height: 388px; right: unset; }
.mapSec .grid-text.gridTextWithImg .gridTextImgContainer img { width: 100%; height: 100%; }
.mapSec .grid-text.gridTextWithImg .grid-text-content { position: relative; left: unset; transform: none; width: 100%; top: unset; padding: 0; }
#allSectionsWrapper .section.mapSec::after, #allSectionsWrapper .section.mapSec::before { width: 134px; height: 134px; left: 50%; transform: translateX(-50%); z-index: 1; }
#allSectionsWrapper .section.mapSec::after { animation: Mobcircle 10s infinite linear; }
}
@keyframes Deskcircle {
100% { transform: rotate(360deg); }
}
@keyframes Mobcircle {
100% { transform: translateX(-50%) rotate(360deg); }
}
/*OurProjects*/
#allSectionsWrapper .section.ourProjects { max-width: 1515px; }
.ourProjects .grid-boxes { flex-flow: row wrap; margin: 0; justify-content: center; gap: 40px; }
.ourProjects .grid-boxes .grid-box { padding: 0; width: calc(33.3% - 40px); overflow: hidden; }
.ourProjects .section-title h2::before { content: 'our practice'; }
@media(min-width: 1024px) {
.ourProjects .grid-boxes .grid-box:nth-child(2), .ourProjects .grid-boxes .grid-box:nth-child(4), .ourProjects .grid-boxes .grid-box:nth-child(6) { max-height: 346px; }
.ourProjects .grid-boxes .grid-box:nth-child(5) { transform: translateY(-84px); }
.ourProjects .grid-boxes .grid-box-image-container, .ourProjects .grid-boxes .grid-box-image { height: 100%; }
}
.ourProjects .grid-boxes .box-image-animation img { object-fit: cover; width: 100%; height: 100%; }
.ourProjects .grid-boxes .box-image-animation::before { content: ''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; background: linear-gradient(to top, black, transparent 83%); z-index: 1; }
.ourProjects .grid-boxes .grid-box .grid-box-content-wrap { position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; z-index: 2; align-items: center; }
.ourProjects .grid-boxes .grid-box-title h3 { margin: 0; color: #fff; font-weight: var(--lightweight); }
.ourProjects .grid-boxes .grid-box-subtitle { font-size: 1rem; color: #fff; font-weight: var(--lightweight); overflow: hidden; }
.ourProjects .grid-boxes .grid-box-subtitle::before, #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link::before, .projectPage #gridshort-view .grid-box .grid-short-box-link::before { content: ''; position: absolute; width: 43px; height: 43px; border: 1px solid #fff; left: 20px; }
.ourProjects .grid-boxes .grid-box-subtitle a, #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a, .projectPage #gridshort-view .grid-box .grid-short-box-link a { position: relative; }
.ourProjects .grid-boxes .grid-box-subtitle a::after, #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::after, .projectPage #gridshort-view .grid-box .grid-short-box-link a::after { content: ''; display: inline-block; margin-right: 18px; vertical-align: middle; width: 45px; height: 45px; background-image: url('data:image/svg+xml,'); transition: all 0.35s linear; }
.ourProjects .grid-boxes .grid-box:hover .grid-box-subtitle a::after, #LobbyModule .grid-boxes.grid-boxes-content .grid-box:hover .grid-short-box-link a::after, .projectPage #gridshort-view .grid-box:hover .grid-short-box-link a::after { transform: translateX(-100%); opacity: 0; }
.ourProjects .grid-boxes .grid-box-subtitle a::before, #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::before, .projectPage #gridshort-view .grid-box .grid-short-box-link a::before { content: ''; position: absolute; right: auto; left: 60px; vertical-align: middle; width: 44px; height: 44px; background-image: url('data:image/svg+xml,'); transition: all 0.35s linear; opacity: 0; }
.ourProjects .grid-boxes .grid-box:hover .grid-box-subtitle a::before, #LobbyModule .grid-boxes.grid-boxes-content .grid-box:hover .grid-short-box-link a::before, .projectPage #gridshort-view .grid-box:hover .grid-short-box-link a::before { left: 0; opacity: 1; }
@media(max-width: 767px) {
#allSectionsWrapper .section.ourProjects { padding-bottom: 70px; }
.ourProjects .section-title h2 { width: 50%; }
.ourProjects .section-title h2::before { top: 50%; white-space: normal; font-size: 2.5rem; line-height: 1.1; }
.ourProjects .grid-boxes { display: inherit; direction: rtl; padding-right: 15px; }
.ourProjects .grid-boxes .grid-box { width: 298px; height: 277px; margin-left: 15px; display: inline-block; }
.ourProjects .grid-boxes .box-image-animation img { width: 100%; height: auto; }
.ourProjects .grid-boxes .grid-box-title h3 { font-size: 1rem; }
.ourProjects .grid-boxes .grid-box-subtitle { font-size: 0.7rem; }
.ourProjects ul.slick-dots, .chooseUs ul.slick-dots, #LobbyModule .grid-boxes.grid-boxes-content ul.slick-dots { margin: 15px 0 0; padding: 0; display: flex !important; justify-content: center; list-style: none; align-items: center; height: 100%; line-height: 0; gap: 4px; width: 100%; }
.ourProjects li button, .chooseUs li button, #LobbyModule .grid-boxes.grid-boxes-content li button { margin: 0; padding: 0; background: transparent; box-shadow: none; border: 1px solid #3f3f3f; color: transparent; height: 8px; width: 8px; transition: all 0.25s ease; }
.ourProjects li.slick-active button, .chooseUs li.slick-active button, #LobbyModule .grid-boxes.grid-boxes-content li.slick-active button { border-color: var(--blue); }
.ourProjects .grid-boxes .grid-box-subtitle::before, .ourProjects .grid-boxes .grid-box-subtitle a::after, .ourProjects .grid-boxes .grid-box-subtitle a::before,
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link::before, .projectPage #gridshort-view .grid-box .grid-short-box-link::before,
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::after, .projectPage #gridshort-view .grid-box .grid-short-box-link a::after,
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::before, .projectPage #gridshort-view .grid-box .grid-short-box-link a::before { width: 26px; height: 26px; background-size: cover; }
}
/*ProjectsGallery*/
.rowGallery .grid-row { direction: ltr !important; }
.rowGallery .section-title h2::before { content: 'projects in marketing'; }
.slick-arrow { border: none; padding: 0; height: 20.5px; width: 35px; background: transparent; position: absolute; bottom: 100px; z-index: 5; }
.slick-arrow.slick-disabled svg { fill: rgb(171, 161, 161); }
@media(min-width: 768px) {
.slick-arrow.slick-next { left: 150px; }
.slick-prev.slick-arrow { left: 200px; }
}
@media(max-width: 767px) {
.rowGallery .section-title h2::before { content: 'projects'; z-index: 1; }
.slick-arrow { bottom: 50px; }
button.slick-next.slick-arrow { right: calc(50% + 10px); }
button.slick-prev.slick-arrow { left: calc(50% + 10px); }
}
/*Marquee*/
.marqueeSec { direction: ltr; padding-bottom: 90px !important; }
.marqueeSec .section-title h2 { font-size: 8rem; text-transform: uppercase; color: var(--fadeblue); line-height: 1; }
.marqueeSec .section-title h2::before { content: none; }
@media(max-width: 767px) {
#allSectionsWrapper .section.marqueeSec { padding: 50px 0 !important; }
.marqueeSec .section-title h2 { font-size: 2.5rem; white-space: nowrap; }
}
/*UrbanRenew*/
#allSectionsWrapper .section.urbanRenew { overflow: hidden; height: 670px; width: 100%; }
.urbanRenew .gridTextImgContainer::after { content: ''; inset: 0; position: absolute; background: #000; opacity: 0.5; }
.urbanRenew .grid-text.gridTextWithImg .gridTextImgContainer img { object-fit: cover; width: 100%; max-height: 670px; height: 100%; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content { width: 100%; max-width: 750px; height: 100%; display: flex; flex-flow: row wrap; align-items: center; align-content: center; color: #fff; top: calc(50% - 50px); }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .sec-button { border-color: #fff; color: #fff; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .sec-button:hover { background: #fff; color: #000; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title { margin-bottom: 40px; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2 { color: #fff; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2::before { -webkit-text-stroke-color: #fff; content: 'Urban Renewal'; }
@media(max-width:1024px) and (orientation: portrait) and (min-width:768px) {
/*#allSectionsWrapper .section.urbanRenew { border:1px solid black;}*/
.image-section-data { height: 780px; overflow: hidden; }
}
@media(max-width: 767px) {
#allSectionsWrapper .section.urbanRenew { padding-top: 0; height: auto; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2::before { font-size: 2.5rem; opacity: 0.15; width: 100%; text-align: center; white-space: normal; top: 50%; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2 { width: calc(100% - 90px); }
.urbanRenew .grid-text.gridTextWithImg .gridTextImgContainer img { max-height: 550px; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content { top: 50%; gap: 30px; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title { margin-bottom: 0; width: 100%; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content p { line-height: 1.71; }
.urbanRenew .grid-text.gridTextWithImg .grid-text-content .sec-button { margin-top: 15px; }
}
/*Forms General*/
.form-control:focus { border: none; border-bottom: 1px solid #000; box-shadow: none; }
.normal-form input:focus { border: none !important; border-bottom: 1px solid #000 !important; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::before { content: 'Contact Us'; }
.form-container-wide #DynamicFormObject { padding: 0; border: 0; display: flex; flex-flow: column wrap; align-content: center; align-items: center; }
@media(min-width: 768px) {
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin-bottom: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 0; padding-bottom: 40px; padding-top: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 856px; }
}
#DynamicFormObject .dynamicFormObjectField .input-wrapper, #DynamicFormObject .dynamicFormObjectField .textarea-wrapper { position: relative; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; display: inline-flex; justify-content: center; padding-top: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; padding: 0 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 99.9%; padding: 0 20px; }
.normal-form input.input-data, .normal-form textarea { border: none; box-shadow: none; min-height: 40px; border-radius: 0; border-bottom: 1px solid #000; width: 100%; max-width: 100%; padding: 6px 12px; font-size: 0.8rem; }
#DynamicFormObject .dynamicFormObjectField .must:before { line-height: 1; font-size: 0.8rem; right: 5px; top: 5px; }
@media(max-width: 767px) {
#allSectionsWrapper .section.grid-form-section { padding: 65px 0 80px; }
.form-container-wide #DynamicFormObject { max-width: 100% !important; padding: 0 35px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: unset; margin-bottom: 0; padding-bottom: 5px; }
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 50px; }
}
/*footer*/
#SiteFooter { background: #000; color: #ffffff; }
.text-center { padding: 0; display: flex; justify-content: center; }
@media(min-width: 991px) {
.footer-text-divided { display: flex; padding: 40px 0; width: calc(100% - 200px); margin: auto; }
.site-credit.alternative { padding: 10px 0; width: calc(100% - 200px); margin: auto; }
.footer-text-divided > div { display: inline-flex; align-items: center; justify-content: center; }
.footer-text-divided > div.footer-text-right { align-items: flex-start; }
}
#SiteFooter .footer-text-divided > div.footer-text-middle img { height: 100px; margin: 0 10px; }
.footer-text-divided > div ul { list-style: none; padding-right: 0; margin-bottom: 0; }
.footer-text-divided > div.footer-text-right ul { display: flex; width: 50%; }
.footer-text-divided > div.footer-text-right ul > li { display: inline-flex; flex-flow: column wrap; width: 67%; font-size: 0.9rem; font-weight: var(--boldweight); }
.footer-text-divided > div.footer-text-right ul > li > ul { display: flex; flex-flow: row wrap; width: 100%; column-gap: 10px; flex-direction: column; }
.footer-text-divided > div.footer-text-right ul > li > ul > li { color: #fff; width: calc(50% - 10px); white-space: nowrap; font-size: 0.8rem; padding-top: 10px; font-weight: var(--regularweight); flex-flow: row nowrap; }
.footer-text-divided > div.footer-text-left { justify-content: flex-end; }
.footer-text-divided > div.footer-text-left ul { display: flex; flex-flow: column wrap; font-size: 0.8rem; }
.footer-text-divided > div.footer-text-left ul > li { display: inline-flex; gap: 10px; padding-top: 10px; }
.footer-text-divided > div.footer-text-left ul > li img { width: 20px; height: 20px !important; }
@media(max-width: 767px) {
#SiteFooter { padding-bottom: 0; }
.site-credit.alternative { padding: 10px 0; }
a.AccessabilityLink { margin: 0; }
.text-center { padding: 0 10px; justify-content: space-between; }
.footer-text-divided { padding: 30px 0; }
#SiteFooter .footer-text-divided > div.footer-text-middle p > img { width: auto; height: 90px; margin: 0 8px; }
.footer-text-divided > div.footer-text-left { display: flex; width: 100%; margin-top: 20px; }
.footer-text-divided > div.footer-text-left ul { flex-flow: row wrap; justify-content: center; column-gap: 11px; }
}
/*Inners*/
/**aboutPage**/
.aboutPage #GridTop.noTopImage.longer { height: 0px; }
.aboutPage .lobby-grid #GridPage .max-width, .aboutPage #GridPage, #allSectionsWrapper .section.hero_row { padding: 0; }
.aboutPage #lobbyview { display: none; }
.aboutPage #header2.fixedMenu.bg { background: transparent; border-bottom: none; }
.aboutPage #header2.fixedMenu.bg.internalPageBg { background: #000000; }
.hero_row .grid-rows .grid-row { background: var(--blue); color: #ffffff; }
@media(min-width: 1024px) {
.hero_row .grid-rows .grid-row { display: flex; align-items: center; }
.hero_row .grid-rows .grid-row-text { width: calc(100% - 120px); height: 100%; }
.hero_row .grid-rows .grid-row-text h2 { font-size: 4rem; font-weight: var(--boldweight); margin-bottom: 20px; max-width: 60%; }
.hero_row .grid-row-cell.flexslider-box { width: 40%; }
.hero_row .grid-row-cell-text { width: 60%; }
.hero_row .box-image-animation img { object-view-box: inset(0% 15% 0% 0%); }
.macOs .hero_row .grid-rows .grid-row { display: flex; align-items: center; }
.macOs .hero_row .grid-rows .grid-row > .grid-row-cell { width: 50%; }
.macOs .hero_row .grid-rows .grid-row-text { display: flex; flex-flow: row wrap; margin: auto; }
}
.hero_row .grid-rows .grid-row-text p { padding-bottom: 20px; margin: 0; }
.hero_row .grid-rows .grid-row-text h5 { font-size: 1.3rem; font-weight: var(--boldweight); }
.aboutPage .section-title { margin-bottom: 50px; width: 100%; }
.aboutLayout .section-title h2::before { content: 'about company'; }
.aboutPage .aboutLayout .grid-text { max-width: 850px; margin: auto; }
.aboutPage .aboutLayout .grid-text .grid-text-content { padding: 0; margin: 0; max-width: 100%; width: 100%; }
@media(min-width: 991px) {
.aboutPage .rowLayout .grid-rows .grid-row-text { max-width: 446px; width: 100%; }
}
.aboutPage .urbanRenew .section-title { margin-bottom: 0; }
.aboutPage .urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2::before { content: 'company vision'; opacity: 0.35; width: 100vw; }
.aboutPage .directory.grid-gallery-section .section-title h2::before { content: 'company board'; }
.directory .gallery-cubes.row::before, .directory .gallery-cubes.row::after, .projectPage #gridshort-view .flex-row.row::before, .projectPage #gridshort-view .flex-row.row::after { content: none; }
.directory .gallery-cubes { display: flex; flex-flow: row wrap; justify-content: center; max-width: 1420px; margin: auto; }
.directory .gallery-cubes > div { width: 355px; height: auto; padding: 0 15px; margin-bottom: 30px; cursor: default; }
.directory .gallery-cubes > div > .boxes-images-outer-image { padding: 0; height: 380px; pointer-events: none; }
.directory .gallery-cubes > div > .boxes-images-outer-image::after { background: linear-gradient(360deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: min(30%, 300px); z-index: 0; pointer-events: none; }
.directory .gallery-cubes .image-link-container, .directory .gallery-cubes .plus-sign, .master-slider .plus-sign { display: none; }
.directory .gallery-cubes .image-link-outer { width: 100%; margin: 0; padding: 0; text-align: right; position: absolute; bottom: 15px; left: 0; z-index: 1; }
.directory .gallery-cubes .image-link-outer h4 { margin: 0; color: #fff; font-size: 1.2rem; line-height: 1.25; font-weight: var(--boldweight); position: relative; display: block; }
.directory .gallery-cubes .image-link-outer h4::before { content: ''; display: inline-flex; width: 36px; height: 6px; margin-left: 5px; background: var(--strokecolor); vertical-align: super; }
.directory .gallery-cubes .image-link-outer p { text-indent: 40px; }
.aboutPage .grid-gallery-section .section-title h2::before { content: 'projects' }
.owl-carousel .owl-nav div { font-size: 0; }
.owl-carousel .owl-nav div.owl-prev { right: calc(50% - 27vw); }
.owl-carousel .owl-prev::after { background-image: url('data:image/svg+xml,'); }
.owl-carousel .owl-nav div.owl-next { left: calc(50% - 27vw); }
.owl-carousel .owl-next::after { background-image: url('data:image/svg+xml,'); }
@media(max-width: 1024px) and (orientation: portrait) {
.aboutPage .aboutLayout .grid-text .grid-text-content { width: 100%; padding: 0 37px; text-align: right; }
}
@media(max-width: 767px) {
.aboutPage #header2.fixedMenu { background: #000000; border: none; }
.aboutPage .lobby-grid #GridPage .max-width { margin: 0; width: 100%; }
.aboutPage #allSectionsWrapper { padding-top: 59px; }
.aboutPage .hero_row .grid-rows .grid-row-text { margin-top: 0; width: 100%; padding: 50px 27px; }
.aboutPage .hero_row .box-image-animation img { width: 100%; }
.aboutPage .hero_row .grid-rows .grid-row-text h2 { font-size: 1.75rem; font-weight: var(--extraBoldweight); max-width: 55%; margin-bottom: 20px; }
.aboutPage .hero_row .grid-rows .grid-row-text h5 { font-size: 1rem; margin: 0; font-weight: var(--extraBoldweight); }
.aboutPage .hero_row .grid-rows .grid-row-text p { font-size: 0.7rem; }
.aboutPage .section-title { margin-bottom: 30px; }
.aboutLayout .section-title h2, .aboutPage .urbanRenew .grid-text.gridTextWithImg .grid-text-content .section-title h2, .directory .section-title h2 { width: calc(100% - 230px); text-align: center; }
.aboutLayout .section-title h2::before, .directory .section-title h2::before { white-space: normal; top: 50%; font-size: 2.5rem; }
.aboutPage #allSectionsWrapper .section.rowLayout { padding-top: 30px; }
.aboutPage .rowLayout .grid-rows { padding-bottom: 60px; }
.aboutPage .rowLayout .grid-row { flex-flow: column wrap; }
.aboutPage .rowLayout .grid-rows .grid-row-text { padding-top: 30px; }
.aboutPage .rowLayout .grid-rows .grid-row-text h2 { margin-bottom: 10px; }
.aboutPage .rowLayout .grid-rows .grid-row-text p { padding-right: 22px; }
/*.aboutPage .grid-gallery-section .section-title h2::before {font-size: 2.5rem; }*/
.gallery-container { width: 100vw; }
.directory .gallery-cubes { max-width: 100%; gap: 10px; padding: 0 15px; }
.directory .gallery-cubes > div { width: calc(50% - 5px); padding: 0; margin-bottom: 0; }
.directory .gallery-cubes > div > .boxes-images-outer-image { height: 250px; }
.directory .gallery-cubes .image-link-outer { padding-right: 25px; }
.directory .gallery-cubes .image-link-outer::before { content: ''; width: 6px; height: 46px; background: var(--strokecolor); position: absolute; top: 0; right: 10px; }
.directory .gallery-cubes .image-link-outer h4 { font-size: 1rem; width: calc(100% - 10px); display: block; margin-bottom: 5px; }
.directory .gallery-cubes .image-link-outer h4::before { content: none; }
.directory .gallery-cubes .image-link-outer p { text-indent: 0; width: calc(100% - 10px); line-height: 1; }
.aboutPage #allSectionsWrapper .changingGallery { padding-bottom: 40px; }
.owl-carousel .owl-item .item { padding: 0; }
.changingGallery .owl-carousel .owl-nav div { font-size: 0; width: 37px; height: 37px; top: unset; bottom: -60px; transform: none; }
.changingGallery .owl-carousel .owl-next:after, .changingGallery .owl-carousel .owl-prev:after { width: 37px; height: 37px; }
.changingGallery .owl-carousel .owl-next:after { background-image: url('data:image/svg+xml,'); }
.changingGallery .owl-carousel .owl-next { left: calc(50% - 30px); }
.changingGallery .owl-carousel .owl-prev:after { background-image: url('data:image/svg+xml,'); }
.changingGallery .owl-carousel .owl-prev { right: calc(50% - 30px); }
}
/**Contact Us**/
.contactPage #GridPage { padding-top: 80px; }
.contactPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 100px; }
.contactPage #pageview { margin-bottom: 80px; }
.contactPage #subheadline h2 { font-size: 1.6rem; font-weight: var(--boldweight); color: var(--blue); margin-bottom: 30px; }
.contactPage #pageview ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; gap: 80px; }
.contactPage #pageview ul > li img { width: 25px; height: 25px; margin-left: 5px; }
@media(max-width: 767px) {
.contactPage #GridPage { padding-top: 30px; }
.contactPage #GridPage .max-width { width: 100%; }
.contactPage #pageview, .contactPage #SiteGrid.layout-bottom #GridPromo { margin-bottom: 50px; }
.contactPage #subheadline h2 { font-size: 1rem; margin-bottom: 20px; }
.contactPage #pageview ul { flex-flow: column wrap; gap: 15px; }
.contactPage #pageview ul li { display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 0.7rem; }
.contactPage #pageview ul > li img { margin: 0; }
.contactPage .form-container-wide #DynamicFormObject { padding: 0 28px; }
}
/**Media**/
.mediaPage #GridPage .max-width { max-width: 1300px; width: 100%; }
.mediaPage #gridshort-view-media { display: flex; flex-flow: row wrap; }
.mediaPage .grid-short-box.box { height: 351px; padding-bottom: 0; margin-bottom: 30px; background-color: var(--bgcolor); }
.mediaPage .grid-short-box.box:hover { background: var(--bgcolor); color: #000; }
.mediaPage .grid-short-box.box .text-caption { font-size: 1rem; width: 100%; height: 100%; display: flex; flex-flow: row wrap; padding: 0 20px 80px; justify-content: center; align-items: flex-end; align-content: flex-end; }
.mediaPage #gridshort-view-media .grid-short-box-label { font-size: 1.2rem; line-height: 1.25; font-weight: var(--boldweight); margin-bottom: 20px; padding-top: 0; }
.mediaPage .grid-short-box.box .grid-short-box-subtitle { padding: 0; border: 1px solid var(--blue); width: 163px; height: fit-content; }
.mediaPage .grid-short-box.box .grid-short-box-text { padding-top: 20px; font-size: 1rem; color: #000; font-weight: var(--lightweight); width: 100%; position: relative; }
.mediaPage .grid-short-box.box .grid-short-box-text::after { content: ''; display: inline-block; margin-right: 10px; width: 44px; height: 44px; vertical-align: middle; background-image: url('data:image/svg+xml,'); background-size: cover; }
@media(max-width: 767px) {
.mediaPage .grid-short-box.box { height: 300px; margin-bottom: 20px; }
.mediaPage #gridshort-view-media > div { width: 100%; padding: 0 40px; }
.mediaPage .grid-short-box.box .text-caption { padding: 0 32px 60px; }
.mediaPage #gridshort-view-media .grid-short-box-label { font-size: 1rem; line-height: 1.5; }
}
/**UrbanRenewal**/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.urbanRenewal #lobbyText { max-width: 850px; }
.chooseUs .section-title h2::before { content: 'why to choose us'; }
#LobbyModule .chooseUs .grid-boxes { padding-top: 0; display: flex; flex-flow: row wrap; justify-content: center; gap: 70px; }
#LobbyModule .chooseUs .grid-box { margin: 0; width: calc(33.3% - 70px); pointer-events: none; padding: 0 35px; }
#LobbyModule .chooseUs .grid-boxes .grid-box-image { margin-bottom: 30px; }
#LobbyModule .chooseUs .grid-boxes .box-image-animation img { width: auto; margin: auto; }
#LobbyModule .chooseUs .grid-boxes .box-image-animation:hover img { transform: none; }
#LobbyModule .chooseUs .grid-boxes .grid-box-title h3 { margin: 0; line-height: 1.13; font-weight: var(--boldweight); color: var(--blue); font-size: 1.6rem; }
#LobbyModule .chooseUs .grid-boxes .grid-box-fulltext { padding-top: 5px; }
#LobbyModule .grid-boxes.grid-boxes-content { position: relative; display: flex; float: none !important; }
#LobbyModule .grid-boxes.grid-boxes-content > div { float: none !important; }
#LobbyModule .grid-boxes.grid-boxes-content, .projectPage #gridshort-view .flex-row { display: flex; flex-flow: row wrap; gap: 48px; max-width: 1530px; justify-content: center; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box, .projectPage #gridshort-view .flex-row > .grid-box { margin: 0; width: calc(33.3% - 48px); height: 346px; padding: 0; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box, .projectPage #gridshort-view .grid-box .grid-short-box { height: 100%; width: 100%; margin: 0; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-image, .projectPage #gridshort-view .grid-box .grid-short-box-image { height: 100%; width: 100%; padding-bottom: 0; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-image a::before, .projectPage #gridshort-view .grid-box .grid-short-box-image a::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-image img, .projectPage #gridshort-view .grid-box .grid-short-box-image a img { display: block; position: unset; object-fit: cover; transform: none; top: unset; left: unset; width: 100%; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-fulltext, .projectPage #gridshort-view .grid-box .grid-short-box-fulltext { position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; align-items: center; color: #fff; justify-content: space-between; padding: 0 15px; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-label, .projectPage #gridshort-view .grid-box .grid-short-box-label { padding-top: 0; font-size: 1.5rem; font-weight: var(--lightweight); line-height: 1.1; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-wrap, .projectPage #gridshort-view .grid-box .grid-short-wrap { text-align: right; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-subtitle,
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link,
.projectPage #gridshort-view .grid-box .grid-short-box-subtitle,
.projectPage #gridshort-view .grid-box .grid-short-box-link { font-size: 1rem; font-weight: var(--lightweight); line-height: 1.1; }
.projectPage #gridshort-view .grid-box .grid-short-box-link { overflow: hidden; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link::before, .projectPage #gridshort-view .grid-box .grid-short-box-link::before { left: 15px; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::after, .projectPage #gridshort-view .grid-box .grid-short-box-link a::after { margin-right: 8px; }
@media(max-width: 767px) {
.urbanRenewal #lobbyText { padding: 0 37px; }
.chooseUs .section-title { margin-bottom: 40px; }
.chooseUs .section-title h2 { width: calc(100% - 180px); }
.chooseUs .section-title h2::before { width: 100vw; white-space: normal; font-size: 2.5rem; top: 50%; }
#LobbyModule .chooseUs .grid-boxes { display: inherit; direction: rtl; }
#LobbyModule .chooseUs .grid-box { width: 100vw; float: right !important; pointer-events: auto; padding: 0; }
.chooseUs .grid-box-wrap { padding: 0 40px; }
#LobbyModule .chooseUs .grid-boxes .grid-box-image { margin-bottom: 10px; }
#LobbyModule .chooseUs .grid-boxes .grid-box-title h3 { font-size: 1rem; line-height: 1.8; }
#LobbyModule .chooseUs .grid-boxes .grid-box-fulltext { padding-top: 0; }
#LobbyModule .grid-boxes.grid-boxes-content { padding-right: 15px; gap: 0; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box, .projectPage #gridshort-view .flex-row > .grid-box { width: 297px; height: 277px; margin-left: 10px; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-label, .projectPage #gridshort-view .grid-box .grid-short-box-label { padding-top: 0; font-size: 1rem; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-subtitle, .projectPage #gridshort-view .grid-box .grid-short-box-subtitle { display: none; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link, .projectPage #gridshort-view .grid-box .grid-short-box-link { font-size: 0.7rem; }
#LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link a::after, .projectPage #gridshort-view .grid-box .grid-short-box-link a::after { margin-right: 8px; }
}
/**Projects Lobby view**/
.projectPage .categories-strip { background: transparent; }
.projectPage .menu-tags-list ul > li:first-child { display: none; }
.projectPage .categories-strip ul li { padding: 0 15px; }
.projectPage #GridPage { padding: 0; }
.projectPage #GridPage .max-width { max-width: 1530px; width: 100%; }
@media(min-width: 1024px) {
.projectPage .categories-strip { padding: 60px 0; }
}
#top-gallery .flex-control-paging li a.flex-active, .categories-strip ul li.active, .owl-carousel .owl-dot.active { background: transparent; }
.categories-strip ul li a { display: flex; color: #000000; font-size: 0.9rem; width: 177px; height: 50px; outline: 1px solid var(--blue); justify-content: center; align-items: center; transition: all 0.25s ease; }
.categories-strip ul li.active a, .categories-strip ul li:hover a { background: var(--blue); color: #fff; }
.projectPage #gridshort-view .flex-row { margin-bottom: 100px; }
@media(max-width: 767px) {
.projectPage #gridshort-view .flex-row { padding: 0 38px; gap: 20px; }
.projectPage #gridshort-view .flex-row > .grid-box { width: 100%; margin: 0; }
.projectPage .mobile-strip { display: none; }
.projectPage .categories-strip .menu-tags-list > ul { display: flex !important; gap: 20px; justify-content: center; padding: 50px 0; }
.projectPage .categories-strip ul li { padding: 0; }
.projectPage .categories-strip ul li a { width: 150px; height: 49px; font-size: 0.7rem; }
}
/*.projectPage #gridshort-view .flex-row > .grid-box.coming-soon { pointer-events: none; position: relative; }
.projectPage #gridshort-view .flex-row > .grid-box.coming-soon::after { content: ''; position: absolute; inset: 0; background: #000; opacity: 0.8; pointer-events: none; }
.projectPage #gridshort-view .flex-row > .grid-box.coming-soon::before { content: 'Coming Soon'; text-transform: uppercase; font-family: 'MontserratBold'; white-space: break-spaces; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 2rem; width: 50%; }
.projectPage #gridshort-view .flex-row > .grid-box.coming-soon .grid-short-box-link { display: none; }*/
body:not(.home-page) .grid-box.coming-soon { pointer-events: none; position: relative; }
body:not(.home-page) .grid-box.coming-soon::after { content: ''; position: absolute; inset: 0; background: #000; opacity: 0.5; pointer-events: none; }
body:not(.home-page) .grid-box.coming-soon::before { content: 'Coming Soon'; text-transform: uppercase; font-family: 'MontserratBold'; white-space: break-spaces; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 2rem; width: 50%; }
body:not(.home-page) .grid-box.coming-soon .grid-short-box-link { display: none; }
/*Project Inner Page Custom*/
.projectPage.contentInnerPage #GridTop, .projectPage.contentInnerPage .categories-strip { display: none; }
.projectPage.contentInnerPage #GridPage .max-width { max-width: 100%; width: 100%; }
.about_the_project .about_logo { margin-bottom: 40px; }
.about_the_project .about_logo img { border-radius: 50%; }
#projects-wrapper { margin-top: 0px; }
#projects-wrapper .section-title { margin-bottom: 30px; }
.project_container > div { padding-top: 80px; text-align: center; }
.project_container > div:first-child { padding-top: 0; }
.project_container > div:last-child { padding-bottom: 80px; }
/*hero*/
.project_hero_container { display: flex; flex-flow: row wrap; width: 100%; overflow: hidden; direction: ltr; }
.project_title_container { width: 50%; background: var(--blue); color: #fff; position: relative; }
@media(min-width: 991px) {
.project_hero_container, .project_image_container { max-height: calc(80vh - 90px); }
.project_hero_content { display: flex; flex-flow: column wrap; /*justify-content: flex-end;*/ justify-content: center; text-align: right; direction: rtl; height: 100%; width: 100%; max-width: 650px; margin: auto; /*padding-bottom: 100px;*/ }
}
.project_hero_content h1 { color: #fff; padding-bottom: 10px; }
.project_hero_content h2 { font-weight: var(--boldweight); font-size: 1rem; padding-bottom: 20px; }
.bgIcon { position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; }
.bgIcon > svg { width: 100%; height: 100%; }
.project_image_container { width: 50%; }
.project_image_container img { width: 100%; height: 100%; object-fit: cover; }
/*cubes*/
.project_infoCubes_container { display: flex; flex-flow: row wrap; justify-content: center; gap: 30px; }
.project_infoCubes_container > div { display: flex; flex-flow: column wrap; position: relative; background: var(--bgcolor); width: 268px; height: 210px; align-items: center; justify-content: center; }
.info_item_wrapper > span { display: block; }
span.item_name { font-weight: var(--boldweight); font-size: 1.6rem; line-height: 1.13; }
span.saperate-line { width: 150px; height: 3px; background: var(--blue); margin: 15px 0; }
span.item_value { font-size: 1.25rem; line-height: 1; }
/*about*/
.about_title.section-title h2::before { content: 'about project'; }
.about_desc { max-width: 850px; margin: auto; padding-bottom: 80px; }
.about_video_holder { position: relative; display: block; width: 100%; height: auto; }
.project_gallery_wrapper .owl-carousel.owl-loaded { opacity: 1; }
.about_video video { width: calc(100% - 200px); height: auto; }
/*around/area*/
.section-title .location_name::before { content: 'what around us'; }
.location_image_holder { padding-top: 50px; }
/*map*/
@media(min-width: 991px) {
.project_map_holder iframe, .about_video iframe { width: calc(100% - 200px); height: 720px; }
}
@media(max-width: 767px) {
.projectPage.contentInnerPage #header2.fixedMenu { background: #000; border-bottom: none; }
.project_container .section-title h2 { width: calc(100% - 230px); }
.section-title .location_name::before, .about_title.section-title h2::before { font-size: 2.5rem; top: 50%; white-space: normal; width: 100vw; }
#projects-wrapper { margin-top: 60px; }
.project_container > div { padding-top: 50px; }
.project_container > div:last-child { padding-bottom: 50px; }
.project_hero_container { flex-direction: column-reverse; }
.project_hero_container > div { width: 100%; }
.project_hero_content { text-align: right; padding: 50px 25px; direction: rtl; }
.project_infoCubes_container { gap: 20px; padding-right: 15px; padding-left: 15px; }
.project_infoCubes_container > div { width: calc(50% - 20px); height: 150px; }
span.item_name { font-size: 1rem; padding: 0 15px; }
span.saperate-line { width: 80px; margin: 10px 0; }
span.item_value { font-size: 0.7rem; }
.about_desc { padding: 0 37px 50px; text-align: right; }
.about_video_holder { padding: 0 15px; }
.about_video_holder img { object-fit: cover; width: 100%; height: auto; }
.location_image_holder { padding-top: 30px; }
.project_map_holder iframe, .about_video iframe { width: 100%; height: 400px; }
.about_video video { width: 100%; height: auto; }
#projects-wrapper .owl-controls { position: absolute; bottom: -40px; left: 0; right: 0; }
#projects-wrapper .project_gallery_wrapper { padding-bottom: 80px; }
#projects-wrapper .owl-carousel .owl-nav div.owl-prev { right: calc(50% - 40px); }
#projects-wrapper .owl-carousel .owl-nav div.owl-next { left: calc(50% - 40px); }
#projects-wrapper .owl-carousel .owl-nav div.owl-prev::after, #projects-wrapper .owl-carousel .owl-nav div.owl-prev::before { width: 37px; height: 37px; }
}
/*animation canceling mac*/
.macOs .section-animation-item { margin-top: 0 !important; opacity: 1 !important; }
.safariBrowser .section-animation-item { margin-top: 0 !important; opacity: 1 !important; }
.macOs.safariBrowser .section-animation-item { margin-top: 0 !important; opacity: 1 !important; }
/*accessability*/
#accessability { margin-bottom: 100px; }
#accessability #text1 { max-width: 900px; }
ul.accessability-list { margin: 0; padding-right: 20px; font-size: 0.8rem; padding-bottom: 20px; }
span.AccessabilityDateDetails { font-size: 0.8rem; }
a.AccessabilityLink { right: 15px; }
@media(max-width: 767px) {
#accessability { margin-bottom: 50px; }
ul.accessability-list, span.AccessabilityDateDetails { font-size: 0.7rem; }
}
@media(min-width: 1025px) and (max-width: 1550px) {
#home-gallery .TopVideo iframe { transform: translateX(-50%) scale(1.3); }
}
@media(-webkit-device-pixel-ratio: 1) and (max-width: 1440px) {
.resize { zoom: 0.75; }
.resize #home-gallery, .resize #home-gallery .slides, .resize #home-gallery .slider-bg.stellar-bg, body.macOs.chromeBrowser.resize #home-gallery { height: calc(var(--vh) + calc(100vh * 0.25)) !important; }
body.macOs.chromeBrowser.resize #home-gallery { /*height: calc(var(--app-height) * 1.25) !important;*/ }
}
@media(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1330px) {
.osWin { zoom: 0.7; }
body.osWin #home-gallery, body.osWin #home-gallery .slides, body.osWin #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) + calc(100vh * 0.2)) !important; }
}
@media(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px) and (min-width:768px) and (orientation: portrait) {
.osWin { zoom: 1; }
body { /*font-size: 15px;*/ }
body.osWin #home-gallery, body.osWin #home-gallery .slides, body.osWin #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
}
@media(max-width: 1024px) and (min-width:768px) and (orientation: portrait) {
.aboutPage .hero_row .grid-rows .grid-row { padding: 0 20px; gap: 20px; }
.aboutPage .hero_row .grid-rows .grid-row .flexslider-box img { width: 100%; object-fit: contain; }
.aboutPage .hero_row .grid-rows .grid-row-text { width: 100%; }
.aboutPage .hero_row .grid-rows .grid-row-text h2 { max-width: 100%; font-size: 3rem; }
.aboutPage .rowLayout .grid-row { padding: 0 20px 60px; }
.aboutPage .rowLayout .grid-row .box-image-animation img { width: 100%; object-fit: cover; }
.aboutPage #allSectionsWrapper .section.urbanRenew { height: 570px; }
.aboutPage .image-section-data { height: 580px; }
.mediaPage #gridshort-view-media > div { width: 50%; }
#GridTop .top-caption { width: 100%; text-align: center; }
.urbanRenewal #LobbyModule .chooseUs .grid-box { width: calc(50% - 70px); }
.urbanRenewal #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-fulltext,
.projectPage #gridshort-view .grid-box .grid-short-box-fulltext { display: flex; flex-direction: column; align-items: flex-start; }
.urbanRenewal #LobbyModule .grid-boxes.grid-boxes-content .grid-box .grid-short-box-link { position: relative; }
body:not(.home-page) .grid-box.coming-soon::before { width: 100%; font-size: 1.5rem; }
.project_hero_content { padding: 0 20px; }
.project_hero_content h1 { font-size: 2.4rem; }
}
@media(max-width: 1024px) and (min-width:768px) {
.rowLayout .grid-row .grid-row-text p { font-size: 80%; }
.rowLayout .grid-row .box-image-animation img { width: 100%; }
}