/*!
Theme Name: reflectlights
Author: kukarika
Author URI: http://www.kukarika.com
Description: kukarika custom theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kukarikaTheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kukarikaTheme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */



/*-------------------------------------------------------------*/
/* 					   	  END SCREEN CORRECTIONS FONTS		   */
/*-------------------------------------------------------------*/

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
	height: 100vh;
    scroll-behavior: smooth;
	line-height: 1.15; 
	-webkit-text-size-adjust: 100%;
}

html, body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: var(--bck-color);
	color: var(--txt-color);
}

:root {
    scrollbar-color: rgba(0,0,0,.2) !important;
    scrollbar-width: thin !important;
	--bck-color: #ffffff;
	--txt-color: #000000;
	--in-bck-color: #111111;
}

::-webkit-scrollbar {
    width: 9px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,.2)
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,.4)
}

::-webkit-scrollbar-thumb:window-inactive {
    border-radius: 5px;
    background: rgba(0,0,0,.2)
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    /* font-family: ABCFavoritPro-Regular !important; */
    font-family: ABCFavoritPro-Book !important;
	letter-spacing: -0.32px;
	font-weight: normal;
	margin: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; 
	height: 0; 
	overflow: visible; 
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; 
	font-size: 1em; 
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; 
	text-decoration: underline; 
	text-decoration: underline dotted; 
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; 
	font-size: 1em; 
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; 
	font-size: 100%; 
	line-height: 1.15; 
	margin: 0; 
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { 
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { 
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; 
	color: inherit; 
	display: table; 
	max-width: 100%; 
	padding: 0;
	white-space: normal; 
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; 
	padding: 0; 
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; 
	outline-offset: -2px; 
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; 
	font: inherit; 
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*-------------------------------------------------------------*/
/* 					   	  END SCREEN CORRECTIONS FONTS		   */
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/* 					   	  START FONTS						   */
/*-------------------------------------------------------------*/

/* @font-face {
    font-family: ABCFavorit-Book;
    font-style: normal;
    font-weight: normal;
    src: url("/wp-content/themes/reflectlights/fonts/Favorit/ABCFavorit-Book.woff2") format("opentype");
}
.ABCFavorit-Book{
	font-family:ABCFavorit-Book;
}

@font-face {
    font-family: ABCFavorit-Regular;
    font-style: normal;
    font-weight: normal;
    src: url("/wp-content/themes/reflectlights/fonts/Favorit/ABCFavorit-Regular.woff2") format("opentype");
}
.ABCFavorit-Regular{
	font-family:ABCFavorit-Regular;
} */


/*new fonts*/
@font-face {
    font-family: ABCFavoritPro-Book;
    font-style: normal;
    font-weight: normal;
    src: url("/wp-content/themes/reflectlights/fonts/FavoritPro/ABCFavoritPro-Book.woff2") format("opentype");
}
.ABCFavoritPro-Book{
	font-family: ABCFavoritPro-Book;
}

@font-face {
    font-family: ABCFavoritPro-Regular;
    font-style: normal;
    font-weight: normal;
    src: url("/wp-content/themes/reflectlights/fonts/FavoritPro/ABCFavoritPro-Regular.woff2") format("opentype");
}
.ABCFavoritPro-Regular{
	font-family: ABCFavoritPro-Regular;
}

/*end new fonts*/

/*-------------------------------------------------------------*/
/* 					   	    END	FONTS	 					   */
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/* 					   	    START COLORS 					   */
/*-------------------------------------------------------------*/

.whiteFontColor {
	color: #ffffff;
}

.whiteBackgroundColor {
	background-color: #ffffff;
}

.blackFontColor {
	color: #000000;
}

.blackBackgroundColor {
	background-color: #000000;
}

/*-------------------------------------------------------------*/
/* 					   	    END	COLORS	 					   */
/*-------------------------------------------------------------*/


/*-------------------------------------------------------------*/
/* 					   START ALL SCREENS        			   */
/*-------------------------------------------------------------*/

* {
    box-sizing: border-box;
}

html {
	height: 100vh;
	scroll-behavior: smooth;
}

#contentArea {
    max-width: 1920px;
    margin: auto;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	line-height: normal;
}

.displaynone {
	display: none !important;
}

.displayblock {
	display: block !important;
}

.displayflex {
	display: flex !important;
}

.mobile .display-desktop {
	display: none !important;
}

.desktop .display-mobile {
    display: none !important;
}

/*-------------------------------------------------------------*/
/* 				    USEFUL BOOTSTRAP CSS START	  		       */
/*-------------------------------------------------------------*/

.text-start {
	text-align: left !important;
}

.text-end {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.lh-1 {
	line-height: 1 !important;
}

.float-start {
	float: left !important;
}

.float-end {
	float: right !important;
}

.float-none {
	float: none !important;
}

.opacity-0 {
	opacity: 0 !important;
}

.opacity-100 {
	opacity: 1 !important;
}

.w-100 {
	width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.m-auto {
	margin: auto !important;
}

.visibility-hidden {
	visibility: hidden !important;
}

.visibility-visible {
	visibility: visible !important;
}

.collapse:not(.show) {
	display: none;
}

.collapsing {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
	.collapsing {
	  transition: none;
	}
}

/*-------------------------------------------------------------*/
/* 				    USEFUL BOOTSTRAP CSS END			       */
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/* 				    START ALL SCREENS - GENERAL CSS		       */
/*-------------------------------------------------------------*/

/* write your style here */

#main {
	background-color: #ffffff;
}

#masthead {
    position: sticky;
    z-index: 508;
    mix-blend-mode: difference;
    top: 0;
    left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
	max-width: max-content;
}

.inner-pad {
	position: relative;
	padding-bottom: calc(100% - var(--break-s) - var(--col-gutter));
}

.sticky-title {
    color: var(--bck-color);
    mix-blend-mode: difference;
    height: 105px;
}

.sticky {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--bck-color);
	filter: drop-shadow(0 calc(var(--col-gutter-2)) var(--col-gutter) var(--bck-color));
}

.header-right-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
}

#closed-menu-toggler, #open-menu-toggler {
    cursor: pointer;
    width: 100%;
    text-align: center;
}

#open-menu-toggler {
	width: 205px;
	margin-top: 5px;
}

#main-menu-wrapper {
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
	color: #fff;
}

ul#primary-menu {
    margin: 0;
    display: flex;
    list-style: none;
    padding: 0;
}

ul#primary-menu .menu-item a {
    color: #000 !important;
    text-decoration: none;
    font-size: 30px;
    margin-right: 22px;
	transition: all .3s ease;
}

ul#primary-menu:hover .menu-item a {
    opacity: 0.2;
}

ul#primary-menu:hover .menu-item a:hover {
    opacity: 1 !important;
}

.menu-main-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    height: 0;
    max-width: max-content;
    right: 0;
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 20px;
	transition: all .2s ease;
    z-index: 9991;
}

.open-burger-menu .menu-main-wrapper {
    height: 129px;
	transition: all .2s ease;
}

.open-burger-menu .menu-main-wrapper {
    background-color: #fff;
    z-index: 9991;
}

ul#primary-menu .menu-item:hover a {
	opacity: 1;
	transition: all .3s ease;
}

.mobile .partners .partner-columns {
	color: white;
	padding-top: 12px;
}

.mobile .partners .partner-columns p {
	font-size: 18px;
}

ul#primary-menu .menu-item:last-child a {
    margin-right: 0.8em;
}

.mobile .partners::-webkit-scrollbar {
	display: none;
	width: 0;
}

.menu-item-transition-1,
.menu-item-transition-2,
.menu-item-transition-3,
.menu-item-transition-4,
.menu-item-transition-5,
.menu-item-transition-6,
.menu-item-transition-7,
.menu-item-transition-8 {
    margin-top: -3em;
    opacity: 0;
}

.menu-item-transition-1 {
	transition: all .8s ease;
}

.menu-item-transition-2 {
	transition: all .7s ease;
}

.menu-item-transition-3 {
	transition: all .6s ease;
}

.menu-item-transition-4 {
	transition: all .5s ease;
}

.menu-item-transition-5 {
	transition: all .4s ease;
}

.menu-item-transition-6 {
	transition: all .3s ease;
}

.menu-item-transition-7 {
	transition: all .2s ease;
}

.menu-item-transition-8 {
	transition: all .1s ease;
}

.open-burger-menu .menu-item-transition-1,
.open-burger-menu .menu-item-transition-2,
.open-burger-menu .menu-item-transition-3,
.open-burger-menu .menu-item-transition-4,
.open-burger-menu .menu-item-transition-5,
.open-burger-menu .menu-item-transition-6,
.open-burger-menu .menu-item-transition-7,
.open-burger-menu .menu-item-transition-8 {
    margin-top: 0;
    opacity: 1;
}

.open-burger-menu .menu-item-transition-1 {
    transition: all .1s ease;
}

.open-burger-menu .menu-item-transition-2 {
    transition: all .2s ease;
}

.open-burger-menu .menu-item-transition-3 {
    transition: all .3s ease;
}

.open-burger-menu .menu-item-transition-4 {
    transition: all .4s ease;
}

.open-burger-menu .menu-item-transition-5 {
    transition: all .5s ease;
}

