/*
Theme Name: zorba
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
}
@font-face {
font-family: "AtypDisplay";
src: local("AtypDisplay"),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Regular.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Italic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Italic.ttf) format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Bold.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-BoldItalic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-BoldItalic.ttf) format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Semibold.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Semibold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-SemiboldItalic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-SemiboldItalic.ttf) format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Medium.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-MediumItalic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-MediumItalic.ttf) format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Light.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-LightItalic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-LightItalic.ttf) format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Thin.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-Thin.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "AtypDisplay";
src: url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-ThinItalic.otf) format('otf'),
url(/wp-content/themes/zorba/libs/Atyp/AtypDisplay-ThinItalic.ttf) format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Regular.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Bold.otf) format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Bold.otf) format('opentype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Light.otf) format('opentype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-UltraLight.otf) format('opentype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Ultrabold.otf) format('opentype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Neue Machina";
src: url(https://zorba.vn/wp-content/themes/zorba/libs/NeueMachina/NeueMachina-Black.otf) format('opentype');
font-weight: 900;
font-style: normal;
}
body{
overflow:hidden;
font-family: "Neue Machina", sans-serif !important;
}
.header, .header-wrapper{
z-index: 299!important;
}
/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/
/*Purple #5C5CBB*/
/*Blue#336CD5*/
#main, #wrapper, html, body{
background-color: #000000 !important;
}
/*.row-full-width{*/
/* margin-left: -15px;*/
/* margin-right: -15px;*/
/*}*/
/*.single-post #main, */
.single-post #wrapper{
/*background-image: url(/wp-content/uploads/2023/02/ProjectDetail.svg);*/
/*background-color: rgb(5, 5, 5);*/
/*background-color: transparent; */
/*background-position: 50% 0%; */
/*background-size: cover;*/
background-color: rgb(5, 5, 5);
}
.single-post .zorba-background .wp-image-364{
z-index: 0;
}
.blog-single > .row{
max-width: 100vw;
padding-left: 45px;
padding-right: 30px;
}
.blog-wrapper{
/*background-color: rgb(5, 5, 5);*/
}
.blog-single .row-whA8AJ,
.blog-single .row-DA7Wb2{
margin-right: auto!important;
margin-left: auto!important;
}
.text-orange{
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.icon-box-2BDsDp .icon-box-text p{
/*font-family: "AtypDisplay";*/
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.3125;
/*display: flex;*/
/*align-items: center;*/
text-align: center;
/* PRIMARY/Orange */
color: #F3F4F6;
}
.section-title-PJyx4x ,
.section-title-4c43Zd {
/* max-width: 100vw;*/
/*opacity: 0;*/
/* transform: translateX(1000px);*/
}
.row-1586209678{
.section-title-container{
margin-bottom: 0 !important;
}
}
.row-1868331142{
margin-top: 48px;
}
.section-title-PJyx4x h3{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 1;
/* identical to box height */
/*display: flex;*/
/*justify-content: flex-end;*/
/* justify-content: center;*/
/* text-align: center;*/
text-transform: uppercase;
/* PRIMARY/Light */
color: #F3F4F6;
margin-bottom: 0;
/* width: 100%;*/
border: none;
justify-content: flex-start;
strong{
color: #EAB960;
font-weight: 700!important;
margin-right: 0.625rem !important;
}
}
.col-VGtzaY > .col-inner{
border-width: 1px 0px;
border-style: solid;
border-color: #313131;
}
.nav-dropdown.nav-dropdown-default>li>a{
color: #666666!important;
}
.section-title-4c43Zd h3{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 1;
text-transform: uppercase;
border: none;
margin-bottom: 0;
strong{
color: #EAB960;
font-weight: 700!important;
}
span{
color: #F3F4F6;
padding-left: calc(33.33% + 24px);
}
}
.col-1557251734 h3{
font-weight: 500;
}
.section-title-PJyx4x .section-title-normal span{
/*margin-right: -142px;*/
border-bottom: none!important;
padding-bottom: 0!important;
margin-bottom: 0!important;
margin-right: 0.625rem!important;
}
.section-title-4c43Zd .section-title-normal span{
/*margin-right: -142px;*/
border-bottom: none!important;
}
.section-title b{
display: none;
}
.blog-post-ds9Tv9 .post-item:nth-child(odd){
/*padding-left: 0;
padding-right: 12px;
padding-bottom: 24px;*/
}
.blog-post-ds9Tv9 .post-item:nth-child(even){
/*padding-left: 12px;
padding-right: 0;
padding-bottom: 24px;*/
}
.blog-post-ds9Tv9 .col-odd .col-inner:first-child {
/* margin-top: 48px;*/
}
.blog-post-ds9Tv9 .col .col-inner{
/* margin-bottom:24px;*/
}
.blog-post-ds9Tv9 .post-item .col-inner{
background-color: transparent!important;
box-shadow: none;
}
.blog-post-ds9Tv9 .post-item .box-blog-post{
background-color: transparent!important;
}
.blog-post-ds9Tv9 .post-item:nth-child(odd) .box-image .image-cover{
/* border-radius: 0px 16px 16px 0px;*/
}
.blog-post-ds9Tv9 .post-item:nth-child(even) .box-image .image-cover{
/* border-radius: 16px 0px 0px 16px;*/
}
.post-our-works .post-item:nth-child(odd) .box-image .image-cover,
.post-our-works .post-item:nth-child(even) .box-image .image-cover{
/* border-radius: 16px;*/
}
.blog-post-ds9Tv9 .post-item:nth-child(even),
.blog-post-ds9Tv9 .post-item:nth-child(odd){
padding-left: 4px;
padding-right: 4px;
padding-bottom: 0;
z-index: 149;
}
.blog-post-ds9Tv9{
/* margin-left: -8px !important; */
/* margin-right: -8px !important;*/
}
.post-our-works .col .col-inner{
margin-bottom:0!important;
}
.blog-post-ds9Tv9 .post-item .box-blog-post .box-text{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/*color: #FF6D34;
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
*/
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,60%);
display: none;
z-index: 18;
}
.player .vp-video-wrapper .vp-preview{
z-index: 199;
}
.blog-post-ds9Tv9 .post-item .box-blog-post .box-text:hover,
.blog-post-ds9Tv9 .post-item .box-blog-post .box-text:focus,
.blog-post-ds9Tv9 .post-item .box-blog-post .box-text:active{
display: flex!important;
align-items: center!important;
}
.slide-in-fwd-center {
-webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2023-2-24 1:3:4
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-fwd-center
* ----------------------------------------
*/
@-webkit-keyframes slide-in-fwd-center {
0% {
-webkit-transform: translateZ(-1400px);
transform: translateZ(-1400px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes slide-in-fwd-center {
0% {
-webkit-transform: translateZ(-1400px);
transform: translateZ(-1400px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.blog-post-ds9Tv9 .post-item .box-blog-post:active .box-text,
.blog-post-ds9Tv9 .post-item .box-blog-post:hover .box-text{
display: block;
-webkit-animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-fwd-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
z-index: 19;
}
.blog-post-ds9Tv9 .post-item .post-title{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 1;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
text-align: center;
text-transform: uppercase;
/* PRIMARY/Orange */
color: #F3F4F6;
/* background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;*/
}
.blog-post-ds9Tv9 .post-item .post-title.title-out-box{
margin-top: 8px;
min-height: 24px;
margin-bottom: 0;
}
.blog-post-ds9Tv9 .post-item .box-text-inner p ,
.blog-post-ds9Tv9 .post-item .from_the_blog_excerpt {
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3125;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
text-align: center;
text-transform: uppercase;
/* PRIMARY/Light */
color: #F3F4F6;
}
.blog-post-ds9Tv9 .box-text .button{
border: none;
font-size: 24px;
line-height: 1;
}
.blog-post-ds9Tv9 .box-text .button:hover{
background-color: transparent;
}
.blog-post-ds9Tv9Z .box-text .button i{
margin: 0;
}
.blog-post-ds9Tv9 .is-divider{
display: none;
}
/*.blog-post-ds9Tv9 .button:before {*/
/* content: "\f144";*/
/* font-family: "Font Awesome 6 Pro";*/
/*}*/
.icon-box-kYXadZ .icon-box-text{
display: flex;
align-items: center;
}
.icon-box-kYXadZ .icon-box-text .text{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
/* PRIMARY/Light */
color: #F3F4F6;
}
.blog-post-NqM25a .box-text{
display: none;
}
.absolute-footer{
display: none;
}
.section-title-xj7SZ2 h3{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 68px;
line-height: 1;
text-transform: uppercase;
color: #F3F4F6;
/* identical to box height */
/*display: flex;
align-items: center;
text-align: center;*/
/* PRIMARY/Orange */
/*color: #FF6D34;*/
/*background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
justify-content: center;*/
margin-bottom: 0;
.section-title-main{
text-align: left;
margin-left: 0;
}
}
.text-yezcpn p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
/*display: flex;*/
/*align-items: center;*/
text-align: left;
/* PRIMARY/Light */
color: #666666;
margin-bottom: 16px;
}
.text-nV5nkt p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
/*display: flex;*/
/*align-items: center;*/
text-align: left;
/* PRIMARY/Light */
color: #F3F4F6;
}
.text-tgj9vS p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 23px;
/*display: flex;*/
/*align-items: center;*/
text-align: center;
/* PRIMARY/Light */
color: #F3F4F6;
}
.text-gGKTyt p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
/*display: flex;*/
/*align-items: center;*/
text-align: center;
text-transform: uppercase;
/* PRIMARY/Light */
color: #F3F4F6;
}
.text-MTpeuQ p{
/*display: flex;
justify-content: center;
margin-bottom: 0;*/
a{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
color: #F3F4F6;
margin-right: 0;
}
}
#logo img,
.transparent #logo img,
.stuck #logo img{
max-height: 49px!important;
min-height: 49px!important;
height: 49px!important;
padding: unset;
padding: 0!important;
}
.stuck #logo img {
max-height: 49px !important;
min-height: 49px!important;
height: 49px!important;
}
.text-primary{
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.header-main .nav > li > a{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
text-transform: uppercase;
/* PRIMARY/Light */
color: #666666 ;
}
.header-main .nav>li:hover >a,
.header-main .nav>li.active>a{
/*color: #FF6D34;
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
*/
/*font-weight: 500;
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;*/
color: #EAB960;
}
.header-bg-color{
background-color:rgba(0,0,0,80%)!important;
}
.nav>li{
/*margin: 0 calc(48/1512*100vw);*/
margin: 0 24px;
}
.header-nav{
li .nav-dropdown{
background-color: #000 !important;
}
li.has-dropdown:after{
border-color: hsla(0, 0%, 87%, 0) hsla(0, 0%, 87%, 0) #000 !important;
}
li.active>a,
li>a:hover,
li.active>a,
li>a:hover,
li>a:hover,
li.active>a,
li.current>a,
li>a.active,
li>a.current,
li>a:hover{
color: #EAB960!important;
}
}
.section_450992160{
padding-top: 0!important;
overflow: hidden;
}
.box-label .box-text.text-center {
transform: unset!important;
}
.box-bounce:hover .box-text {
background-color: #fff;
/*transform: translateY(-15px)*/
transform: unset!important;
}
.full-portfolio,
.full-portfolio a{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
text-align: center;
/* PRIMARY/Light */
color: #F3F4F6;
}
/* .header .header-wrapper{
padding-top: 24px;
padding-bottom: 4px;
} */
.header .header-wrapper.stuck{
padding-top: 14px;
padding-bottom: 14px;
}
.blog-single > .row > .large-10.col{
flex-basis: 100%;
max-width: 100%;
}
.project-description p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
margin-bottom: 36px;
}
.credits-title h3{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
}
.credits-list-group .list-group-item{
display: flex;
justify-content: space-between;
margin-left: 0;
border-bottom: 1px solid #BDBDBD;
margin-bottom: 10px;
padding-bottom: 10px;
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
/* identical to box height */
/* Gray 4 */
color: #BDBDBD;
}
.credits-list-group .list-group-item .item-right{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
/* identical to box height */
text-align: right;
/* PRIMARY/Light */
color: #F3F4F6;
}
.blog-single .single-page .section{
padding-left: 0!important;
padding-right: 0!important;
}
.blog-single .single-page .row{
margin-left: -12px;
margin-right: -12px;
}
.blog-single .single-page .row .col{
padding: 0 12px 24px;
}
.blog-single .single-page p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
}
.highlights-text{
align-items: center;
}
.highlights-text p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.3;
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
/* PRIMARY/Light */
color: #F3F4F6;
}
.blog-single .entry-title{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
text-transform: uppercase;
/* PRIMARY/Light */
color: #F3F4F6;
}
.header-main .top-divider{
opacity: 0;
}
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
/* background-image: url(/wp-content/uploads/2023/03/Group.svg);*/
z-index: 99999999;
background-size: cover;
background-repeat: no-repeat;
}
.loader .loader-copy {
position: absolute;
top: 34%;
text-align: center;
width: 100%;
font-size: 100px;
letter-spacing: 25px
}
.height-100{
height: 100vh;
}
.icon-box-2BDsDp .icon-box-img{
display: none;
}
.loader img.loading-logo {
/*opacity:0;*/
width: 174px;
position: absolute;
top: calc(50vh - 87px);
left: calc(50vw - 87px);
/*right: 0;*/
margin: 0 auto;
z-index: 198;
/*display: none;*/
/*transition: all 1.2s cubic-bezier(.455, .03, .515, .955) both!important;*/
/*transition:all 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both !important;*/
}
#loading-section{
/*transition:all 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both !important;*/
/*-webkit-animation: all 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;*/
/*animation: all 1.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;*/
/*
transition-duration: 1.2s;
transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
transition-delay: 0s;
transition-property: all;
-webkit-transition-duration: 1.2s;
-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530);
-webkit-transition-delay: 0s;
-webkit-transition-property: all;
*/
}
.loader-progress{
/*position: absolute;
width: 100%;
bottom: calc(83 / 928 * 100vh);*/
width: 174px;
height: 174px;
position: absolute;
top: calc(50vh - 87px);
left: calc(50vw - 87px);
z-index: 198;
}
.loader-progress .col{
padding: 0;
}
.loader-progress .progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*height: 1rem;*/
overflow: hidden;
/*font-size: .75rem;*/
/*background-color: #e9ecef;*/
/*border-radius: 0.25rem;*/
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
/*text-transform: uppercase;*/
/* PRIMARY/Orange */
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.loader-progress .progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
/*justify-content: center;*/
/*color: #fff;*/
/*text-align: center;*/
/*background-color: #007bff;*/
/*transition: width .6s ease;*/
}
.loader img.loading-logo-scale {
/*width: 35.5vw;*/
/*top: 17%*/
}
.loader .loading-percent {
/*color: #d20000;*/
/*letter-spacing: 0;*/
/*width: 150px;*/
/*display: inline-block;*/
/*font-family: CircularStd-Black*/
}
.progress-icon{
font-size: 12px;
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: absolute;
left: -6px;
bottom: -6px;
}
.progress-icon-left{
font-size: 12px;
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: absolute;
left: -6px;
bottom: -5px;
}
.post-our-works{
min-height: 100vh;
/*}*/
/*.row-100{*/
max-width: 100vw!important;
}
#tab-list-our-works{
flex-direction: column;
align-content: flex-end;
align-items: flex-end;
}
#tab-list-our-works > li > a:before{
background-color: transparent;
}
#tab-list-our-works>li>a{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
text-transform: uppercase;
/* PRIMARY/Orange */
color: #F3F4F6;
margin-left: 24px;
/* music video */
}
#tab-list-our-works>li:first-child>a{
margin-left: 0;
}
#tab-list-our-works>li.active>a{
/* font-weight: 500;*/
color: #EAB960;
/* background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;*/
}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.25,.46,.45,.94) backwards;animation:fade-in 2s cubic-bezier(.25,.46,.45,.94) backwards}
.puff-out-center{
-webkit-animation:puff-out-center 1.2s
cubic-bezier(0.4, 0, 1, 1) both;
animation:puff-out-center 1.2s
cubic-bezier(0.4, 0, 1, 1) both
}
.scale-in-center{-webkit-animation:scale-in-center .6s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .6s cubic-bezier(.25,.46,.45,.94) both}
.fade-out{-webkit-animation:fade-out 1s ease-out both;animation:fade-out 1s ease-out both}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes puff-out-center {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
-webkit-filter: blur(4px);
filter: blur(4px);
opacity: 0;
}
}
@keyframes puff-out-center {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0px);
filter: blur(0px);
opacity: 1;
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
-webkit-filter: blur(4px);
filter: blur(4px);
opacity: 0;
}
}
.fade-in-left {
-webkit-animation: fade-in-left 1.2s;
/*cubic-bezier(0.215, 0.610, 0.355, 1.000) both;*/
animation: fade-in-left 1.2s ;
/*cubic-bezier(0.215, 0.610, 0.355, 1.000) both;*/
}
/**
* ----------------------------------------
* animation fade-in-left
* ----------------------------------------
*/
@-webkit-keyframes fade-in-left {
0% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fade-out {
-webkit-animation: fade-out 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
animation: fade-out 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/**
* ----------------------------------------
* animation fade-out
* ----------------------------------------
*/
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.slide-in-right {
-webkit-animation: slide-in-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-in-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
}
}
@keyframes slide-in-right {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 1;
}
}
.bounce-in-right {
-webkit-animation: bounce-in-right 1.1s both;
animation: bounce-in-right 1.1s both;
}
/* ----------------------------------------------
* Generated by Animista on 2023-3-14 23:0:10
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bounce-in-right
* ----------------------------------------
*/
@-webkit-keyframes bounce-in-right {
0% {
-webkit-transform: translateX(600px);
transform: translateX(600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(68px);
transform: translateX(68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(32px);
transform: translateX(32px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-right {
0% {
-webkit-transform: translateX(600px);
transform: translateX(600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(68px);
transform: translateX(68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(32px);
transform: translateX(32px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.slide-in-blurred-right {
-webkit-animation: slide-in-blurred-right 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) backwards;
animation: slide-in-blurred-right 1.2s cubic-bezier(0.165, 0.840, 0.440, 1.000) backwards;
}
/* ----------------------------------------------
* Generated by Animista on 2023-3-14 23:57:50
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-in-blurred-right
* ----------------------------------------
*/
@-webkit-keyframes slide-in-blurred-right {
0% {
-webkit-transform: translateX(1000px);
/*scaleX(2.5) scaleY(0.2);*/
transform: translateX(1000px);
/*scaleX(2.5) scaleY(0.2);*/
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
/*-webkit-filter: blur(40px);*/
/*filter: blur(40px);*/
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
/*scaleY(1) scaleX(1);*/
transform: translateX(0);
/*scaleY(1) scaleX(1);*/
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
/*-webkit-filter: blur(0);*/
/*filter: blur(0);*/
opacity: 1;
}
}
@keyframes slide-in-blurred-right {
0% {
-webkit-transform: translateX(1000px);
/*scaleX(2.5) scaleY(0.2);*/
transform: translateX(1000px);
/*scaleX(2.5) scaleY(0.2);*/
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
/*-webkit-filter: blur(40px);*/
/*filter: blur(40px);*/
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
/*scaleY(1) scaleX(1);*/
transform: translateX(0);
/*scaleY(1) scaleX(1);*/
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
/*-webkit-filter: blur(0);*/
/*filter: blur(0);*/
opacity: 1;
}
}
.content-area{
/*overflow:hidden;*/
}
/**/
/**/
/*
*/
.ellipse-4 .circle-object{
width: calc(1355/1512 * 100vw);
height: calc(1355/1512 * 100vw);
/* width: calc(982/1512 * 100vw);
height: calc(982/1512 * 100vw);*/
}
.ellipse-4{
position: fixed;
top: calc(-620/1512 * 100vw);
right: calc(-700/1512 * 100vw);
/*top: calc(-491/1512 * 100vw);
right: calc(-491/1512 * 100vw);*/
}
.ellipse-5 .circle-object{
/* width: calc(982/1512 * 100vw);
height: calc(982/1512 * 100vw);*/
width: calc(1355/1512 * 100vw);
height: calc(1355/1512 * 100vw);
}
.ellipse-5{
position: fixed;
/*left: calc(-491/1512 * 100vw);
bottom: calc(-491/1512 * 100vw);*/
left: calc(-475/1512 * 100vw);
bottom: calc(-605/1512 * 100vw);
}
/*
.background-change .ellipse-1{
top: calc(950/1512 * 100vw);
left: calc(-524/1512 * 100vw);
position: absolute;
width:calc(1000/1512 * 100vw);
height: calc(1000/1512 * 100vw);
z-index: -2;
border-radius: 50%;
filter: blur(calc(35/1512 * 100vw));
transform: rotate(-135deg);
}*/
.ellipse-1 .circle-object{
width: calc(1389/1512 * 100vw);
height: calc(1389/1512 * 100vw);
/*filter: blur(calc(35/1512 * 100vw)) ;*/
}
.ellipse-1{
position: absolute;
left: calc(-621/1512 * 100vw);
top: calc(950/1512 * 100vw);
z-index: -2;
/*opacity: 0.7;*/
}
/*
.background-change .ellipse-2{
top: calc(3200/1512 * 100vw);
right: calc(-465/1512 * 100vw);
position: absolute;
width:calc(1140/1512 * 100vw);
height: calc(1140/1512 * 100vw);
z-index: -2;
border-radius: 50%;
opacity: 0.6;
filter: blur(calc(35/1512 * 100vw));
transform: rotate(-135deg);
}*/
.ellipse-2 .circle-object{
/*width: calc(980/1512 * 100vw);
height: calc(980/1512 * 100vw);*/
width: calc(1535/1512 * 100vw);
height: calc(1535/1512 * 100vw);
/*filter: blur(calc(35/1512 * 100vw)) ;*/
}
.ellipse-2{
position: absolute;
right: calc(-630/1512 * 100vw);
bottom: calc(30/1512 * 100vw);
/*right: calc(-290/1512 * 100vw);
bottom: calc(360/1512 * 100vw);
right: calc(-626/1512 * 100vw);
bottom: calc(129/1512 * 100vw);
z-index: 0;
/*opacity: 0.7;*/
}
.section-title-PJyx4x .section-title,
.row-JpvdHe .col-VGtzaY .col-inner{
z-index: 199;
}
/*
.background-change .ellipse-3{
bottom: calc(-570/1512 * 100vw);
left: calc(186/1512 * 100vw);
position: absolute;
width:calc(1140/1512 * 100vw);
height: calc(1140/1512 * 100vw);
z-index: 0;
border-radius: 50%;
opacity: 0.6;
filter: blur(calc(35/1512 * 100vw));
transform: rotate(-135deg);
}
*/
.box-object-gradient-diag{
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
opacity: 0.7;
z-index: -1;
/* background-image: -webkit-gradient(linear,right top,left top,from(#0030DA),color-stop(#98F3FF),color-stop(#DA7600),color-stop(#FFD698),color-stop(#FF6D34),color-stop(#FFD698),to(#98F3FF));
background-image: linear-gradient(270deg,#0030DA,#98F3FF,#DA7600,#FFD698,#FF6D34, #FFD698, #98F3FF);
background-size: 600% 100%;*/
/*filter: blur(calc(35/300 * 100vw)) ;
-webkit-filter: blur(35px) ;*/
/* -webkit-backdrop-filter: blur(calc(35/300 * 100vw)); Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
/* backdrop-filter: blur(calc(35/300 * 100vw)); Supported in Chrome 76 */
/* }
.color-change-2x {*/
-webkit-animation: background-change-2x 8s cubic-bezier(0.550, 0.055, 0.675, 0.190) infinite alternate-reverse backwards;
animation: background-change-2x 8s cubic-bezier(0.550, 0.055, 0.675, 0.190) infinite alternate-reverse backwards;
}
/* ----------------------------------------------
* Generated by Animista on 2023-4-2 16:31:28
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation color-change-2x
* ----------------------------------------
*/
@-webkit-keyframes background-change-2x {
0% {
background: url(/wp-content/uploads/2023/04/Ellipse-2-1.png);
background-size: cover;
background-repeat: no-repeat;
}
50% {
background: url(/wp-content/uploads/2023/04/Ellipse-1-1.png);
background-size: cover;
background-repeat: no-repeat;
}
100% {
background: url(/wp-content/uploads/2023/07/Ellipse-3-1-min.png);
background-size: cover;
background-repeat: no-repeat;
}
}
@keyframes background-change-2x {
0% {
background: url(/wp-content/uploads/2023/04/Ellipse-2-1.png);
background-size: cover;
background-repeat: no-repeat;
}
50% {
background: url(/wp-content/uploads/2023/04/Ellipse-1-1.png);
background-size: cover;
background-repeat: no-repeat;
}
100% {
background: url(/wp-content/uploads/2023/07/Ellipse-3-1-min.png);
background-size: cover;
background-repeat: no-repeat;
}
}
.bg-pan-left {
/*-webkit-animation: bg-pan-left 8s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite reverse forwards;*/
/* animation: bg-pan-left 8s cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite reverse forwards;*/
/* -webkit-animation: bg-pan-bl 8s infinite alternate-reverse both;
animation: bg-pan-bl 8s infinite alternate-reverse both;*/
}
.circle-object {
position: relative;
width: calc(300/1512 * 100vw);
height: calc(300/1512 * 100vw);
/*border-radius: 50%;*/
overflow: hidden;
/*filter: blur(calc(35/300 * 100vw)) ;
-webkit-filter: blur(35px) ;*/
}
.ellipse-3 .circle-object{
width: calc(1512/1512 * 100vw);
height: calc(1512/1512 * 100vw);
/*filter: blur(calc(35/1512 * 100vw)) ;*/
}
.ellipse-3{
position: absolute;
left: calc(0/1512 * 100vw);
bottom: calc(-756/1512 * 100vw);
z-index: 0;
/*opacity: 0.7;*/
}
.ellipse-6 .circle-object{
width: calc(1455/1512 * 100vw);
height: calc(1455/1512 * 100vw);
/*width: calc(982/1512 * 100vw);
height: calc(982/1512 * 100vw);*/
}
.ellipse-6{
position: absolute;
top: calc(109/1512 * 100vw);
left: calc(-745/1512 * 100vw);
/*top: calc(222/1512 * 100vw);
left: calc(-491/1512 * 100vw);*/
}
/*.ellipse-7 .circle-object{*/
/* width: calc(982/1512 * 100vw);*/
/* height: calc(982/1512 * 100vw);*/
/*}*/
/*.ellipse-7{*/
/* position: fixed;*/
/* left: calc(-491/1512 * 100vw);*/
/* bottom: calc(-491/1512 * 100vw);*/
/*}*/
.ellipse-7 .circle-object{
width: calc(1512/1512 * 100vw);
height: calc(1512/1512 * 100vw);
/* width: calc(1440/1512 * 100vw);
height: calc(1440/1512 * 100vw);*/
/*filter: blur(calc(35/1512 * 100vw)) ;*/
}
.ellipse-7{
position: absolute;
left: -45px;
bottom: calc(-756/1512 * 100vw);
z-index: 0;
/*opacity: 0.7;*/
/*left: calc(36/1512 * 100vw);
bottom: calc(-840/1512 * 100vw);*/
}
.ellipse-8 .circle-object{
width: calc(1512/1512 * 100vw);
height: calc(1512/1512 * 100vw);
/* width: calc(1440/1512 * 100vw);
height: calc(1440/1512 * 100vw);*/
/*filter: blur(calc(35/1512 * 100vw)) ;*/
}
.ellipse-8{
position: absolute;
right: calc(-647/1512 * 100vw);
top: calc(-193/1512 * 100vw);
z-index: 0;
/*opacity: 0.7;*/
/*left: calc(36/1512 * 100vw);
bottom: calc(-840/1512 * 100vw);*/
}
/* ----------------------------------------------
* Generated by Animista on 2023-3-13 0:36:3
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bg-pan-left
* ----------------------------------------
*/
@-webkit-keyframes bg-pan-left {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@keyframes bg-pan-left {
0% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* ----------------------------------------------
* Generated by Animista on 2023-3-13 0:47:16
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation bg-pan-bl
* ----------------------------------------
*/
@-webkit-keyframes bg-pan-bl {
0% {
background-position: 100% 0%;
}
100% {
background-position: 0% 100%;
}
}
@keyframes bg-pan-bl {
0% {
background-position: 100% 0%;
}
100% {
background-position: 0% 100%;
}
}
.page-id-760 .zorba-background .wp-image-364,
.page-id-889 .zorba-background .wp-image-364,
.page-id-838 .zorba-background .wp-image-364,
.page-id-886 .zorba-background .wp-image-364,
.page-id-796 .zorba-background .wp-image-364,
.page-id-772 .zorba-background .wp-image-364,
.page-id-734 .zorba-background .wp-image-364,
.page-id-699 .zorba-background .wp-image-364,
.page-id-315 .zorba-background .wp-image-364,
.page-id-297 .zorba-background .wp-image-364,
.page-id-273 .zorba-background .wp-image-364,
.page-id-260 .zorba-background .wp-image-364{
z-index: 0;
}
.row-DA7Wb2 .col,
.row-whA8AJ .col{
z-index: 19!important;
}
.page-id-297 .section-content,
.page-id-273 .row-whA8AJ,
.page-id-273 .our-works-post,
.page-id-273 .box-image,
.page-id-260 .row-whA8AJ,
.page-id-260 .our-works-post,
.page-id-260 .box-image{
z-index: 19!important;
}
.row-whA8AJ{
.section-title-center span {
margin: 0 !important;
}
}
.page-id-260 .our-works-post #col-list-our-works{
position: absolute;
z-index: 19;
}
.color-change-2x {
-webkit-animation: color-change-2x 4s linear infinite alternate both;
animation: color-change-2x 4s linear infinite alternate both;
}
@-webkit-keyframes color-change-2x {
0% {
background: linear-gradient(180deg, #FF6D34 0%, #FFD698 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
50% {
background: linear-gradient(180deg, #DA7600 0%, #FFD698 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
100% {
background: linear-gradient(180deg, #0030DA 0%, #98F3FF 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
}
@keyframes color-change-2x {
0% {
background: linear-gradient(180deg, #FF6D34 0%, #FFD698 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
50% {
background: linear-gradient(180deg, #DA7600 0%, #FFD698 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
100% {
background: linear-gradient(180deg, #0030DA 0%, #98F3FF 100%);
/*filter: blur(35px);*/
/*transform: rotate(-135deg);*/
}
}
.post-our-works .blog-post-ds9Tv9 .box-text .button{
font-size: 48px;
}
.text-right{
text-align: right;
}
.post-our-pride .col-box,
.post-our-pride .col-shortlist,
.post-our-pride .col-title{
padding-bottom: 24px;
}
.post-our-pride .col-line{
padding-bottom: 0;
}
.section-pride{
padding-top: 60px;
padding-bottom: 60px;
}
.post-our-pride .col-title .headline{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
/*text-align: center;*/
/* YouMed/White */
color: #FFFFFF;
margin-bottom: 0;
}
.post-our-pride .col-title .paragraph{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
margin-bottom: 0;
}
.shortlist-of-awards .col,
.shortlist-of-awards .section-title-container{
margin-bottom: 36px;
}
.shortlist-of-awards .section-title-container .section-title{
margin-bottom: 0;
border-bottom: none!important;
}
.shortlist-of-awards .section-title-container .section-title .section-title-main{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
border-bottom: none!important;
margin-bottom: 0;
}
.shortlist-of-awards .icon-box{
margin-bottom: 24px;
align-items: center;
}
.shortlist-of-awards .icon-box .icon-box-text ,
.shortlist-of-awards .icon-box .icon-box-text p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
}
.blog-single .entry-title.text-orange {
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.blog-single .entry-subtitle{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.3;
/* PRIMARY/Light */
color: #F3F4F6;
}
.single-awards .entry-header{
display: none;
}
.single-awards .entry-title{
margin-bottom: 8px;
}
.single-awards .entry-subtitle{
margin-bottom: 24px;
}
.post-our-pride .blog-post-ds9Tv9 .post-item .box-image .image-cover{
border-radius: 0px 16px 16px 0px;
}
.contact-title{
margin-bottom: 0;
}
.contact-title .section-title{
border-bottom: none!important;
margin-bottom: 0;
}
.contact-title .section-title .section-title-main{
border-bottom: none!important;
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
color: #EAB960;
}
.contact-text p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px;
/* PRIMARY/Light */
color: #F3F4F6;
}
.contact-icon-box {
align-items: center;
margin-top: 14px;
}
.contact-icon-box .icon-box-text p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* PRIMARY/Light */
color: #F3F4F6;
}
.section-error-page{
min-height: calc(100vh - 140px);
}
.col-error-page{
text-align: center;
}
.text-error-page h3{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 1.3;
/* identical to box height */
/*display: flex;*/
/*align-items: center;*/
letter-spacing: -0.02em;
/* PRIMARY/Orange */
/*color: #FF6D34;*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.text-error-page p{
font-family: "Neue Machina", sans-serif !important;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 1.3;
/* identical to box height */
/* PRIMARY/Light */
color: #F3F4F6;
margin-bottom:0;
margin-bottom: 24px;
}
.page-id-315 #main{
/*height: calc(100vh - 140px);*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*overflow: scroll;*/
/*overflow-x: scroll;*/
/*overflow-y: hidden;*/
}
.content-area{
overflow: hidden;
min-height: calc(100vh - 98px)!important;
}
.page-id-699{
.content-area{
overflow: hidden;
min-height: calc(100vh - 118px)!important;
/* max-height: calc(100vh - 118px)!important;*/
}
}
.page-id-726{
.content-area{
overflow: hidden;
min-height: calc(100vh - 70px)!important;
}
}
.about-us-section{
/*overflow: scroll;*/
/*display: flex;*/
/*overflow-x: scroll;*/
overflow: hidden;
min-height: calc(81vh)!important;
max-height: calc(81vh)!important;
height: calc(81vh)!important;
padding-left: 60px;
}
.about-us-row{
max-width:calc(5066/1512*100vw)!important;
/*display: flex;*/
width: calc(5066/1512*100vw)!important;
/*justify-content: center;*/
flex-wrap: nowrap;
}
.about-us-row .row{
/*padding: 0 12px 24px!important;*/
}
.about-us-col-1{
/*width: calc(530/1512*100vw);
flex-basis: calc(530/1512*100vw);
max-width: calc(530/1512*100vw);
padding: 0 12px 24px;*/
width: calc(530/982*100vh);
flex-basis: calc(530/982*100vh);
max-width: calc(530/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-2{
/*width: calc(720/1512*100vw);
flex-basis: calc(720/1512*100vw);
max-width: calc(720/1512*100vw);
padding: 0 12px 24px;*/
width: calc(720/982*100vh);
flex-basis: calc(720/982*100vh);
max-width: calc(720/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-img-1{
/*margin-bottom: 24px!important;*/
margin-bottom: calc(24/982*100vh)!important;
}
.about-us-col-2 .row,
.about-us-col-4 .row{
/*margin-left: -12px!important;*/
/*margin-right: -12px!important;*/
margin-left: calc(-12/982*100vh)!important;
margin-right: calc(-12/982*100vh)!important;
}
.about-us-col-2-1{
/*width: calc(331/720*100%);*/
/*flex-basis: calc(331/720*100%);*/
/*max-width: calc(331/720*100%);*/
/*padding: 0 12px 24px;*/
width: calc(331/982*100vh);
flex-basis: calc(331/982*100vh);
max-width: calc(331/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-2-2{
/*width: calc(389/720*100%);*/
/*flex-basis: calc(389/720*100%);*/
/*max-width: calc(389/720*100%);*/
/*padding: 0 12px 24px;*/
width: calc(389/982*100vh);
flex-basis: calc(389/982*100vh);
max-width: calc(389/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-2-2 img{
width: calc(389/982*100vh);
}
.about-us-col-3{
/*width: calc(436/1512*100vw);*/
/*flex-basis: calc(436/1512*100vw);*/
/*max-width: calc(436/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(436/982*100vh);
flex-basis: calc(436/982*100vh);
max-width: calc(436/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-4{
/*width: calc(814/1512*100vw);*/
/*flex-basis: calc(814/1512*100vw);*/
/*max-width: calc(814/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(814/982*100vh);
flex-basis: calc(814/982*100vh);
max-width: calc(814/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-4-1{
/*width: calc(220/814*100%);*/
/*flex-basis: calc(220/814*100%);*/
/*max-width: calc(220/814*100%);*/
/*padding: 0 12px 24px;*/
width: calc(220/982*100vh);
flex-basis: calc(220/982*100vh);
max-width: calc(220/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-4-2{
/*width: calc(594/720*814%);*/
/*flex-basis: calc(594/814*100%);*/
/*max-width: calc(594/814*100%);*/
/*padding: 0 12px 24px;*/
width: calc(594/982*100vh);
flex-basis: calc(594/982*100vh);
max-width: calc(594/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-4-3{
/*width: calc(594/720*814%);*/
/*flex-basis: calc(594/814*100%);*/
/*max-width: calc(594/814*100%);*/
/*padding: 0 12px 24px;*/
width: calc(569/982*100vh);
flex-basis: calc(569/982*100vh);
max-width: calc(569/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-5{
/*width: calc(570/1512*100vw);*/
/*flex-basis: calc(570/1512*100vw);*/
/*max-width: calc(570/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(565/982*100vh);
flex-basis: calc(565/982*100vh);
max-width: calc(565/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-img-5{
/*margin-bottom: 24px!important;*/
margin-bottom: calc(24/982*100vh)!important;
}
.about-us-col-5-1{
/*width: calc(362/570*100%);*/
/*flex-basis: calc(362/570*100%);*/
/*max-width: calc(362/570*100%);*/
/*padding: 0 12px 24px;*/
width: calc(362/982*100vh);
flex-basis: calc(362/982*100vh);
max-width: calc(362/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-5-2{
/*width: calc(208/570*100%);*/
/*flex-basis: calc(208/570*100%);*/
/*max-width: calc(208/570*100%);*/
/*padding: 0 12px 24px;*/
width: calc(208/982*100vh);
flex-basis: calc(208/982*100vh);
max-width: calc(208/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-6{
/*width: calc(436/1512*100vw);*/
/*flex-basis: calc(436/1512*100vw);*/
/*max-width: calc(436/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(436/982*100vh);
flex-basis: calc(436/982*100vh);
max-width: calc(436/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-7{
/*width: calc(570/1512*100vw);*/
/*flex-basis: calc(570/1512*100vw);*/
/*max-width: calc(570/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(570/982*100vh);
flex-basis: calc(570/982*100vh);
max-width: calc(570/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-8{
/*width: calc(774/1512*100vw);*/
/*flex-basis: calc(774/1512*100vw);*/
/*max-width: calc(774/1512*100vw);*/
/*padding: 0 12px 24px;*/
width: calc(774/982*100vh);
flex-basis: calc(774/982*100vh);
max-width: calc(774/982*100vh);
padding: 0 calc(12/982*100vh) calc(24/982*100vh);
}
.about-us-col-img-8{
/*margin-bottom: 24px!important;*/
margin-bottom: calc(24/982*100vh)!important;
}
.row-whA8AJ .col{
padding-bottom: 0;
}
.text-MTpeuQ img.size-full.alignnone{
margin-bottom: 0;
}
.small-order-1{
order:1;
}
.small-order-2{
order:2;
}
.small-order-3{
order:3;
}
.small-order-4{
order:4;
}
.wp-is-mobile{
display: block;
}
.update-our-pride{
display: none;
}
.update-our-pride-mobile{
display: block;
}
.post-our-works-row-mobile .section-pride{
padding-top: 0;
padding-bottom: 0;
}
.post-our-works-row-mobile .section-pride h3.headline{
/*font-family: "Neue Machina", sans-serif !important;*/
/*font-size: calc(24 * 100vh / 976 );*/
/*font-size: calc(24 * 100vh / 768 );*/
/*font-style: normal;*/
/*font-weight: 600;*/
/*line-height: normal;*/
background: var(--primary-orange, linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*margin-bottom:calc(8 * 100vh / 768 );*/
}
.post-our-works-row-mobile .our-works-post > div{
flex-basis: calc(100vw - 32px);
width: calc(100vw - 32px);
max-width: calc(100vw - 32px);
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
padding-bottom: 0!important;
padding-right: 0!important;
padding-left: 0!important;
}
.post-our-works-row-mobile .our-works-post .small-order-1{
/*flex-basis: calc(57vw - 32px);*/
/*width: calc(57vw - 32px);*/
/*max-width: calc(57vw - 32px);*/
/*margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
padding-bottom: 0!important;
padding-right: 0!important;
padding-left: 0!important;*/
}
.post-our-works-row-mobile .our-works-post .small-order-2{
flex-basis: calc(42vw - 32px);
width: calc(42vw - 32px);
max-width: calc(42vw - 32px);
margin-left: 0;
/*margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
padding-bottom: 0!important;
padding-right: 0!important;
padding-left: 0!important;*/
}
.post-our-works-row-mobile .our-works-post .shortlist-of-awards .col{
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.post-our-works-row-mobile .post-our-pride .col-title .paragraph,
.post-our-works-row-mobile .shortlist-of-awards .icon-box .icon-box-text,
.post-our-works-row-mobile .shortlist-of-awards .icon-box .icon-box-text p{
font-size: 16px!important;
}
.row-772921695 .col-859451538{
padding-top: 0;
padding-bottom: 24px;
}
.zorba-background .wp-image-364{
/*width: 100vw;*/
width: auto;
height: 100vh;
max-width: max-content;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
opacity: 0.7;
}
/* UPDATE 10/Sept/2024 */
.hide-for-medium.flex-left{
display: none;
}
.hide-for-medium.flex-right::after
{
content: '';
border-bottom: 1px solid #313131;
width: 100%;
display: block;
}
.hide-for-medium.flex-right{
order: 1;
width: 100%;
margin-left: -8px;
.header-nav-main{
height: 70px;
justify-content: flex-start;
}
}
.stuck .header-main .nav > li > a{
line-height: 16px !important;
}
.logo-center .logo{
/* margin-left: 0!important;*/
/* margin-right: 0!important;*/
}
.nav>li{
margin: 0 16px!important;
}
.nav li:last-child {
margin-right: 0 !important;
}
.text-1163402607{
p{
color: #F3F4F6;
}
}
.text-3818254430{
p{
font-size: 24px;
}
sup{
font-size: 18px;
}
}
.line-7{
border-top: 1px solid #F3F4F6;
width: 100%;
opacity: 1;
margin-bottom: 56px;
}
.page-id-726 .content-area{
max-height: calc(100vh - 98px)!important;
background-color: rgb(234, 185, 96);
display: flex;
align-items: center;
}
.page-id-726{
width: 100vw;
height: 100vh;
overflow: hidden;
}
.section-director{
z-index: 1;
.text-box{
.text-box-content{
.text-inner{
h3{
top: calc(50% - 241px/2);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
strong{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 62px;
line-height: 241px;
text-transform: uppercase;
color: rgba(14, 14, 14, 0.1);
}
}
p{
z-index: 199;
position: absolute;
width: 100%;
top: calc(50% - 36px);
display: flex;
flex-direction: column;
a{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 35px;
/* PRIMARY/Dark */
color: #000000;
}
a:hover{
text-decoration-line: underline;
}
a:first-child {
margin-right: 0;
}
}
}
}
}
}
.section-2061690677{
.box-image{
img{
border-radius: 8px;
}
}
.box-text{
/* padding:0 !important;*/
.box-text-inner{
/* padding:48px;*/
h1{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 48px;
line-height: 1.2;
/*display: flex;*/
/*align-items: center;*/
/* PRIMARY COLOR */
color: #EAB960;
/* Inside auto layout */
/*flex: none;
order: 0;
flex-grow: 0;*/
}
p{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
/*display: flex;
align-items: center;*/
/* PRIMARY/Light */
color: #F3F4F6;
/* Inside auto layout */
/*flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;*/
}
}
}
}
.section-1650207052{
.section-title-4c43Zd{
h3{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 32px !important;
line-height: 1;
/* display: flex;*/
/* align-items: center;*/
color: #B9B9B9;
margin-bottom: 0;
z-index: 149;
}
}
}
.section-1650207052{
z-index: 149;
}
.section-1576197076{
.col{
padding-bottom: 0!important;
}
.section-title-4c43Zd{
h3{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 32px !important;
line-height: 1;
/* display: flex;*/
/* align-items: center;*/
color: #B9B9B9;
margin-bottom: 0;
}
}
}
.section-1990893824{
.gallery-about-us{
width: calc(93vw);
margin-left: -15px;
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-image: url('https://zorba.vn/wp-content/uploads/2024/10/arrow-right.svg'); /* Add image to button */
background-size: 65px 50px; /* Adjust image size */
background-repeat: no-repeat;
background-position: left center; /* Position the image on the left */
padding-left: 92px; /* Add padding so the text doesn't overlap the image */
overflow: unset;
width: 90px;
margin-right: -68px;
margin-top: -14% !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
flex-basis: fit-content !important;
max-width: fit-content !important;
/* padding-bottom: 0 !important;*/
.box-image{
img{
max-height: calc(25vw);
height: calc(25vw);
width: auto;
max-width: max-content;
}
}
.box-text{
display: none;
}
}
}
.section-1907103622{
.col-inner{
p{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
/* PRIMARY/Light */
color: #F3F4F6;
margin-bottom: 0!important;
}
p+p{
margin-top: 14px!important;
}
}
}
.section-1795865455{
.text-1163402607 p{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1;
/* PRIMARY/Light */
color: #F3F4F6;
}
.text-1163402607 p sup{
/* AT */
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
/* PRIMARY/Light */
color: #F3F4F6;
}
.text-3818254430 p{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1;
/* identical to box height */
display: flex;
align-items: center;
/* PRIMARY/Light */
color: #F3F4F6;
}
}
.section-9960587{
.text-3897246728{
.section-title-normal{
justify-content: center;
}
.section-title-main{
margin-right: 0;
}
}
}
.text-3897246728{
margin-bottom: 0!important;
p{
width: 100%;
margin-bottom: 0!important;
}
.section-title-main{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 68px !important;
/* font-size: 36px !important;*/
color: #EAB960;
}
p:first-child {
text-align: left;
}
p:nth-child(2){
text-align: right;
}
}
.section-1891920208{
.title-rectangle-60{
width: calc(18vw);
height: 10px;
background: #EAB960;
}
.section-title-main{
}
}
.page-id-796{
.contact-title .section-title .section-title-main{
padding-top: 12px;
font-size: 68px !important;
/* font-size: 60px !important;*/
}
}
.section-2014113826{
/* padding-left: calc(50vw - 300px / 2) !important; */
.gallery-about-us{
/* 1080px !important*/
width: calc(100vw - 50vw + 250px / 2);
max-width: calc(100vw - 50vw + 250px / 2);
margin-left: 0;
margin-right: auto;
}
.flickity-viewport{
/* width: calc(100vw - 50vw + 250px / 2);
max-width: calc(100vw - 50vw + 250px / 2);
min-width: calc(100vw - 50vw + 250px / 2); */
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-image: url('https://zorba.vn/wp-content/uploads/2024/10/arrow-right.svg'); /* Add image to button */
background-size: 50px 50px; /* Adjust image size */
background-repeat: no-repeat;
background-position: left center; /* Position the image on the left */
padding-left: 50px; /* Add padding so the text doesn't overlap the image */
overflow: unset;
width: 65px;
margin-right: 0;
/* calc(50vw - 250px / 2 ); */
margin-top: 0 !important;
/* margin-top: -14% !important;*/
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(74px);
/* padding-left: calc(50vw - 250px / 2); */
}
flex-basis: 250px;
/* calc(100vw - 50vw + 250px / 2) !important; */
max-width: 250px;
/* calc(100vw - 50vw + 250px / 2) !important; */
.box{
width: 250px;
display: flex;
margin-left: auto;
flex-direction: column;
align-items: center;
}
.box-image{
img{
/* max-height: calc(45vh);*/
/* height: calc(45vh);*/
/* width: auto;*/
/* max-width: max-content;*/
}
width: calc(250px);
padding-right: calc(0);
}
.box-text{
/* width: 50%;*/
width: calc(250px);
display: flex;
flex-direction: column;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
}
}
.is-awards-year{
/* padding-left: calc(83px);*/
}
.awards-year{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: calc(60px);
line-height: 1;
color: #F3F4F6;
position: absolute;
top: 0;
left: 0 ;
width: 100%;
text-align: center;
/* padding-left: calc(50vw - 250px / 2); */
}
.award-title{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1;
/* display: flex;*/
/* align-items: center;*/
text-transform: uppercase;
color: #F3F4F6;
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
}
.award-shortlist{
p{
width: 100%;
display: flex;
/* justify-content: flex-start; */
justify-content: center;
flex-direction: row;
img{
width: calc(80px);
margin-bottom: 0;
margin-right: 12px;
}
}
}
}
.loading-section-2024{
.loading-box{
width: 174px;
position: absolute;
/* top: calc(50vh - 87px);*/
bottom: calc(50vh - 87px);
left: calc(50vw - 87px);
margin: 0 auto;
z-index: 198;
}
.loading-box-active{
width: 174px;
position: absolute;
bottom: calc(50vh - 87px);
left: calc(50vw - 87px);
margin: 0 auto;
z-index: 199;
height: 0;
overflow: hidden;
display: flex;
flex-direction: column-reverse;
}
}
.our-clients-row{
.col{
/* padding: 0;*/
/* margin: 0;*/
padding-bottom: 0 !important;
.col-inner{
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
.img{
margin-top: 1em;
/* padding: 0;*/
/* margin: 0;*/
}
}
}
}
/*fullscreen*/
.page-id-886{
}
.mobile-sidebar{
.sidebar-menu{
.nav > li.menu-item:first-child{
margin-left: 16px!important;
}
.nav > li.menu-item:last-child{
margin-left: 0!important;
}
}
}
@media (orientation: landscape) {
.section-9960587{
.row{
.col{
padding-bottom: 0;
}
}
}
.page-id-726 .content-area{
max-height: calc(100vh - 98px)!important;
/* background-color: rgb(234, 185, 96);*/
/* display: flex;*/
/* align-items: center;*/
}
}
/*// Small devices (landscape phones, 576px and up)*/
.page-id-260 .our-works-post{
min-height: 122px;
}
#tab-list-our-works > li{
margin: 0!important;
}
.bcNbMM p{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
color: #F3F4F6;
}
.row-contact{
.icon-box-img{
.icon-inner{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 60px;
line-height: 1;
color: #F3F4F6;
}
}
.icon-box-text{
p{
a{
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1;
color: #F3F4F6;
}
margin-bottom: 0;
}
}
.icon-box{
margin-bottom: 24px;
}
margin-bottom: 24px;
}
/*.background-change{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}*/
#col-list-our-works-title{
padding-top: 30px;
padding-bottom: 16px;
.section-title-PJyx4x{
margin-bottom: 0;
h3{
/* selected works */
font-family: 'Neue Machina';
font-style: normal;
font-weight: 700;
/* font-size: 36px;*/
font-size: 68px;
line-height: 1;
/* identical to box height */
/* PRIMARY COLOR */
color: #EAB960;
/* Inside auto layout */
}
}
}
.col-243818492{
.row-630942566{
margin-bottom: 0!important;
.col{
padding-bottom: 0 !important;
}
}
.text-MTpeuQ{
p{
display: flex;
}
}
}
@media (min-width: 576px) {
.update-our-pride-mobile{
display: block;
}
.update-our-pride{
display: none;
}
.post-our-works-row-mobile .our-works-post > div{
flex-basis: calc(100vw - 64px);
width: calc(100vw - 64px);
max-width: calc(100vw - 64px);
}
}
/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.update-our-pride-mobile{
display: block;
}
.update-our-pride{
display: none;
}
.post-our-works-row-mobile .our-works-post > div{
flex-basis: calc(100vw - 96px);
width: calc(100vw - 96px);
max-width: calc(100vw - 96px);
}
.ellipse-7{
position: absolute;
left: calc(0/1512 * 100vw);
bottom: calc(-756/1512 * 100vw);
z-index: 0;
/*opacity: 0.7;*/
/*left: calc(36/1512 * 100vw);
bottom: calc(-840/1512 * 100vw);*/
}
.ellipse-6{
position: absolute;
top: calc(109/1512 * 100vw);
left: calc(-728/1512 * 100vw);
/*top: calc(222/1512 * 100vw);
left: calc(-491/1512 * 100vw);*/
}
.section-2014113826{
padding-left: calc(50vw - 720px / 2)!important;
.gallery-about-us{
width: calc(100vw - 50vw + 720px / 2);
max-width: calc(100vw - 50vw + 720px / 2);
margin-left: calc(50vw - 720px / 2);
margin-right: auto;
}
.flickity-viewport{
width: calc(100vw - 50vw + 720px / 2);
max-width: calc(100vw - 50vw + 720px / 2);
min-width: calc(100vw - 50vw + 720px / 2);
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-size: 65px 50px;
padding-left: 65px;
width: 65px;
margin-right: calc(50vw - 720px / 2 + 70px);
margin-top: 10px !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(40px);
padding-left: 0;
}
flex-basis: 233px!important;
max-width: 233px!important;
.box{
width: 232px;
display: flex;
flex-direction: row;
align-items: stretch;
}
.box-image{
img{
}
width: calc(147px + 19px);
padding-right: calc(19px);
}
.box-text{
img{
width: calc(50% - 6px);
}
}
}
.is-awards-year{
.col-inner{
padding-left: 86px;
}
}
.gallery-col.is-awards-year{
flex-basis: calc(233px + 86px)!important;
max-width: calc(233px + 86px)!important;
}
.awards-year{
font-size: 67px;
text-align: left;
}
.award-title{
font-size: 11px;
margin-top: 0!important;
text-align: left!important;
}
}
}
/*Fix : iphone 14 pro max*/
@media (min-width: 920px) {
.logo-left .logo{
/* margin-left: 0!important;*/
margin-right: -8px!important;
order: 2;
display: flex;
justify-content: flex-end;
}
}
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
#logo img,
.transparent #logo img,
.stuck #logo img{
max-height: 70px!important;
min-height: 70px!important;
height: 70px!important;
/*max-height: 56px!important;*/
padding: unset;
/*max-height: 94px!important;*/
padding: 0!important;
}
.stuck #logo img {
max-height: 70px !important;
min-height: 70px!important;
height: 70px!important;
}
.header .header-wrapper{
padding-top: 24px!important;
padding-bottom: 4px!important;
}
.header .header-wrapper.stuck{
padding-top: 14px!important;
padding-bottom: 14px!important;
}
.page-id-260 .our-works-post{
min-height: 76px;
}
.error404 .header-bg-color,
.error404 .header-bg-image,
.page-id-297 .header-bg-color,
.page-id-297 .header-bg-image{
background-color: transparent!important;
}
.page-id-297 #main{
height: calc(100vh - 140px);
display: flex;
align-items: center;
justify-content: center;
}
.page-id-297 #main{
height: calc(100vh - 140px);
display: flex;
align-items: flex-start;
justify-content: center;
}
.row-772921695 .col-859451538{
padding-top: 0;
padding-bottom:24px;
}
.update-our-pride-mobile{
display: none;
}
.wp-is-mobile{
display: none;
}
.update-our-pride{
display: block;
}
.post-our-works-wrapper{
width: calc(1366 * 100vh / 768 )!important;
max-width: calc(1366 * 100vh / 768 )!important;
position: relative!important;
}
.on-top-325 .section-content{
position: absolute;
/*top: calc(-305 * 100vh / 976 )!important;*/
top: calc(-305 * 100vh / 768 )!important;
}
.on-left-595 .section-content{
position: absolute;
/*left: calc(595 * 100vh / 976 )!important;*/
left: calc(595 * 100vh / 768 )!important;
}
.page-id-315{
width: 100vw;
height: 100vh;
overflow: hidden;
}
.icon-box-2BDsDp .icon-box-text p{
font-size: 16px;
}
.section-title-PJyx4x h3{
font-size: 80px;
}
.section-title-4c43Zd h3{
font-size: 160px;
}
.page-id-452 .row.row-main,
.header-inner{
max-width: 1450px!important;
/* padding-left: 60px;*/
/* padding-right: 60px;*/
}
.zorba-background .wp-image-364{
width: 100vw;
/*width: auto;*/
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
/* UPDATE 10/Sept/2024 */
.logo-left .logo{
/* margin-left: 0!important;*/
margin-right: -8px!important;
order: 2;
display: flex;
justify-content: flex-end;
}
.section-title-xj7SZ2 h3{
font-size: 80px;
}
.text-MTpeuQ p{
/*display: flex;
justify-content: center;
margin-bottom: 0;*/
a{
font-size: 20px;
margin-right: 16px;
}
}
.text-nV5nkt p{
font-size: 20px;
}
.text-yezcpn p{
font-size: 20px;
}
.row-contact{
.icon-box-img{
.icon-inner{
}
}
.icon-box-text{
p{
a{
font-size: 20px;
}
}
}
.icon-box{
}
}
.text-3897246728{
p{
}
.section-title-main{
/* font-size: 200px !important;*/
/*UPDATE 02.12.24*/
font-size: 132px !important;
color: #EAB960;
}
p:first-child {
}
p:nth-child(2){
}
}
.text-3818254430{
p{
font-size: 36px;
}
sup{
font-size: 20px;
}
}
.section-title-xj7SZ2 h3{ font-size: 88px; }
#col-list-our-works-title{
.section-title-PJyx4x h3{
/* font-size: 88px;*/
/* font-size: 200px;*/
/*UPDATE 02.12.24*/
font-size: 132px !important;
}
}
#tab-list-our-works{
flex-direction: row;
}
#tab-list-our-works>li>a{
font-size: 18px;
}
.section-director{
.text-box{
.text-box-content{
.text-inner{
h3{
strong{
/* font-size: 250px; */
/*UPDATE 02.12.24*/
font-size: 185px !important;
}
}
p{
flex-direction: row;
justify-content: center;
a{
font-size: 36px;
}
a:first-child {
margin-right: 160px;
}
}
}
}
}
}
.section-2061690677{
.box-image{
img{
}
}
.box-text{
padding:0 !important;
.box-text-inner{
padding:48px;
h1{
}
p{
}
}
}
}
.section-1650207052{
.section-title-4c43Zd{
h3{
font-size: 48px !important;
}
}
}
.section-1576197076{
.section-title-4c43Zd{
h3{
font-size: 48px !important;
}
}
}
.section-1990893824{
.gallery-about-us{
}
.flickity-prev-next-button.previous{
}
.flickity-prev-next-button{
background-size: 90px 50px; /* Adjust image size */
margin-top: -3% !important;
padding-left: 48px;
.flickity-button-icon{
}
}
}
.section-2014113826{
.gallery-about-us{
}
.flickity-prev-next-button.previous{
}
.flickity-prev-next-button{
background-size: 90px 50px; /* Adjust image size */
margin-top: -3% !important;
padding-left: 48px;
.flickity-button-icon{
}
}
}
.container,.container-width,.full-width .ubermenu-nav,.row {
max-width: 980px !important;
}
.section-2014113826{
padding-left: calc(50vw - 980px / 2)!important;
.gallery-about-us{
width: calc(100vw - 50vw + 980px / 2);
max-width: calc(100vw - 50vw + 980px / 2);
margin-left: calc(50vw - 980px / 2);
margin-right: auto;
}
.flickity-viewport{
width: calc(100vw - 50vw + 980px / 2);
max-width: calc(100vw - 50vw + 980px / 2);
min-width: calc(100vw - 50vw + 980px / 2);
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-size: 65px 50px;
padding-left: 92px;
width: 90px;
margin-right: calc(50vw - 980px / 2 + 82px);
margin-top: 10px !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(52px);
padding-left: 0;
}
flex-basis: 317px!important;
max-width: 317px!important;
.box{
width: 315px;
display: flex;
}
.box-image{
img{
}
width: calc(200px + 26px);
padding-right: calc(26px);
}
.box-text{
}
}
.is-awards-year{
.col-inner{
padding-left: 117px;
}
}
.gallery-col.is-awards-year{
flex-basis: calc(317px + 117px)!important;
max-width: calc(317px + 117px)!important;
}
.awards-year{
font-size: 91px;
}
.award-title{
font-size: 15px;
}
}
.section-1891920208{
.title-rectangle-60{
/* width: calc(18vw);*/
height: 17px;
/* background: #EAB960;*/
}
.section-title-main{
}
}
.section-1907103622{
.col-inner{
p{
font-size: 18px;
}
p+p{
margin-top: 17px!important;
}
}
}
.section-1795865455{
.text-1163402607 p{
font-size: 28px;
}
.text-1163402607 p sup{
/* AT */
font-size: 20px;
}
.text-3818254430 p{
font-size: 28px;
}
}
.page-id-886 {
height: 100vh;
max-height: 100vh;
overflow: hidden;
.text-3897246728 {
.section-title{
justify-content: center;
}
.section-title-main {
font-size: 98px !important;
}
}
.section-1907103622{
.col-inner{
p{font-size: 14px;}
p+p{
margin-top: 14px!important;
}
}
}
.section-1990893824 {
.gallery-col{
/* flex-basis: fit-content !important;*/
/* max-width: fit-content !important;*/
.box-image{
img{
max-height: calc(18vw);
height: calc(18vw);
/* width: auto;*/
/* max-width: max-content;*/
}
}
}
.flickity-prev-next-button{
background-size: 65px 50px;
margin-top: -32px !important;
padding-left: 0px;
width: 65px;
}
}
.section-1795865455{
.text-1163402607 p{
font-size: 20px;
}
.text-1163402607 p sup{
/* AT */
font-size: 18px;
}
.text-3818254430 p{
font-size: 20px;
}
}
}
.page-id-889{
height: 100vh;
max-height: 100vh;
overflow: hidden;
.text-3897246728{
width: 70%;
p{
}
.section-title-main{
font-size: 98px !important;
color: #EAB960;
}
}
.text-3818254430{
p{
font-size: 28px!important;
}
sup{
font-size: 18px!important;
}
}
.row-contact{
.icon-box-img{
.icon-inner{
font-size: 52px!important;
}
}
.icon-box-text{
p{
a{
font-size: 13px!important;
}
}
}
}
}
.page-id-796{
.contact-title .section-title .section-title-main{
/* font-size: 200px !important;*/
/*UPDATE 02.12.24*/
font-size: 132px !important;
}
}
}
#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a{
background: #EAB960 !important;
}
.instagram-feed-html{
border-width: 1px 0px;
border-style: solid;
border-color: #313131;
padding: 12px 0 30px;
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.zorba-background .wp-image-364{
/*width: 100vw;*/
width: auto;
height: 100vh;
max-width: max-content;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.zorba-background .wp-image-364{
/*width: 100vw;*/
width: auto;
height: 100vh;
max-width: max-content;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
}
/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
.zorba-background .wp-image-364{
/*width: 100vw;*/
width: auto;
height: 100vh;
max-width: max-content;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
.zorba-background .wp-image-364{
/*width: 100vw;*/
width: auto;
height: 100vh;
max-width: max-content;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: -1;
}
}
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
}
/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
}
/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
.update-our-pride-mobile{
display: none;
}
.container,.container-width,.full-width .ubermenu-nav,.row {
max-width: 1080px !important;
}
.text-3897246728{
p{
}
.section-title-main{
/* font-size: 158px !important;*/
color: #EAB960;
}
p:first-child {
}
p:nth-child(2){
}
}
.section-2014113826{
padding-left: calc(50vw - 1080px / 2)!important;
.gallery-about-us{
width: calc(100vw - 50vw + 1080px / 2);
max-width: calc(100vw - 50vw + 1080px / 2);
margin-left: calc(50vw - 1080px / 2);
margin-right: auto;
}
.flickity-viewport{
width: calc(100vw - 50vw + 1080px / 2);
max-width: calc(100vw - 50vw + 1080px / 2);
min-width: calc(100vw - 50vw + 1080px / 2);
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-size: 65px 50px;
padding-left: 92px;
width: 90px;
margin-right: calc(50vw - 1080px / 2 + 16px);
margin-top: 10px !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(62px);
padding-left: 0;
}
flex-basis: 389px!important;
max-width: 389px!important;
.box{
width: 386px;
display: flex;
}
.box-image{
img{
}
width: calc(245px + 32px);
padding-right: calc(32px);
}
.box-text{
}
}
.is-awards-year{
.col-inner{
padding-left: 143px;
}
}
.gallery-col.is-awards-year{
flex-basis: calc(389px + 143px)!important;
max-width: calc(389px + 143px)!important;
}
.awards-year{
font-size: 112px;
}
.award-title{
font-size: 18px;
}
}
.page-id-889{
.text-3897246728{
width: 70%;
p{
}
.section-title-main{
font-size: 120px !important;
color: #EAB960;
}
}
.text-3818254430{
p{
font-size: 32px!important;
}
sup{
font-size: 18px!important;
}
}
.row-contact{
.icon-box-img{
.icon-inner{
font-size: 56px!important;
}
}
.icon-box-text{
p{
a{
font-size: 16px!important;
}
}
}
}
}
}
/*X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1400px) {
.update-our-pride-mobile{
display: none;
}
.container,.container-width,.full-width .ubermenu-nav,.row {
max-width: 1320px !important;
}
.text-3897246728{
p{
}
.section-title-main{
/* font-size: 185px !important;*/
color: #EAB960;
}
p:first-child {
}
p:nth-child(2){
}
}
.section-2014113826{
padding-left: calc(50vw - 1320px / 2)!important;
.gallery-about-us{
width: calc(100vw - 50vw + 1320px / 2);
max-width: calc(100vw - 50vw + 1320px / 2);
margin-left: calc(50vw - 1320px / 2);
margin-right: auto;
}
.flickity-viewport{
width: calc(100vw - 50vw + 1320px / 2);
max-width: calc(100vw - 50vw + 1320px / 2);
min-width: calc(100vw - 50vw + 1320px / 2);
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-size: 65px 50px;
padding-left: 92px;
width: 90px;
margin-right: calc(50vw - 1320px / 2 + 94px);
margin-top: 10px !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(72px);
padding-left: 0;
}
flex-basis: 453px!important;
max-width: 453px!important;
.box{
width: 450px;
display: flex;
}
.box-image{
img{
}
width: calc(286px + 37px);
padding-right: calc(37px);
}
.box-text{
}
}
.is-awards-year{
.col-inner{
padding-left: 166px;
}
}
.gallery-col.is-awards-year{
flex-basis: calc(453px + 166px)!important;
max-width: calc(453px + 166px)!important;
}
.awards-year{
font-size: 130px;
}
.award-title{
font-size: 21px;
}
}
/*.page-id-886 {
.text-3897246728 {
.section-title-main {
font-size: 140px !important;
}
}
.section-1907103622{
.col-inner{
p{font-size: 16px;}
p+p{
margin-top: 16px!important;
}
}
}
.section-1990893824 {
.gallery-col{
.box-image{
img{
max-height: calc(20vw);
height: calc(20vw);
}
}
}
.flickity-prev-next-button{
background-size: 65px 50px;
margin-top: -32px !important;
padding-left: 0px;
width: 65px;
}
}
.section-1795865455{
.text-1163402607 p{
font-size: 28px;
}
.text-1163402607 p sup{
font-size: 20px;
}
.text-3818254430 p{
font-size: 28px;
}
}
}*/
.page-id-889{
.text-3897246728{
width: 70%;
p{
}
.section-title-main{
font-size: 134px !important;
color: #EAB960;
}
}
.text-3818254430{
p{
font-size: 36px!important;
}
sup{
font-size: 24px!important;
}
}
.row-contact{
.icon-box-img{
.icon-inner{
font-size: 60px!important;
}
}
.icon-box-text{
p{
a{
font-size: 20px!important;
}
}
}
}
}
}
/*XX-Large devices (larger desktops) */
@media (min-width: 1620px) {
.container,.container-width,.full-width .ubermenu-nav,.row {
max-width: 1450px !important;
}
.text-3897246728{
p{
}
.section-title-main{
/* font-size: 200px !important;*/
color: #EAB960;
}
p:first-child {
}
p:nth-child(2){
}
}
.section-2014113826{
padding-left: calc(50vw - 1450px / 2)!important;
.gallery-about-us{
width: calc(100vw - 50vw + 1450px / 2);
max-width: calc(100vw - 50vw + 1450px / 2);
margin-left: calc(50vw - 1450px / 2);
margin-right: auto;
}
.flickity-viewport{
width: calc(100vw - 50vw + 1450px / 2);
max-width: calc(100vw - 50vw + 1450px / 2);
min-width: calc(100vw - 50vw + 1450px / 2);
}
.flickity-prev-next-button.previous{
display: none;
}
.flickity-prev-next-button{
opacity: 1;
background-size: 65px 50px;
padding-left: 92px;
width: 90px;
margin-right: calc(50vw - 1450px / 2 + 58px);
margin-top: 10px !important;
.flickity-button-icon{
display: none;
}
}
.gallery-col{
.col-inner{
padding-top: calc(82px);
padding-left: 0;
}
flex-basis: 524px!important;
max-width: 524px!important;
.box{
width: 520px;
display: flex;
}
.box-image{
img{
}
width: calc(330px + 42px);
padding-right: calc(42px);
}
.box-text{
}
}
.is-awards-year{
.col-inner{
padding-left: 192px;
}
}
.gallery-col.is-awards-year{
flex-basis: 760px!important;
max-width: 760px!important;
}
.awards-year{
font-size: 150px;
}
.award-title{
font-size: 24px;
}
}
/*.page-id-886 {
.text-3897246728 {
.section-title-main {
font-size: 156px !important;
}
}
.section-1907103622{
.col-inner{
p{font-size: 16px;}
p+p{
margin-top: 18px!important;
}
}
}
.section-1990893824 {
.gallery-col{
.box-image{
img{
max-height: calc(25.5vw);
height: calc(25.5vw);
}
}
}
.flickity-prev-next-button{
background-size: 65px 50px;
margin-top: -32px !important;
padding-left: 0px;
width: 65px;
}
}
.section-1795865455{
.text-1163402607 p{
font-size: 32px;
}
.text-1163402607 p sup{
font-size: 20px;
}
.text-3818254430 p{
font-size: 32px;
}
}
}*/
}
.update-our-pride{
/*width: calc(3868 * 100vh / 976 )!important;
max-width: calc(3868 * 100vh / 976 )!important;
min-height: calc(976 * 100vh / 976 );
max-height: calc(976 * 100vh / 976 );*/
width: calc(3697 * 100vh / 768 )!important;
max-width: calc(3697 * 100vh / 768 )!important;
min-height: calc(976 * 100vh / 768 );
max-height: calc(976 * 100vh / 768 );
align-content: flex-start;
/*margin-top: calc(-30 * 100vh / 976 );*/
}
.update-our-pride .post-our-works-row{
/*width: calc(3868 * 100vh / 976 )!important;
max-width: calc(3868 * 100vh / 976 )!important;
min-height: calc(300 * 100vh / 976 );
max-height: calc(300 * 100vh / 976 );*/
width: calc(3868 * 100vh / 768 )!important;
max-width: calc(3868 * 100vh / 768 )!important;
min-height: calc(300 * 100vh / 768 );
max-height: calc(300 * 100vh / 768 );
display: flex;
flex-flow: row wrap;
}
.update-our-pride .post-our-works-row:nth-child(2){
/*padding-left: calc(400 * 100vh / 976 )!important;*/
}
.update-our-pride .post-our-works-row:nth-child(2) section:before{
clear: both;
content: "";
display: table;
border-top: 1px solid /*linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%)*/;
border-image-source: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
border-image-slice: 1;
position: absolute;
top: 0;
/*width: calc(515 * 100vh / 976 )!important;
left: calc(71 * 100vh / 976 )!important;*/
width: calc(515 * 100vh / 768 )!important;
left: calc(71 * 100vh / 768 )!important;
}
.update-our-pride .section-pride{
position: relative;
/*flex-basis: calc(475 * 100vh / 976 )!important;
max-width: calc(475 * 100vh / 976 )!important;
margin-right: calc(120 * 100vh / 976 );
padding-top: calc(32 * 100vh / 976 );
padding-bottom: calc(32 * 100vh / 976 );*/
flex-basis: calc(475 * 100vh / 768 )!important;
max-width: calc(475 * 100vh / 768 )!important;
margin-right: calc(120 * 100vh / 768 );
padding-top: calc(32 * 100vh / 768 );
padding-bottom: calc(32 * 100vh / 768 );
}
.update-our-pride .awards-year{
position: absolute;
left: 0;
color: #FFF;
text-shadow: 0px 0px 7px 0px #BFA275;
font-family: "Neue Machina", sans-serif !important;
font-weight: 600;
z-index: 199;
/*top: calc(-30 * 100vh / 976 )!important;
padding: calc(10 * 100vh / 976 ) 0!important;
font-size: calc(24 * 100vh / 976 )!important;*/
top: calc(-30 * 100vh / 768 )!important;
padding: calc(10 * 100vh / 768 ) 0!important;
font-size: calc(24 * 100vh / 768 )!important;
}
.update-our-pride .awards-year.awards-year-bottom{
top: auto!important;
bottom: calc(-5 * 100vh / 768 )!important;
left: 0;
}
.update-our-pride .blog-post-ds9Tv9 .post-item .box-image .image-cover{
border-radius: 16px;
}
.update-our-pride .shortlist-of-awards .icon-box .icon-box-text,
.update-our-pride .shortlist-of-awards .icon-box .icon-box-text p{
/*font-size: calc(14 * 100vh / 976 )!important;*/
/*line-height: calc(18 * 100vh / 976 )!important;*/
font-size: calc(14 * 100vh / 768 )!important;
line-height: calc(18 * 100vh / 768 )!important;
}
.update-our-pride .shortlist-of-awards .col,
.update-our-pride .shortlist-of-awards .section-title-container{
margin-bottom: 0px!important;
padding-bottom: 0px!important;
}
.update-our-pride .col-title .headline{
/*font-size: calc(24 * 100vh / 976 )!important;*/
/*line-height: calc(31 * 100vh / 976 )!important;*/
font-size: calc(24 * 100vh / 768 )!important;
line-height: calc(31 * 100vh / 768 )!important;
}
.update-our-pride .col-title .paragraph {
/*font-size: calc(14 * 100vh / 976 )!important;*/
/*line-height: calc(18 * 100vh / 976 )!important;*/
font-size: calc(14 * 100vh / 768 )!important;
line-height: calc(18 * 100vh / 768 )!important;
}
.update-our-pride .our-works-post{
margin-left: 0!important;
margin-right: 0!important;
}
.update-our-pride .our-works-post .small-order-1{
/*flex-basis: calc(197 * 100vh / 976 )!important;*/
/*max-width: calc(197 * 100vh / 976 )!important;*/
flex-basis: calc(543 * 100vh / 768 )!important;
max-width: calc(543 * 100vh / 768 )!important;
}
.update-our-pride .our-works-post .small-order-2{
/*flex-basis: calc(276 * 100vh / 976 )!important;*/
/*max-width: calc(276 * 100vh / 976 )!important;*/
flex-basis: calc(276 * 100vh / 768 )!important;
max-width: calc(276 * 100vh / 768 )!important;
padding: 0;
margin: 0;
}
.update-our-pride .our-works-post .small-order-2 .headline{
font-family: "Neue Machina", sans-serif !important;
/*font-size: calc(24 * 100vh / 976 );*/
font-size: calc(24 * 100vh / 768 );
font-style: normal;
font-weight: 600;
line-height: normal;
background: var(--primary-orange, linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom:calc(8 * 100vh / 768 );
/*margin-bottom:calc(8 * 100vh / 976 );*/
}
.update-our-pride .our-works-post .small-order-2 .paragraph{
color: var(--primary-light, #F3F4F6);
font-family: "Neue Machina", sans-serif !important;
/*font-size: calc(14 * 100vh / 976 );*/
font-size: calc(14 * 100vh / 768 );
font-style: normal;
font-weight: 400;
line-height: normal;
/*margin-bottom: calc(8 * 100vh / 976 );*/
margin-bottom: calc(8 * 100vh / 768 );
}
.awards-shortlist p{
/*margin-bottom: calc(8 * 100vh / 976 );*/
margin-bottom: calc(8 * 100vh / 768 );
}
.awards-shortlist p img{
margin-bottom: calc(8 * 100vh / 976 )!important;
width: calc(112 * 100vh / 976 );
}
.update-our-pride .blog-post-ds9Tv9 .post-item:nth-child(odd){
padding-left: 0;
/*padding-right: calc(24 * 100vh / 976 )!important;*/
/*padding-bottom: calc(0 * 100vh / 976 )!important;*/
padding-right: calc(24 * 100vh / 768 )!important;
padding-bottom: calc(0 * 100vh / 768 )!important;
}
.update-our-pride .post-our-pride .col-box,
.update-our-pride .post-our-pride .col-shortlist,
.update-our-pride .post-our-pride .col-title{
/*padding-bottom: calc(24 * 100vh / 976 )!important;*/
padding-bottom: calc(24 * 100vh / 768 )!important;
}
.margin-left-1-item{
/*margin-left: calc(540 * 100vh / 976 );*/
margin-left: calc(540 * 100vh / 768 );
}
.margin-left-1-2-item{
/*margin-left: calc(260 * 100vh / 976 );*/
margin-left: calc(260 * 100vh / 768 );
}
.post-our-works-row .section-title-container{
width: auto!important;
/*margin-right: calc(60 * 100vh / 976 )!important;*/
margin-right: calc(60 * 100vh / 768 )!important;
display: flex;
align-items: center;
}
.post-our-works-row .section-content {
position: relative;
}
.post-our-works-row .section-title-container .section-title.section-title-normal{
border: none;
}
.post-our-works-row .section-title-container .section-title-main{
/*color: var(--primary-orange, #FF6D34);*/
background: linear-gradient(180deg, #BCA073 0%, #BFA275 52.08%, #7C6340 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
/*font-size: calc(140 * 100vh / 976 );*/
font-size: calc(140 * 100vh / 768 );
font-family: "Neue Machina", sans-serif !important;
text-transform: uppercase;
font-weight: 400;
padding-left: 15px;
}
.ellipse-3-update{
position: fixed!important;
}
.ZORBA-map-google iframe{
/* border-radius: 16px!important;*/
overflow: hidden;
}
.ZORBA-map-google p{
margin-bottom: 0;
}
.about-us-col-img-1 img{
width: calc(720 * 100vh / 982 );
}
.about-us-col-8-icon {
align-items: center;
}
.about-us-col-8-icon .icon-box-text p{
margin-bottom: 0;
}
.about-us-col-8 h3{
font-weight: 500;
}
.wp-image-577{
width: calc(165 * 100vh / 976 )!important;
}
.wp-image-578{
width: calc(128 * 100vh / 976 )!important;
}
.wp-image-579{
width: calc(214 * 100vh / 976 )!important;
}
.wp-image-580{
width: calc(101 * 100vh / 976 )!important;
}
.wp-image-581{
width: calc(157 * 100vh / 976 )!important;
}
.wp-image-582{
width: calc(100 * 100vh / 976 )!important;
}
.wp-image-583{
width: calc(106 * 100vh / 976 )!important;
}
.wp-image-width-105{
/* width: calc(105 * 100vh / 976 )!important;*/
}
.page-id-452 .zorba-background .wp-image-364,
.page-id-554 .zorba-background .wp-image-364{
z-index: 0;
}