.open-burger-menu .menu-item-transition-6 {
    transition: all .6s ease;
}

.open-burger-menu .menu-item-transition-7 {
    transition: all .7s ease;
}

.open-burger-menu .menu-item-transition-8 {
    transition: all .8s ease;
}

#colophon {
    padding-bottom: 24px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
}

.error404 #colophon,
.partners #colophon {
	display: none !important;
}

.error404 {
    background-color: #000000;
    height: 100vh;
    overflow-y: hidden;
}

.error404 #header_motto,
.error404 #arrow-btn {
    visibility: hidden !important;
}

.error404 #content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 129px);
	text-align: center;
}

.biggest-title {
    font-size: 205px;
}

.e404text {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4em;
}

#mainlogo {
	margin-right: 30px;
}

.header-full-height {
    height: calc(100vh - 129px);
    object-fit: cover;
	width: 100%;
}

#second-full-section {
    height: calc(100vh - 88px);
}

.second-full-section-inner-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

#second-full-section img {
    /* width: max-content; */
    width: 100%;
    /* object-fit: contain; */
    object-fit: cover;
}

.home .second-full-section-inner-wrapper {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-top: 11px;
}

#logotitle {
    position: fixed;
    left: 10em;
    color: #000;
    z-index: 1;
    /* margin-top: 6px; */
}

.header-btn-wrapper {
    z-index: 506;
    mix-blend-mode: difference;
    position: fixed;
    padding-right: 24px;
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 129px;
	top: 0;
    right: 0;
}

.top-btn-text {
    position: fixed;
	top: 0;
    right: 228px;
    height: 129px;
    /* transform: translateY(68%); */
    transform: translateY(71%);
}

.burger-menu-section {
    position: fixed;
    right: 24px;
    top: 26px;
    width: 100%;
    max-width: 180px;
    align-items: flex-end;
    z-index: 999;
    mix-blend-mode: difference;
}

.wpml-ls-legacy-list-horizontal {
	padding: 0 !important;
}

.wpml-ls-legacy-list-horizontal a {
    line-height: 1 !important;
	font-size: 18px;
	padding: 0 !important;
}

/* .wpml-ls-item a {
	padding: 8px !important;
	border: 1px solid #000;
} */

/* .home #second-full-section img {
    object-fit: cover;
    object-position: center;
}*/

.home {
    overflow-x: hidden;
}

.mobile .home .header-full-height {
    object-fit: cover !important;
    object-position: center;
}

/*
.mobile .home #second-full-section img {
    width: max-content;
} */

.wpml-ls-item a {
    padding: 8px !important;
    border: 1px solid #000;
}

.wpml-ls-item a span {
    color: #000;
}

.wpml-ls-item.wpml-ls-current-language a {
    border-radius: 100% !important;
    background: #000 !important;
    color: #fff !important;
    text-decoration: none;
}

.wpml-ls-item.wpml-ls-current-language a span {
    color: #fff !important;
}

#menu-wpml {
    margin-bottom: 20px;
    margin-right: 24px;
}

.wpml-ls-current-language .wpml-ls-native {
    color: #000;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal {
    margin-right: 13px;
}

#logotitle h2 {
    /* font-size: 30px; */
    font-size: 27px;
}

#logotitle_mbl h2 {
    font-size: 28px;
}

.mobile #second-full-section img {
	max-width: 125%;
}

.mobile .second-full-section-inner-wrapper{
    overflow: hidden;
}

.lighting-design #colophon,
.page-id-5325 #colophon,
.innovation #colophon,
.blog #colophon,
.elements #colophon {
    background-color: white !important;
    position: relative;
    z-index: 9999;
}

#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 84px;
    z-index: 99;
    background-color: transparent !important;
    mix-blend-mode: difference;
}

.mobile #back-to-top {
    bottom: 20px;
    right: 24px;
}

#back-to-top img {
    max-width: 50px;
}

.mobile #back-to-top img {
    max-width: 38px;
}

#back-to-top:hover {
    cursor: pointer;
}

#masthead_mbl {
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 600;
    mix-blend-mode: difference;
    color: #fff;
    padding: 24px;
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile #closed-menu-toggler_mbl, .mobile #open-menu-toggler_mbl {
	cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mobile #content {
    padding-top: 80px;
}

#open-menu-toggler_mbl {
	margin-right: 9px;
}

.mobile .www-button img{
    background-color: white !important;
    background: white !important;
    filter: invert(0) !important;
}

.open-burger-menu #mobile_full_menu {
    position: fixed;
    width: 100vw;
    height: 100vh !important;
    z-index: 9999;
    padding: 24px;
    padding-top: 21px;
    padding-bottom: 90px;
    flex-direction: column;
    justify-content: space-between;
}

.open-burger-menu #mobile_full_menu ul#primary-menu {
	display: block;
}

.open-burger-menu #mobile_full_menu ul#primary-menu .menu-item a {
    margin-right: 0;
}

.open-burger-menu #mobile_full_menu .menu-item {
    /* padding-bottom: 8px !important; */
    padding-bottom: 0 !important;
}

#mobile_full_menu {
    position: fixed;
	height: 0;
	z-index: -1;
}

.basic-link, .basic-link:hover, .basic-link:focus, .basic-link:active {
	color: inherit;
	text-decoration: none;
}

.menu-mbl-col {
	/* padding-top: 95px; */
	padding-top: 65px;
}

#header_motto_mbl {
    position: relative;
    top: inherit;
    right: inherit;
    height: max-content;
    transform: none;
}

.header-btn-wrapper-mbl {
    padding: 24px;
    padding-bottom: 12px;
    padding-top: 0;
}

.mobile .header-btn-wrapper {
    height: 183px;
}

.mobile .email-btn{
    background-color: white;
    height: 25px;
}

.mobile .worklife-mobile img{
    min-height: 59vh;
    object-fit: cover;
}

.mobile .partners .header-btn-wrapper {
    position: absolute !important;
    height: 180px;
    margin-top: 1.8em;
}

.second-section-mobile{
    padding-top: 10px !important;
}

.worklife-content-mobile{
    padding-left: 24px;
    padding-right: 24px;
}

.first-section-mobile span{
    line-height: 31px;
}

.social-work-row{
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 63px;
}

.mobile .worklife .social-work-row {
    margin-top: 73px;
}

.mobile .first-section-mobile{
    padding-bottom: 4px !important;
    padding-top: 15px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.mobile .worklife-desc-mobile p:first-child{
    padding-bottom: 73px;
    padding-top: 13px;
}

.mobile .worklife-mobile{
    background-color: white !important;
}

.mobile .elements .all-elements-collapse,
.mobile .blog .all-elements-collapse,
.mobile .innovation .all-elements-collapse{
    padding-left: 25px !important;
}

.mobile .single-elements .header-btn-wrapper,
.mobile .single-innovation .header-btn-wrapper{
    height: 209px;
}

.section-top-btn-wrapper {
    padding-top: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 24px;
}

.home #first-section {
    z-index: 500;
    position: relative;
	background-color: #fff;
	height: calc(100vh - 130px);
}

.home #second-full-section {
    z-index: 507;
    position: relative;
	background-color: #fff;
}

.mobile .section-top-btn-wrapper {
    padding-top: 85px;
    align-items: center;
    justify-content: flex-end;
    padding-right: 12px;
    padding-left: 12px;
    display: block;
}

.mobile .main-privacy-wrapper {
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
}

.mobile .privacy-btn-wrapper {
    height: 132px;
}

.mobile .privacy-title{
    font-size: 28px;
    letter-spacing: -0.56px;
    line-height: 28px;
}

.desktop .single-post .date-title {
    margin-right: 48%;
    padding-top: 50px;
}

.mobile .main-privacy-wrapper .basic-text {
    margin-bottom: 22px;
}

.mobile .terms-and-conditions #header_motto_mbl,
.mobile .privacy-policy #header_motto_mbl {
    margin-top: 14px;
}

.mobile p{
    font-size: 19px;
    line-height: 22px;
}

.mobile .home #content {
    padding-bottom: 30px;
}

.mobile #arrow-btn > div{
    margin-right: 14px !important;
}

.mobile .header-right-section img,
.mobile #arrow-btn a img {
    width: 160px !important;
    height: 24px !important;
    object-fit: cover !important;
}

.mobile .element-collapse{
    column-count: 1 !important;
    padding-left: 13px !important;
    padding-right: 8% !important;
}

.mobile .see-element,
.mobile div#arrow-btn_mbl {
    width: 160px !important;
}

.mobile .contact-main-section {
    display: block !important;
}

.mobile .bottom-title{
    padding-top: 0px !important;
    padding-bottom: 4px;
    padding-left: 15px !important;
}

.mobile .elem-image{
    min-height: 62.5vh !important;
    object-fit: cover;
}

.mobile .single-elements .element-title,
.mobile .single-post .element-title,
.mobile .single-innovation .element-title{
    padding-left: 12px !important;
}

.mobile .home #second-full-section .top-btn-text-section{
    margin-right: 18% !important;
}

.mobile .home .section-top-btn-wrapper {
    padding-top: 0px;
}

.mobile .section-top-btn-wrapper .section-btn-wrapper {
/*     margin-top: 20px; */
	margin-top: 48px;
}

.mobile #colophon {
    padding-bottom: 44px;
    padding-top: 40px;
}

.mobile #second-full-section {
    height: 100%;
}

.mobile .home #second-full-section {
    height: auto;
}

.error404 #logotitle {
    color: #fff;
}

.error404 #main {
    background: transparent;
}

.mobile .partner-top-link img{
    width: 160px !important;
}

.mobile .partners .see_text_btn{
    width: 17.11px !important;
    object-fit: contain !important;
}

.mobile .partners{
    background-color: white !important;
}

.mobile .see_text{
    width: 160px !important;
}

.desktop .partners #main {
    background-color: #000000;
    height: calc(100vh - 129px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile .partners #collapseHeader{
    width: 100% !important;
    color: black !important;
    background-color: white !important;
}

/* .mobile .partners div#arrow-btn_mbl{
    display: flex;
    flex-direction: column;
} */

.mobile .see_text{
    order: 1;
}

.mobile .partner-top-link{
    order: 0;
}

.mobile .partners #page_main_title{
    color: black;
    margin-left: -12px;
}

.partner-background{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.mobile #partnersCarousel,
.mobile .partnersCarousel_repeater {
    height: 100%;
    /* margin-top: 32px; */
    padding-bottom: 9px;
}

.mobile #partnersCarousel.margin-collapsed,
.mobile #partnersCarousel_repeater.margin-collapsed  {
    margin-top: 62px;
}

.mobile #partnersCarousel.margin-not-collapsed,
.mobile #partnersCarousel_repeater.margin-not-collapsed {
    margin-top: 32px;
}

.mobile .partners #primary{
    padding-top: 0px;
}

.mobile .partners .collapse-wrapper.display-mobile{
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    top: 0;
}

.mobile .partners #collapseHeader {
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 22px;
    padding-top: 0px;
}

.mobile .partners #page_main_title{
    top: inherit !important;
}

.mobile .partners div#arrow-btn_mbl > * {
    width: 160px !important;
}

.mobile .partners .carousel-control-prev,
.mobile .partners .carousel-control-next,
.mobile .single-partnerspages .carousel-control-prev,
.mobile .single-partnerspages .carousel-control-next{
    top: unset !important;
    bottom: 20px
}

.mobile .partners-slider-title{
    font-size: 52px;
}

.mobile .num {
    font-size: 19px;
    position: absolute;
    top: unset !important;
    min-width: 40px;
    right: calc(3.2% + 34px);
    bottom: -51px;
}

.mobile .partners .carousel-control-next-icon, 
.mobile .partners .carousel-control-prev-icon,
.mobile .single-partnerspages .carousel-control-next-icon, 
.mobile .single-partnerspages .carousel-control-prev-icon{
    width: 22.09px;
}

.otgs-development-site-front-end {
	display: none !important;
}

.main-privacy-wrapper {
	max-width: 55%;
	margin: auto;
}

.main-privacy-wrapper .basic-text {
	margin-bottom: 90px;
}

#page_main_title {
    position: fixed;
    /* top: 10px; */
    top: 12px;
    right: 231px;
    height: 129px;
    /* font-size: 30px; */
    font-size: 27px;
}

.open_collapse_btn {
	transition: all .3s ease;
	transform: rotate(45deg);
}

.collapsed .open_collapse_btn {
	transition: all .3s ease;
	transform: none;
}

.column_count_collapse {
    column-count: 2;
}

.partners .column_count_collapse {
    column-count: 1;
    padding-left: 12px;
    padding-right: 12px;
}

.mobile .lighting-design .header-btn-wrapper,
.mobile .page-id-5325 .header-btn-wrapper,
.mobile .single-kuahrzolqo .header-btn-wrapper,
.mobile .single-lighting_design .header-btn-wrapper {
    height: 180px;
}

.mobile #page_main_title {
    position: relative;
    top: inherit;
    right: inherit;
    height: auto;
	padding-left: 23px;
	font-size: 28px;
	margin-bottom: 35px;
}

.mobile .lighting-design .collapse-wrapper,
.mobile .page-id-5325 .collapse-wrapper,
.mobile .single-kuahrzolqo .collapse-wrapper,
.mobile .single-lighting_design .collapse-wrapper {
    padding: 23px;
	padding-top: 0;
	padding-bottom: 0;
}

.mobile .lighting-design .collapse-wrapper .column_count_collapse,
.mobile .page-id-5325 .collapse-wrapper .column_count_collapse,
.mobile .single-kuahrzolqo .collapse-wrapper .column_count_collapse,
.mobile .single-lighting_design .collapse-wrapper .column_count_collapse {
	column-count: 1;
}

.mobile #masthead_mbl {
	background-color: #fff;
	mix-blend-mode: inherit;
}

.mobile #masthead_mbl #logotitle_mbl .basic-link.whiteFontColor {
    color: #000;
}

.mobile #masthead_mbl #closed-menu-toggler_mbl {
	filter: invert(1);
}

.desktop .single-innovation #single-video-wrapper .mejs-mediaelement {
    height: 56.7vh !important;
    width: 50vw !important;
}

#video-wrapper,
#single-video-wrapper {
    margin-top: 24px;
    margin-bottom: 24px;
}

.mobile .header-btn-wrapper {
	position: absolute;
}

.mobile .single-elements .header-btn-wrapper,
.mobile .single-innovation .header-btn-wrapper,
.mobile .partners .header-btn-wrapper {
	position: fixed;
}

.mobile .elements #arrow-btn_mbl,
.mobile .blog #arrow-btn_mbl,
.mobile .innovation #arrow-btn_mbl{
    position: fixed;
    margin-bottom: -64px;
    height: 66px;
    padding-right: 0px;
    top: 145px;
    right: 24px;
}

.mobile .elements #colophon,
.mobile .blog #colophon,
.mobile .innovation #colophon {
    padding-top: 17px;
}

.mobile .home .header-btn-wrapper {
	position: fixed;
    z-index: 506;
    mix-blend-mode: difference;
    margin-bottom: -64px;
    height: 66px;
    padding-right: 0px;
    top: 119px;
    right: 24px;
}

.mobile .header-full-height {
    height: 73.5vh;
    object-fit: cover;
    object-position: 9%;
}

.mobile .home #header_motto_mbl {
    margin-right: 21% !important;
}

.desktop .collapse-wrapper {
    position: sticky !important;
    top: 129px;
}

.desktop .scroll-content-wrapper {
	position: sticky !important;
    /* top: 177px; */
    top: -42px;
}

.desktop .single-kuahrzolqo .scroll-content-wrapper,
.desktop .single-lighting_design .scroll-content-wrapper,
.desktop .single-elements .scroll-content-wrapper,
.desktop .single-post .scroll-content-wrapper,
.desktop .single-innovation .scroll-content-wrapper {
    position: static !important;
}

.desktop .sticky_new_header_btn {
    position: sticky;
    top: 1.5em;
}

.mobile .sticky_new_header_btn {
    position: sticky;
    top: 0;
}

.single-elements .top-btn-text,
.single-post .top-btn-text,
.single-innovation .top-btn-text,
.partners .top-btn-text {
    position: fixed;
    top: 0;
    right: 415px;
    height: 129px;
    transform: translateY(68%);
}

.single-elements #arrow-btn,
.single-post #arrow-btn,
.single-innovation #arrow-btn,
.partners #arrow-btn {
	display: inline-flex !important;
    align-items: center;
}

.single-elements .www_btn,
.single-post .www_btn,
.single-innovation .www_btn,
.partners .www_btn {
	margin-top: -2px;
    margin-left: 1em;
}

.mobile .elements #header_motto_mbl,
.mobile .blog #header_motto_mbl,
.mobile .innovation #header_motto_mbl,
.mobile .single-lighting_design #header_motto_mbl,
.mobile .single-kuahrzolqo #header_motto_mbl,
.mobile .lighting-design #header_motto_mbl,
.mobile .page-id-5325 #header_motto_mbl,
.mobile .contact #header_motto_mbl{
    max-width: calc(100% - 162px);
}

.mobile .single-elements #header_motto_mbl,
.mobile .single-innovation #header_motto_mbl,
.mobile .partners #header_motto_mbl {
    display: none;
}

.mobile #header_motto_mbl{
    /* top: -6px !important; */
    top: -8px !important;
}

.mobile .lighting-design #header_motto_mbl,
.mobile .page-id-5325 #header_motto_mbl,
.mobile .single-kuahrzolqo #header_motto_mbl,
.mobile .single-lighting_design #header_motto_mbl {
    top: -11px !important;
}



.mobile .home #header_motto_mbl{
    top: 0px !important;
}

.mobile .case-collapse{
    padding-left: 12px !important;
    padding-top: 10px !important;
    padding-right: 8% !important;
    order: 3;
}

.mobile .el-collapse{
    order: 1;
    padding-bottom: 39px;
}

.mobile .el-category{
    order: 3;
}

.mobile .el-title{
    order: 2;
}

.mobile .single-elements .scroll-content-wrapper,
.mobile .single-post .scroll-content-wrapper,
.mobile .single-innovation .scroll-content-wrapper{
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 2em !important;
}

.mobile .partners .scroll-content-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0 !important;
}

.mobile .bottom-info-row a,
.mobile .bottom-info-row p{
    text-decoration: none !important;
    color: #000000 !important;
}

.moving-bg-image {
    transition: all .3s ease;
	/* width: 105.5% !important; */
    width: 109% !important;
}

.moving-bg-image:hover {
    /* transition: all .1s ease; */
    transition: all .3s ease;
}

.moving-bg-wrapper {
	overflow: hidden;
}

.contact #colophon,
.worklife #colophon,
.single-post #colophon,
.profile #colophon {
	display: none !important;
}

.desktop .contact #header_motto,
.desktop .worklife #header_motto,
.desktop .single-post #header_motto,
.desktop .profile #header_motto {
	right: 207px;
}

/* .desktop .single-post #mainlogo,  */
.desktop .worklife #mainlogo, .desktop .worklife #masthead,
/* .desktop .single-post #masthead, */
.desktop .profile #mainlogo, .desktop .profile #masthead {
    display: none;
}

.innovation #header_motto p,
.innovation #header_motto_mbl p,
.blog #header_motto_mbl p,
.blog #header_motto p {
    display: none !important;
}

.single-post #masthead {
    position: fixed;
}

.worklife p,
.single-post p,
.profile p {
	letter-spacing: -0.32px;;
}

.desktop .worklife .top-btn-text, .desktop .worklife #page_main_title,
.desktop .single-post .top-btn-text, .desktop .single-post #page_main_title,
.desktop .profile .top-btn-text, .desktop .profile #page_main_title {
	color: #ffffff;
}

.desktop .worklife .side-bar-worklife {
	padding-top: 151px;
}

.profile .worklife-content {
	margin-top: 0;
}

.desktop .socials-row-wrapper {
	margin-top: 165px;
}

.profile img.w-100.blackBackgroundColor {
	height: 100vh;
    object-fit: cover;
    margin-bottom: -6px;
    padding-bottom: 6px;
}

.reveal {
  overflow: hidden;
}

.reveal__content {
    transform: translateY(100%);
    animation: reveal 0.6s cubic-bezier(0.6, 0, 0.1, 0.9) forwards;
}

.reveal:nth-child(2) .reveal__content {
    animation-delay: 0.1s;
}

.reveal:nth-child(3) .reveal__content {
    animation-delay: 0.15s;
}

.reveal:nth-child(4) .reveal__content {
    animation-delay: 0.25s;
}

.reveal:nth-child(5) .reveal__content {
    animation-delay: 0.3s;
}

@keyframes reveal {
  	from {
	    transform: translateY(100%);
  	}

  	to {
    	transform: translateY(0);
	}
}

#arrow-btn a img {
    max-width: 180px;
}

.left-section {
	height: 100%;
	float: left;
}

.right-section {
    height: 100%;
    margin-top: -300vh;
    float: left;
}

.desktop .profile .side-bar-worklife {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
}

div#cookie-law-info-bar, .cli-modal-content {
    backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
    background-color: rgb(255 255 255 / 43%) !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
	background-color: #000 !important;
}

.desktop .worklife #header_motto {
	transform: translateY(67%);
}

.elements .top-btn-text,
.blog .top-btn-text,
.innovation .top-btn-text,
.lighting-design .top-btn-text,
.page-id-5325 .top-btn-text,
.single-kuahrzolqo .top-btn-text,
.single-lighting_design .top-btn-text {
    transform: translateY(68%);
}

.lighting-design .header-right-section #arrow-btn img,
.page-id-5325 .header-right-section #arrow-btn img,
.single-lighting_design .header-right-section #arrow-btn img,
.single-kuahrzolqo .header-right-section #arrow-btn img,
.partners .header-right-section #arrow-btn img,
.elements .header-right-section #arrow-btn img,
.blog .header-right-section #arrow-btn img,
.innovation .header-right-section #arrow-btn img,
.single-elements .header-right-section #arrow-btn img,
.single-innovation .header-right-section #arrow-btn img {
	height: 15.41px;
    width: 15.41px;
    object-fit: cover;
}

.lighting-design .header-right-section #arrow-btn a,
.page-id-5325 .header-right-section #arrow-btn a,
.single-lighting_design .header-right-section #arrow-btn a,
.single-kuahrzolqo .header-right-section #arrow-btn a,
.partners .header-right-section #arrow-btn a,
.elements .header-right-section #arrow-btn a,
.blog .header-right-section #arrow-btn a,
.innovation .header-right-section #arrow-btn a,
.single-elements .header-right-section #arrow-btn a,
.single-post .header-right-section #arrow-btn a,
.single-innovation .header-right-section #arrow-btn a {
	height: 24px;
    width: 180px;
    background: #fff;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.lighting-design .header-right-section #arrow-btn_mbl a,
.page-id-5325 .header-right-section #arrow-btn_mbl a,
.single-lighting_design .header-right-section #arrow-btn_mbl a,
.single-kuahrzolqo .header-right-section #arrow-btn_mbl a,
.partners .header-right-section #arrow-btn_mbl a,
.elements .header-right-section #arrow-btn_mbl a,
.blog .header-right-section #arrow-btn_mbl a,
.innovation .header-right-section #arrow-btn_mbl a,
.single-elements .header-right-section #arrow-btn_mbl a,
.single-post .header-right-section #arrow-btn_mbl a,
.single-innovation .header-right-section #arrow-btn_mbl a {
	height: 24px;
    width: 180px;
    background: #fff;
    align-items: center;
    justify-content: center;
}

.elements .top-elements-link,
.blog .top-elements-link,
.innovation .top-elements-link {
    display: inline-flex;
}

.elements .top-elements-link > p:first-child,
.blog .top-elements-link > p:first-child,
.innovation .top-elements-link > p:first-child {
    padding-right: 17px;
}

.blog .top-elements-link {
    margin-bottom: 5px;
}

img.url_btn {
	height: 20.41px !important;
    width: 32.41px !important;
	filter: invert(0);
}

.mobile img.url_btn {
    filter: invert(0);
    max-height: 24px;
    width: 100% !important;
    object-fit: cover;
    display: flex;
    margin-bottom: 9px;
    background-color: #fff;
}

.desktop .worklife-sidebar-image {
	height: 100%;
    object-fit: cover;
    max-height: 960px;
}

.desktop .home .top-btn-text {
    right: 208px;
}

.desktop .single-kuahrzolqo .header-btn-wrapper, .desktop .single-lighting_design .header-btn-wrapper, .desktop .lighting-design .header-btn-wrapper, .desktop .page-id-5325 .header-btn-wrapper, .desktop .partners .header-btn-wrapper, .desktop .single-elements .header-btn-wrapper, .desktop .elements .header-btn-wrapper, .desktop .single-post .header-btn-wrapper, .desktop .blog .header-btn-wrapper, .desktop .innovation .header-btn-wrapper, .desktop .single-innovation .header-btn-wrapper {
    height: 124px;
}

.desktop .worklife .header-btn-wrapper {
	height: 128px;
}

.desktop .worklife #header_motto {
	transform: translateY(68%);
}

.upper-burger-line {
	margin-bottom: 8px;
}

.upper-burger-line, .bottom-burger-line {
    transition: all .3s ease;
}

.open-burger-menu .upper-burger-line {
    transform: rotate(45deg) translateX(7px) translateY(5px);
    margin-bottom: 0;
}

.open-burger-menu .bottom-burger-line {
    transform: rotate(-45deg);
}

#open-menu-toggler {
    /* margin-top: -3em; */
    margin-top: 14px;
	transition: all .3s ease;
}

#open-menu-toggler.opened-burger {
    /* margin-top: 0; */
	transition: all .3s ease;
}

.wpml-ls-slot-shortcode_actions, .wpml-ls-link {
    width: 36px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.elements .ld-row-l,
.elements .ld-row-r,
.blog .ld-row-l,
.blog .ld-row-r,
.innovation .ld-row-l,
.innovation .ld-row-r {
	padding: 6px;
}

#collapseHeader {
    margin-bottom: 3px !important;
}

.single-lighting_design .row.mb-2,
.single-kuahrzolqo .row.mb-2 {
    margin-bottom: 13px !important;
}

.terms-item {
    margin-top: 13px !important;
}

.sticky-title-img {
	height: 93.5%;
    /* height: 90.5%; */
    object-fit: cover;
}

.desktop .partners {
	background-color: #000 !important;
    height: 100vh;
    overflow-y: hidden;
}

.partners #logotitle h2, .partners #page_main_title, .partners .top-btn-text, .partners #colophon p {
	color: #fff;
}

.partners #colophon #arrow-btn a img {
    filter: none !important;
}

.partners .carousel,
.single-partnerspages .carousel {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
	align-items: center;
}

.partners .carousel-inner,
.single-partnerspages .carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mobile .partners .carousel-inner,
.mobile .single-partnerspages .carousel-inner {
    background-color: black !important;
}

.partners .carousel-item,
.single-partnerspages .carousel-item {
    position: relative;
    display: none;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    width: 100%;
    height: 100%;
    max-height: 77vh;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}

.partners .carousel-control-prev,
.single-partnerspages .carousel-control-prev {
    left: 0;
    height: fit-content;
    top: calc(54.5% - 88px) !important;
}

.partners .carousel-control-next, .partners .carousel-control-prev,
.single-partnerspages .carousel-control-next, .single-partnerspages .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
}

.partners .carousel-control-prev-icon,
.single-partnerspages .carousel-control-prev-icon {
    background-image: url(/wp-content/themes/reflectlights/images/next-partner.svg);
    transform: rotate(180deg);
}

.partners .carousel-control-next-icon, .partners .carousel-control-prev-icon,
.single-partnerspages .carousel-control-next-icon, .single-partnerspages .carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.partners .visually-hidden, .partners .visually-hidden-focusable:not(:focus):not(:focus-within),
.single-partnerspages .visually-hidden, .single-partnerspages .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.partners .carousel-control-next,
.single-partnerspages .carousel-control-next {
    right: 3.2%;
    width: fit-content;
}

.partners .carousel-control-prev,
.single-partnerspages .carousel-control-prev {
    left: 3.2%;
    width: fit-content;
}

.partners .carousel-control-next-icon,
.single-partnerspages .carousel-control-next-icon {
    background-image: url("/wp-content/themes/reflectlights/images/next-partner.svg");
}

.partners .carousel-control-next,
.single-partnerspages .carousel-control-next {
    height: fit-content;
    top: calc(54.5% - 88px);
}

.partners .carousel-item-next, .partners .carousel-item-prev, .partners .carousel-item.active,
.single-partnerspages .carousel-item-next, .single-partnerspages .carousel-item-prev, .single-partnerspages .carousel-item.active {
    display: block;
}

.partners-slider-title {
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners #collapseHeader{
    padding: 45px;
    padding-bottom: 40px;
    padding-top: 50px;
    width: 100vw;
}

.desktop .partners .scroll-content-wrapper {
    position: absolute !important;
}

.mobile .error404 #masthead_mbl{
    background-color: black;
}

.mobile .error404 #logotitle_mbl h2{
    color: white;
}

.mobile .error404 .biggest-title{
    bottom: -5px;
    position: absolute;
    left: 0;
    right: 0;
    letter-spacing: -10.25px !important;
}

.mobile .e404text {
    left: 0;
    top: 85px;
    text-align: left;
}

.mobile .e404text p{
    padding-left: 24px;
    padding-right: 24px;
    font-size: 19px;
}

.mobile .error404 #masthead_mbl #closed-menu-toggler_mbl {
    filter: none;
}

.mobile ul#primary-menu .menu-item a{
    letter-spacing: -0.6px;
}

.mobile #mobile-menu-footer .wpml-ls-legacy-list-horizontal>ul{
    display: flex;
}

.mobile #mobile-menu-footer ul > li:first-child{
    order: 1;
    margin-left: 9px;
}

.mobile .social-media-links a{
    font-size: 19px;
}


.contact #main{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 136px);
}

.mobile .social-media{
    display: flex;
    justify-content: flex-end;
}

.mobile #open-menu-toggler_mbl.d-flex img{
    margin-right: -10px !important;
}

.mobile .home #second-full-section .section-btn-wrapper{
    padding-right: 12px;
}

.mobile .contact-image{
    /* height: 57.4vh; */
    /* height: 44vh;
    object-fit: contain;
    margin-bottom: 25px !important;
    margin-top: 3px !important;*/
    max-height: 468px;
    height: fit-content;
    object-fit: contain;
    margin-bottom: 65px !important;
    margin-top: 40px !important;
}

.mobile .contact #main {
    justify-content: start;
}

.mobile .bottom-info-row .address-col{
    order: 0;
}

.mobile .bottom-info-row{
    /* padding-bottom: 49px; */
    padding-bottom: 44px;
}

.mobile .bottom-info-row .terms-col{
    order: 1;
    margin-top: 22px;
    margin-bottom: 24px;
}

.mobile .bottom-info-row .socials-col{
    order: 2;
}

.mobile .email-image h1{
    /* padding-left: 11px; */
    /* max-width: 334px; */
    max-width: 100%;
    text-align: center;
    letter-spacing: 1.44px;
    margin-bottom: 1em;
    margin-top: 1em;
}

.mobile .element-collapse{
    padding-left: 24px;
    padding-right: 24px;
}

.mobile .element-box{
    margin-bottom: 10px !important;
}

.mobile .bottom-desc{
    margin-bottom: 23px;
}

.mobile .light-title{
    font-size: 19px;
    letter-spacing: -0.38px;
    padding-left: 11px;
    padding-top: 4px;
}

.mobile .element-title{
    padding-left: 6px;
    padding-bottom: 4px;
}

.mobile .lighting-design #colophon,
.mobile .page-id-5325 #colophon {
    padding-bottom: 44px;
    padding-top: 0px;
}

.mobile .header-right-section img.extend-project-list{
    object-fit: contain !important;
    height: 16.95px !important;
}

.mobile .terms-item {
    margin-top: 9px !important;
}

.mobile .case-study h1{
    padding-left: 0px !important;
}

.mobile .case-study{
    padding-left: 24px !important;
    padding-top: 12px !important;
}

.mobile .case-city{
    padding-left: 13px !important;
    padding-top: 15px;
    order: 2;
}

.mobile .case-title{
    order: 1;
}

.mobile .left-inline-image{
    margin-bottom: 13px !important;
}

.mobile .case-photos{
    margin-top: 12px !important;
}

.right-mobile-section img{
    width: 100%;
    object-fit: contain;
}

.mobile .profile .left-section {
    padding-left: 24px;
    padding-bottom: 24px !important;
    padding-top: 6px !important;
}

.mobile .reflect-desc{
    padding-top: 29px;
}

.mobile .two-col{
    margin-bottom: 3px;
}

.mobile .two-col p{
    margin-bottom: 17px !important;
}

.mobile .bio-description{
    padding-right: 27%;
    padding-top: 8px !important;
}

.mobile .profile .socials-col {
    /* justify-content: start; */
    justify-content: center;
    margin-top: 65px;
}

.mobile .profile .socials-col p,
.mobile .worklife .social-work-row p,
.mobile .contact .socials-col p{
    /* font-family: 'ABCFavoritPro-Regular'; */
    font-family: 'ABCFavoritPro-Book';
    letter-spacing: 1.44px !important;
}

.mobile .half-content-profile {
    padding-right: 11%;
    margin-bottom: 21px !important;
}

.mobile .reflect-main-content{
    padding-bottom: 8px !important;
}

.num{
    font-size: 30px;
    min-width: 60px;
    position: absolute;
    top: calc(54.5% - 36px);
    right: calc(3.2% + 51px);
}

.partner-top-link img{
    width: 180px !important;
    height: 27px !important;
}

.partner-top-link{
    cursor: pointer;
}

.desktop .partners #collapseHeader {
    min-height: 200px !important;
    display: block !important;
    opacity: 0 !important;
    background-color: black !important;
    transition: 0.2s !important;
}

.desktop .partners #collapseHeader.show {
    opacity: 1 !important;
    transition: 0.2s !important;
}

.mobile .partner-top-link{
    margin-left: 0px !important;
}

.mobile .partners .partner-background {
    background-size: cover !important;
    /* height: 494px; */
    height: calc(100vh - 244px);
    width: 101%;
    background-position: center;
}

.mobile .partners .carousel-item,
.mobile .single-partnerspages .carousel-item {
    max-height: 100%;
}

.mobile #partnersCarousel .num,
.mobile .partnersCarousel_repeater .num{
    font-size: 19px;
    position: absolute;
    top: unset !important;
    min-width: 40px;
    right: calc(7.2% + 21px);
    bottom: 1em;
}

.to-home:hover,
.to-home{
    text-decoration: none;
    color: black;
}

.mobile .partners .column_count_collapse{
    padding-bottom: 5px;
}

.mobile .partners-logo img{
    max-height: 80px;
    width: 100%;
    object-fit: contain;
}

.mobile .partners-logo{
    width: 95%;
}

.w-button{
    width: 100%;
    text-align: center;
    padding-top: 2px;
}

.www-button{
    margin-bottom: 10px;
    text-decoration: none;
}

.mobile .single-elements .see-element,
.mobile .single-post .see-element,
.mobile .single-innovation .see-element{
    margin-top: 10px;
}

.single-elements .w-button,
.single-post .w-button,
.single-innovation .w-button{
    background-color: white !important;
}

.reveal__content_link a{
    text-decoration: none;
    color: #000000;
}

.mobile .reveal__content_title p{
    display: inline;
}

.mobile .reveal__content_title{
    padding-right: 8%;
}

.partners-logo h2{
    padding-left: 4%;
    padding-right: 4%;
    text-align: center;
    line-height: 1.1;
}

.single-elements .www_btn,
.single-post .www_btn,
.single-innovation .www_btn{
    overflow: hidden;
    margin-top: 1px;
}

.mobile .www-span{
    margin-top: -8px;
    font-size: 24px;
}

.mobile .www-mobile-button{
    height: 24px;
}

#menu-wpml .wpml-ls-native, #menu_wpml .wpml-ls-native {
    padding-top: 2px;
}

.desktop .profile .padding-top-work-profile {
    padding-bottom: 24px !important;
    background: #fff !important;
    z-index: 9;
    margin-top: 89px !important;
    padding-top: 0 !important;
}

.desktop .single-post .padding-top-work-profile {
    padding-bottom: 24px !important;
    background: #fff !important;
    z-index: 9;
    margin-top: 200px !important;
    padding-top: 0 !important;
}

.desktop .worklife .padding-top-work-profile {
    padding-bottom: 24px !important;
    background: #fff !important;
    z-index: 9;
    margin-top: 89px !important;
    padding-top: 0 !important;
}

.lighting-design .top-btn-text,
.page-id-5325 .top-btn-text {
    transform: translateY(67%);
}

.single-lighting_design .top-btn-text,
.single-kuahrzolqo .top-btn-text {
    transform: translateY(67%);
}

.partners .top-btn-text {
    transform: translateY(67%);
}

.elements .top-btn-text,
.blog .top-btn-text,
.innovation .top-btn-text {
    transform: translateY(67%);
}

.single-elements .top-btn-text,
.single-post .top-btn-text,
.single-innovation .top-btn-text {
    transform: translateY(67%);
}

.desktop .worklife #header_motto {
    transform: translateY(70%);
}

.mobile .wpml-ls-link {
    padding-top: 9px !important;
}

.partners .bottom-burger-line,
.worklife .bottom-burger-line,
.profile .bottom-burger-line {
    filter: none !important;
}

.partners .upper-burger-line,
.worklife .upper-burger-line,
.profile .upper-burger-line {
    filter: none !important;
}

.partners.open-burger-menu .bottom-burger-line,
.worklife.open-burger-menu .bottom-burger-line,
.profile.open-burger-menu .bottom-burger-line {
    filter: invert(1) !important;
}

.partners.open-burger-menu .upper-burger-line,
.worklife.open-burger-menu .upper-burger-line,
.profile.open-burger-menu .upper-burger-line {
    filter: invert(1) !important;
}

.mobile .shapes-container {
    left: 53%;
}

.mobile .mobile-justify-center {
    justify-content: center;
}

.mobile .partners .carousel-control-prev, .mobile .partners .carousel-control-next,
.mobile .single-partnerspages .carousel-control-prev, .mobile .single-partnerspages .carousel-control-next {
    top: 20px !important;
    bottom: unset !important;
}

.mobile #partnersCarousel .num,
.mobile .partnersCarousel_repeater .num {
    top: 1.23em !important;
    bottom: unset !important;
}

.mobile .moving-bg-image:hover {
    transform: none !important;
}

.mobile .elements #header_motto_mbl,
.mobile .blog #header_motto_mbl,
.mobile .innovation #header_motto_mbl {
    transform: translateY(-25%);
}

.mobile #mobile_full_menu .social-media-links {
    display: flex;
    align-items: center;
}

.mobile #mobile_full_menu .social-media-links a {
    margin-right: 10px;
}

.overflowHidden {
    overflow: hidden !important;
}

.mobile body, .mobile .ABCFavoritPro-Book {
    font-family: 'ABCFavoritPro-Regular' !important;
}

.mobile .worklife .header-right-section img {
    background-color: #000;
}

.mobile .mobile-main-big-title p {
    font-size: inherit !important;
}

.desktop .letter-spacing-title-desktop {
    letter-spacing: -2px;
}

.mobile ul#primary-menu .menu-item a {
    transition: none;
}

.desktop .side-bar-worklife {
    padding: 0;
}

.separator-dash-gallery {
    margin-left: 7px;
    margin-right: 7px;
}

.partners #partnersCarousel .collapsing,
.single-partnerspages #partnersCarousel .collapsing,
.single-partnerspages .partnersCarousel_repeater .collapsing {
    transition: all .2s ease !important;
}

.mobile .partners #partnersCarousel.margin-not-collapsed .carousel-control-prev,
.mobile .partners #partnersCarousel.margin-not-collapsed .carousel-control-next,
.mobile .single-partnerspages #partnersCarousel.margin-not-collapsed .carousel-control-prev,
.mobile .single-partnerspages #partnersCarousel.margin-not-collapsed .carousel-control-next,
.mobile .single-partnerspages .partnersCarousel_repeater.margin-not-collapsed .carousel-control-prev,
.mobile .single-partnerspages .partnersCarousel_repeater.margin-not-collapsed .carousel-control-next {
    top: 273px !important;
}

.mobile .partners #partnersCarousel.margin-not-collapsed .num,
.mobile .single-partnerspages #partnersCarousel.margin-not-collapsed .num,
.mobile .single-partnerspages .partnersCarousel_repeater.margin-not-collapsed .num {
    top: 277px !important;
}

.padding-worklife-content-side {
    padding-top: 38px;
    padding-left: 28px;
}

::selection {
    background: #033FFF;
    color: #fff;
}

.worklife-desc-mobile a {
    text-decoration: none;
    color: black;
}

.lighting-info-second-col {
    margin-top: 28px;
}

html:lang(el) .wpml-ls-first-item {
    margin-right: 13px;
}

html:lang(el) .wpml-ls-first-item a {
    color: black;
}

html:lang(el) .wpml-ls-last-item span {
    color: white;
}

.home .third-full-section-inner-wrapper img {
    object-fit: contain;
    width: 100% !important;
    max-width: 1140px !important;
}

.mobile #third-full-section {
    margin-bottom: -52px;
    margin-top: 50px;
    padding-left: 24px;
    padding-right: 24px;
}

.banner-link-section {
    z-index: 9999;
}

.second-phone {
    margin-top: -21px;
}

.address-col a {
    text-decoration: none !important;
}

.address-col a {
    display: block;
}

.mobile .single-elements .elem-image,
.mobile .single-post .elem-image,
.mobile .single-innovation .elem-image {
    min-height: unset !important;
    object-fit: contain !important;
}

.mobile .lighting-design .moving-bg-image,
.mobile .page-id-5325 .moving-bg-image {
    width: 100% !important;
}

.contact-img {
    width: 100%;
    object-fit: contain;
}

.desktop .contact-img {
    height: calc(100% - 119px);
    width: fit-content;
    max-width: 103%;
    min-height: 438px;
}

.contact-address a {
    text-decoration: none;
    color: white;
}

.desktop .contact-texts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: calc(100% - 119px);
    padding-top: 6.5vh;
    padding-bottom: 12.5vh;
}

.links-1 {
    margin-bottom: 42px;
}

.links-2 a {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    display: block;
}

.links-1 a {
    padding-bottom: 3px !important;
    display: block;
}

.links-1 a p {
    text-decoration: underline;
}

.contact-texts {
    text-align: center;
}

.desktop .contact-main-section {
    height: calc(100vh - 129px);
}

.desktop .contact-img-container {
    display: flex;
    flex-direction: row;
    /* justify-content: flex-end; */
    justify-content: flex-start;
}

.contact-us header {
    background-color: black !important;
    mix-blend-mode: unset !important;
    width: 100% !important;
    max-width: unset !important;
}

.contact-us .top-btn-text {
    z-index: 999;
}

.mobile .contact-us .contact-texts {
    padding-top: 41px;
}

.mobile .contact-us #header_motto_mbl {
    background-color: black !important;
    top: 14px !important;
}

.mobile .contact-us #header_motto_mbl p {
    color: white !important;
}

.mobile .contact-us .header-btn-wrapper-mbl {
    background-color: black !important;
    margin-bottom: -3px;
}

.mejs-mediaelement iframe {
    height: 100%;
}

.contact-us .header-btn-wrapper {
    z-index: 5069;
    height: 50px;
    top: 80px;
}

.contact-us .top-btn-text {
    right: 206px;
}

.contact-us #page_main_title,
.contact-us #logotitle {
    z-index: 999;
}

.mobile .contact-texts {
    padding-bottom: 45px;
}

.mobile .contact-content {
    padding-top: 14px;
    padding-bottom: 12px;
}

.mobile .contact-us #logotitle_mbl h2 {
    color: white !important;
}

.mobile .contact-us #masthead_mbl #closed-menu-toggler_mbl {
    filter: invert(0) !important;
}

.mobile .contact-us #masthead_mbl {
    background-color: black !important;
    z-index: 9999;
}

.wp-video {
    width: 100% !important;
}

.contact-us {
    overflow-x: hidden;
}

.wpml-ls-current-language {
    display: none !important;
}

.mejs-container, 
.mejs-container .mejs-controls, 
.mejs-embed, 
.mejs-embed body {
    background: #000 !important;
}

.home .section-top-btn-wrapper.sticky_new_header_btn .top-btn-text-section p {
    opacity: 0;
}

.blog .main_blog_title, .blog .date_d {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.1 !important;
}

.desktop .blog .post-title-date {
    align-items: flex-start !important;
}

.blog .main_blog_title {
    width: 70%;
}

.mobile .blog .main_blog_title {
    line-height: 1 !important;
}

.mobile .single-post .side-bar-worklife {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mobile .blog .element-title {
    padding-bottom: 0 !important;
    margin-bottom: 4px !important;
}

.mobile .blog .post-title-date {
    align-items: flex-end !important;
}

.blog .element-box {
    height: fit-content !important;
}

.blog .top-elements-link {
    display: flex !important;
    justify-content: space-between !important;
}

.mobile .blog .date_d {
    line-height: 1.5 !important;
    padding-bottom: 0 !important;
    margin-bottom: -1px !important;
    font-size: 18px !important;
}

.blog .date_d {
    margin-right: 0;
    padding-bottom: 4px;
    width: 30%;
    text-align: right;
}

.fix_col_img {
    height: 100vh;
    position: fixed;
    right: 0;
}

.fix_col_img img {
    height: 100vh;
    object-fit: cover;
}

.mobile .single-post iframe {
    width: 100% !important;
}

.mobile .home .banner-link-section {
    margin-bottom: 20px;
}

.mobile .new_btn_col {
    justify-content: flex-end;
}

.div_p_wrap p {
    margin-bottom: 15px;
}

.div_p_wrap p:last-child {
    margin-bottom: 0;
}

.contact-address-2 a {
    color: #000;
}

.gmap_wrap iframe {
    width: 100%;
}

.main_footer_wrap_information {
    text-align: right;
}

.vid_main iframe {
    width: 100%;
}

.mobile .featured_projects_section .sticky-title-img {
    /* height: 148px; */
    height: auto;
}

.mobile .product_highlights .sticky-title-img {
    height: 489px;
}

.desktop .featured_projects_section .sticky-text-titles,
.desktop .product_highlights .sticky-text-titles {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.gmap_wrap {
    filter: grayscale(1);
}

.single-partnerspages .carousel {
    height: 80vh;
}

.slider-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.single-partnerspages .carousel-item {
    max-height: max-content;
}

.single-partnerspages .carousel-control-prev,
.single-partnerspages .carousel-control-next {
    top: calc(45%) !important;
}

.single-partnerspages .partnersCarousel_repeater .carousel-item .wp-video,
.single-partnerspages .partnersCarousel_repeater .carousel-item .mejs-video,
.single-partnerspages .partnersCarousel_repeater .carousel-item video.wp-video-shortcode {
    height: 80vh !important;
    width: 100% !important;
}

/*-------------------------------------------------------------*/
/* 				    END ALL SCREENS - GENERAL CSS		       */
/*-------------------------------------------------------------*/

/*-------------------------------------------------------------*/
/* 					   	  START MEDIA						   */
/*-------------------------------------------------------------*/

@media (min-width: 320px) {
    .shapes-container {
        z-index:1000; 
        width: 70%;
        position: fixed;
        left: 50%;
        top: 59%;
        transform: translate(-50%, -50%);
    }

	h1, h1 p {
		font-size: 28px;
		font-weight: normal;
	}
	
	h2, h2 p {
		font-size: 28px;
		font-weight: normal;
	}
	
	h3, h3 p {
		font-size: 19px;
		font-weight: normal;
	}
	
	h4, h4 p {
		font-size: 14px;
		font-weight: normal;
	}
	
	p, #header_motto p {
		font-size: 21px;
		letter-spacing: -0.32px;
		font-weight: normal;
	}

	.contact p {
		letter-spacing: 1.44px;
	}

    .contact #header_motto_mbl p {
        letter-spacing: inherit;
    }

	.moving-bg-wrapper {
		max-height: 60.15vw;
	}

	.socials-col {
		justify-content: center;
	}

	.page-link-col {
		justify-content: center;
	}

	.page-link-col .d-grid {
		text-align: center;
	}

    .mobile #arrow-btn p{
        min-width: 109px;
    }

	.profile .socials-col {
		justify-content: center;
	}

	.padding-custom-s {
		padding-left: 0.5rem !important;
	}

	/* .sticky-title-img {
		margin-top: 2%;
	} */
}

@media (max-width: 365px) {
    .elements #header_motto_mbl p,
    .blog #header_motto_mbl p,
    .innovation #header_motto_mbl p {
        font-size: 17px;
    }

    .elements #header_motto_mbl,
    .blog #header_motto_mbl,
    .innovation #header_motto_mbl {
        transform: translateY(-32%) !important;
    }
}

@media (max-width: 460px) {
    .mobile .email-image h1 {
        padding-left: 0;
        font-size: 5.5vw;
    }
}

@media (min-width: 458px) and (max-width: 992px) {
    .mobile #header_motto_mbl {
        top: -10px !important;
        transform: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new_btn_col {
        padding-bottom: 50px;
        justify-content: flex-end;
        padding-right: 25px;
    }

    .new_btn_col img {
        max-width: 180px !important;
        width: 100% !important;
        min-width: 180px;
    }
}

@media (min-width: 1200px) and (max-width: 1840px) {
    .new_btn_col {
        padding-bottom: 50px;
        justify-content: flex-end;
        padding-right: 25px;
    }

    .new_btn_col img {
        max-width: 180px !important;
        width: 100% !important;
        min-width: 180px;
    }
}

@media (max-width: 1200px) {
    .desktop .blog .element-box h3 {
		font-size: 22px !important;
	}
}

@media (max-width: 1400px) {
    .desktop .blog .element-box h3 {
		font-size: 24px;
	}
}

@media (min-width: 576px) {

	.mobile .home .section-top-btn-wrapper .section-btn-wrapper {
		margin-top: 71px;
	}
	
    .shapes-container {
        width: 50%;
    }

    .mobile .elements #header_motto_mbl p,
    .mobile .blog #header_motto_mbl p,
    .mobile .innovation #header_motto_mbl p,
    .mobile .single-lighting_design #header_motto_mbl p,
    .mobile .single-kuahrzolqo #header_motto_mbl p{
        margin-right: 40px !important;
    }

    .mobile .lighting-design #header_motto_mbl,
    .mobile .page-id-5325 #header_motto_mbl{
        max-width: unset;
    }

    .mobile .contact #header_motto_mbl p{
        margin-right: 31px;
    }

    .mobile #header_motto_mbl p{
        width: fit-content;
        margin-right: 180px;
        margin-left: auto;
    }

    .mobile .email-image h1{
        max-width: unset;
    }
}


@media (min-width: 992px) {
    .desktop .blog .post-title-date {
        min-height:  79px;
    }

    .blog .date_d {
        margin-top: 3px;
    }

    p.date_d {
        font-size: 19px !important;
    }

    #video-wrapper,
    #single-video-wrapper {
        margin-top: 100px;
        margin-bottom: 100px;
    }
	
	.home p, 
	.home #header_motto p {
    	font-size: 19px;
	}

    .elements .elements-links,
    .innovation .elements-links,
    .blog .elements-links,
    .innovation .elements-links {
        min-width: 740px;
    }

    .single-elements,
    .single-post,
    .single-innovation {
        overflow-x: hidden;
    }

    #video-wrapper .wp-video,
    #video-wrapper .mejs-container.wp-video-shortcode.mejs-video,
    #video-wrapper video.wp-video-shortcode {
        max-height: 88vh !important;
        height: 88vh !important;
        width: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: black !important;
    }

    .single-elements #video-wrapper mediaelementwrapper,
    .single-post #video-wrapper mediaelementwrapper,
    .single-innovation #video-wrapper mediaelementwrapper,
    #video-wrapper .mejs-mediaelement {
        display: flex;
        justify-content: center;
    }

    .single-elements .mejs-mediaelement,
    .single-elements mediaelementwrapper,
    .single-elements #video-wrapper iframe,
    .single-post .mejs-mediaelement,
    .single-post mediaelementwrapper,
    .single-post #video-wrapper iframe,
    .single-innovation .mejs-mediaelement,
    .single-innovation mediaelementwrapper,
    .single-innovation #video-wrapper iframe {
        height: 88vh !important;
        width: 98vw !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .contact-img {
        max-width: 117% !important;
    }

    .contact-texts {
        padding-right: 9% !important;
    }

    .address-col a {
        color: white !important;
    }
    
    .second-phone {
        margin-top: -29px;
    }

    .home .third-full-section-inner-wrapper img {
        width: 92% !important;
    }

    .home #third-full-section {
        margin-bottom: -67px;
        display: flex;
        padding-left: 24px;
        margin-top: 140px;
    }

    .lighting-info-first-col,
    .lighting-info-second-col {
        width: 100%;
    }

    .lighting-design-columns-container {
        display: inline-flex;
    }

    .worklife-content-side a {
        color: white;
        text-decoration: none;
    }

    .email-container {
        height: 68px;
    }

    .email-row {
        position: fixed;
        color: var(--bck-color);
        mix-blend-mode: difference;
    }

    .contact-email {
        text-align: center;
        letter-spacing: 6px;
        font-size: 2.604vw;
    }

    .contact #main {
        height: fit-content;
        min-height: calc(100vh - 129px);
        padding-bottom: 5px;
    }

    .contact-us #page_main_title,
    .contact-us #logotitle h2,
    .contact #page_main_title,
    .contact #logotitle h2 {
        color: #fff;
    }

    .contact #page,
    .contact #main {
        background-color: #000000;
    }

    .whiteOnDesktop > * {
        color: white;
    }

    .partners .num {
        right: 108px;
    }

    #logotitle {
        margin-top: 11px;
    }

	h1, h1 p {
		font-size: 3.438vw;
	}
	
	h2, h2 p {
		font-size: 7.308vw;
	}
	
	h3, h3 p {
		font-size: 2.5vw;
	}

    .biggest-title {
        font-size: 19.271vw;
    }

    .partner-www-inner{
        margin-top: -3px;
    }

    .partner-www{
        width: 180px;
        height: 24px;
        background-color: white;
        margin-top: 1px !important;
    }

    .new-www{
        font-size: 20px;
    }

    .element-header{
        margin-top: 34px;
    }

    .element-photos{
        margin-top: 0px !important;
    }

    .partners-logo h2{
        padding-left: 8%;
        padding-right: 8%;
    }

    .partners-logo{
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .shapes-container {
        top: 62%;
    }

    .lighting-case-study{
        padding-top: 39px;
    }

    .reveal__content_link p{
        line-height: 0.9;
    }

    .lighting-case-photos{
        margin-top: 0px !important;
    }

    ul#primary-menu {
        margin-right: -132px;
    }

    .partners-logo img{
        max-height: 186px;
        max-width: 53vw;
        object-fit: contain;
    }

    .partner-columns{
        padding-left: 4.5% !important;
        padding-right: 4.5% !important;
    }

    .partners .column_count_collapse {
        column-count: 2;
    }

    .profile .side-bar-worklife{
        width: 36.333333%;
    }

    .profile .left-section{
        width: 63.66666667%;
    }

    .el-collapse,
    .case-collapse{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .two-columns{
        min-width: 520px;
    }

    .worklife #page_main_title {
        right: 206px;
    }

    ul#primary-menu{
        margin-top: 6px;
    }

    ul#primary-menu .menu-item a{
        margin-right: 18px;
    }

    .menu-main-wrapper{
        padding-left: 0px;
    }

    #open-menu-toggler.visibility-visible > div{
        justify-content: flex-end !important;
    }

    ul#primary-menu .menu-item a {
        font-size: 1.3vw;
    }

	.single-lighting_design .main-content-wrapper .basic-text p,
    .single-kuahrzolqo .main-content-wrapper .basic-text p {
		max-width: 50%;
	}
    

	.ld-row-l {
		padding-right: 6px;
	}

	.ld-row-r {
		padding-left: 6px;
	}

	.text-lg-end {
		text-align: right !important;
	}

	.moving-bg-wrapper {
		max-height: 48vw;
	}

    .terms-and-conditions .main-privacy-wrapper,
    .privacy-policy .main-privacy-wrapper {
        max-width: 65%;
    }

	.socials-col {
		justify-content: start;
	}

	.page-link-col {
		justify-content: flex-end;
	}

	.page-link-col .d-grid {
		text-align: right;
	}

	.worklife-content {
		max-width: 37%;
		margin-top: -40px;
        min-width: 320px;
	}

	.profile .worklife-content {
		max-width: 57%;
        min-width: 350px;
	}

    .profile .half-content-profile {
        max-width: 74% !important;
    }

    .profile .worklife-content.bio-description {
        max-width: 42%;
    }

    .profile .two-columns {
        min-width: 615px;
    }

	.half-content-profile {
		max-width: 70%;
        min-width: 350px;
	}

    .profile .half-content-profile {
        max-width: 100%;
    }
	
	.worklife-content-side p {
		max-width: 68%;
        min-width: 262px;
	}

    .worklife-content-side {
        min-height: fit-content;
        background-color: black;
    }

	.profile .socials-col {
		justify-content: flex-end;
	}

	.padding-custom-s {
		padding-left: 5rem !important;
	}

    .featured_projects_section .sticky-title-img {
        height: 19.2vw;
    }
    
    .product_highlights .sticky-title-img {
        height: 42.5vw;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .column_count_collapse {
        column-count: 1;
    }
}

@media (min-width: 992px) and (max-width: 1093px) {
    .blog .main_blog_title {
        width: 60%;
    }
    
    .blog .date_d {
        width: 40%;
    }
}

@media (min-width: 1024px) {
    #logotitle {
        margin-top: 8px;
    }
}

@media (min-width: 1100px) {
    #logotitle {
        margin-top: 9px;
    }
}

@media (min-width: 1200px) {
    .desktop .blog .post-title-date {
        min-height:  89px;
    }

    .blog .date_d {
        margin-top: 4.5px;
    }

	.home p, 
	.home #header_motto p {
    	font-size: 21px;
	}

    .home .third-full-section-inner-wrapper img {
        width: 100% !important;
    }

    .contact-img {
        max-width: 103% !important;
    }

    .contact-texts {
        padding-right: 0 !important;
    }

    .moving-bg-wrapper {
        max-height: 40vw;
    }

    #logotitle {
        margin-top: 7px;
    }

    .shapes-container {
        width: 40%;
    }
    .partner-columns{
        padding-left: 12% !important;
        padding-right: 12% !important;
    }

    .profile .side-bar-worklife{
        width: 33.333333%;
    }

    .profile .left-section{
        width: 66.66666667%;
    }

    .worklife #page_main_title {
        right: 231px;
    }

    .el-collapse,
    .case-collapse{
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .terms-and-conditions .main-privacy-wrapper,
    .privacy-policy .main-privacy-wrapper {
        max-width: 55%;
    }

    ul#primary-menu{
        margin-top: 2px;
    }

    ul#primary-menu {
        margin-right: -58px;
    }

    #open-menu-toggler.visibility-visible > div{
        justify-content: center !important;
    }

}

@media (min-width: 1300px) {
    #logotitle {
        margin-top: 9px;
    }
}

@media (min-width: 1400px) {
    .desktop .blog .post-title-date {
        min-height: 91px;
    }

    .desktop .blog .element-box h3 {
		font-size: 25px !important;
	}

    .blog .date_d {
        margin-top: 4px;
    }

    .address-col a {
        display: inline;
    }

    .second-phone {
        margin-top: 0;
    }

    .partners .num {
        right: 150px;
    }

    .lighting-info-second-col {
        margin-top: 0;
    }

    .lighting-info-first-col {
        padding-right: 3%;
    }

    .lighting-info-first-col,
    .lighting-info-second-col {
        width: 50%;
    }

    .lighting-two-columns {
        display: flex;
    }
    
    #logotitle {
        margin-top: 7px;
    }

    .shapes-container {
        width: 35%;
        max-width: 560px;
    }

    h3, h3 p {
		font-size: 1.9vw;
	}

    ul#primary-menu .menu-item a {
        font-size: 1.406vw;
    }

    ul#primary-menu .menu-item a{
        margin-right: 22px;
    }

    ul#primary-menu {
        margin-right: 0;
    }

    .menu-main-wrapper{
        padding-left: 20px;
    }

    #open-menu-toggler.visibility-visible > div{
        justify-content: center !important;
    }

    ul#primary-menu{
        margin-top: 0;
    }

    .worklife-content {
		margin-top: -75px;
	}
}

@media (min-width: 1500px) {
    #logotitle {
        margin-top: 8px;
    }
}

@media (min-width: 1600px) {
    .moving-bg-wrapper {
        max-height: 37.5vw;
    }

    .desktop .blog .post-title-date {
        min-height: 108px;
    }

    p.date_d {
        font-size: 21px !important;
    }

    .blog .date_d {
        margin-top: 6px;
    }

    #logotitle {
        margin-top: 9px;
    }

    .partner-columns{
        padding-left: 22% !important;
        padding-right: 22% !important;
    }

    .desktop .blog .element-box h3 {
		font-size: 28px !important;
	}
}

@media (min-width: 1700px) {
    #logotitle {
        margin-top: 10px;
    }
}

@media (min-width: 1800px) {
    #logotitle {
        margin-top: 13px;
    }
}

@media (min-width: 1920px) {
    .contact-email {
        font-size: 50px;
    }

    .desktop .blog .element-box h3 {
		font-size: 30px !important;
	}

    .blog .date_d {
        margin-top: 8px;
    }

    #logotitle {
        margin-top: 13px;
    }

    .shapes-container {
        width: 560px;
    }
	h1, h1 p {
		font-size: 66px;
	}
	
	h2, h2 p {
		font-size: 148px;
	}
	
	h3, h3 p {
		font-size: 30px;
	}
	
	h4, h4 p {
		font-size: 14px;
	}
	
	p {
		font-size: 21px;
	}

    .biggest-title {
        font-size: 370px;
    }

    ul#primary-menu .menu-item a {
        font-size: 27px;
    }
	
    .featured_projects_section .sticky-title-img {
        height: 370px;
    }
    
    .product_highlights .sticky-title-img {
        height: 816px;
    }
}

@media (min-width: 1921px) {
    .shapes-container {
        width: 29.5%;
        top: 63%;
        max-width: 722px;
    }

    .desktop .contact-img {
        max-width: 1400px !important;
        width: 100% !important;
    }

    .desktop .contact-main-section {
        margin-top: -2px;
        height: calc(100vh - 127px);
    }

    .desktop .contact-texts {
        max-height: 1100px;
    }
}

/* @media (min-width: 2000px) {
	.sticky-title-img {
	    margin-top: 12%;
	}
}

@media (min-width: 3000px) {
	.sticky-title-img {
	    margin-top: 9%;
	}
} */

@media (min-height: 1080px) {
    .partner-background {
        height: calc(100vh - 129px);
    }
}

@media (max-height: 768px) {
    .desktop .shapes-container {
        top: 67%;
    }
}
/*-------------------------------------------------------------*/
/* 						   END MEDIA 						   */
/*-------------------------------------------------------------*/