/*================================
		FONTS
=================================*/
@font-face {
	font-family: 'United_Sans_Bold';
	src: url('../fonts/UnitedSansCond-Bold.eot');
	src: local('?'), url('../fonts/UnitedSansCond-Bold.woff') format('woff'), url('../fonts/UnitedSansCond-Bold.ttf') format('truetype'), url('../fonts/UnitedSansCond-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'United_Sans_Medium';
	src: url('../fonts/UnitedSansCond-Medium.eot');
	src: local('?'), url('../fonts/UnitedSansCond-Medium.woff') format('woff'), url('../fonts/UnitedSansCond-Medium.ttf') format('truetype'), url('../fonts/UnitedSansCond-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_Light';
	src: url('../fonts/Changa-Light.eot');
	src: local('?'), url('../fonts/Changa-Light.woff') format('woff'), url('../fonts/Changa-Light.ttf') format('truetype'), url('../fonts/Changa-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_Regular';
	src: url('../fonts/Changa-Regular.eot');
	src: local('?'), url('../fonts/Changa-Regular.woff') format('woff'), url('../fonts/Changa-Regular.ttf') format('truetype'), url('../fonts/Changa-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_SemiBold';
	src: url('../fonts/Changa-SemiBold.eot');
	src: local('?'), url('../fonts/Changa-SemiBold.woff') format('woff'), url('../fonts/Changa-SemiBold.ttf') format('truetype'), url('../fonts/Changa-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_Bold';
	src: url('../fonts/Changa-Bold.eot');
	src: local('?'), url('../fonts/Changa-Bold.woff') format('woff'), url('../fonts/Changa-Bold.ttf') format('truetype'), url('../fonts/Changa-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_ExtraBold';
	src: url('../fonts/Changa-ExtraBold.eot');
	src: local('?'), url('../fonts/Changa-ExtraBold.woff') format('woff'), url('../fonts/Changa-ExtraBold.ttf') format('truetype'), url('../fonts/Changa-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Changa_Medium';
	src: url('../fonts/Changa-Medium.eot');
	src: local('?'), url('../fonts/Changa-Medium.woff') format('woff'), url('../fonts/Changa-Medium.ttf') format('truetype'), url('../fonts/Changa-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN_Regular';
	src: url('../fonts/DINNextLTPro-Regular.eot');
	src: local('?'), url('../fonts/DINNextLTPro-Regular.woff') format('woff'), url('../fonts/DINNextLTPro-Regular.ttf') format('truetype'), url('../fonts/DINNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN_Medium';
	src: url('../fonts/DINNextLTPro-MediumCond.eot');
	src: local('?'), url('../fonts/DINNextLTPro-MediumCond.woff') format('woff'), url('../fonts/DINNextLTPro-MediumCond.ttf') format('truetype'), url('../fonts/DINNextLTPro-MediumCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DIN_Condensed';
	src: url('../fonts/DINNextLTPro-Condensed.eot');
	src: local('?'), url('../fonts/DINNextLTPro-Condensed.woff') format('woff'), url('../fonts/DINNextLTPro-Condensed.ttf') format('truetype'), url('../fonts/DINNextLTPro-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'United_Sans_Heavy';
	src: url('../fonts/UnitedSansCond-Black.eot');
	src: local('?'), url('../fonts/UnitedSansCond-Black.woff') format('woff'), url('../fonts/UnitedSansCond-Black.ttf') format('truetype'), url('../fonts/UnitedSansCond-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*===========================
	GENERAL ELEMENT STYLE 
=============================*/
html
{
	width:100%;
	height:100%; 
}
html body 
{
	width:100%;
	height:100%;
	overflow:hidden;
	/* -webkit-font-smoothing:antialiased; */
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
	font-size:100%;
	margin:0;
}

div.keyboard_msg
{
	
	position:absolute;
	
	background-image:url('../img/KEYBOARD.svg');
	background-repeat:no-repeat;
	background-size:cover;
	
	transition: transform 1s ease-in-out;
	
	width: 6%;
    height: 4%;
    
    bottom: 4.5%;
    right: 6.5%;
}
div.keyboard_msg.hidden
{
	transform:translateY(600%);
	-webkit-transform:translateY(600%);
	-moz-transform:translateY(600%);
	-o-transform:translateY(600%);
}
div.holder
{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	overflow:hidden;
	margin:0;
	padding:0;
	background-color:#1a1a1a;
}
div.holder div.holder-BKG
{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#1a1a1a;
	z-index:-1;
}
div.holder div.holder-BKG img
{
	
	width:100%;
	height:100%;
	opacity:0;

	top:0;
	left:0;
	object-fit: cover;
	transition:opacity 1.5s ease;
}
div.scroll
{
	max-width:100%;
	height:100%;
	overflow : auto;
}
header
{
	width:87.5%;
	height:6%;
	
	margin:6.25% 6.25% 0 6.25%;
	
	visibility :hidden;
	display:-webkit-flex;
	position:fixed;
	
	justify-content:space-between;
	align-items:flex-end;
	z-index:35;
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
header a.m_logo
{
	display:none;
}
section 
{
	visibility : hidden;
	position : fixed;
	width : 100%;
	height: 100%;
	left : 0;
	top:0;
	
	transform:translateX(100%) translateY(0);
	-moz-transform:translateX(100%) translateY(0);
	-webkit-transform:translateX(100%) translateY(0);
	-o-transform:translateX(100%) translateY(0);
	
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

section.current
{
	visibility:visible; /*USE VISIBILITY INSTEAD OF BLOCK TO ALLOW PRE-TRANSITIONS TO HAPPEN 
	z-index:30; /*less than NAV BAR that is 35*/
	transform:translateX(0%) translateY(0);
	-moz-transform:translateX(0%) translateY(0);
	-webkit-transform:translateX(0%) translateY(0);
	-o-transform:translateX(0%) translateY(0);
	
	transition: transform 0.5s 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000) ;

}
section.previous
{
	visibility:visible;
	
	transform:translateX(-100%) translateY(0);
	-moz-transform:translateX(-100%) translateY(0);
	-webkit-transform:translateX(-100%) translateY(0);
	-o-transform:translateX(-100%) translateY(0);
	
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}
section.m_temporary
{
	transform:translateX(-100%) translateY(0);
	-moz-transform:translateX(-100%) translateY(0);
	-webkit-transform:translateX(-100%) translateY(0);
	-o-transform:translateX(-100%) translateY(0);
	
	transition: transform 0.5s 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000) ;
}
section.current div.section-content
{
	/* transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) ; */
	/* z-index :40; */
	/* position:relative; */
}
header h1.section-title
{
	max-width:40%;
	margin-bottom:0%;
	color:white;
	font-family:'United_Sans_Bold', sans-serif;
	
	font-size: 3.63375rem;
	z-index:35; /*same as nav-bar and footer*/
	letter-spacing: 0.1rem;
}
section div.section-content
{
	width:87.5%;
	margin:18vh 6.25% 18vh 6.25%;
	padding:3vh 0;
	height:64%;

	display : -webkit-flex; 
	flex-wrap : wrap;
	justify-content:space-between;
	overflow:hidden;
	
	box-sizing : border-box;
}

div.opaqueBKG
{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	
	background-color:#231f20;
	z-index:90; /*less than fullScreen*/
	
	animation: fadeIn_BKG ease 0.5s forwards;
	-webkit-animation: fadeIn_BKG ease 0.5s forwards;
	-moz-animation: fadeIn_BKG ease 0.5s forwards;
	-o-animation: fadeIn_BKG ease 0.5s forwards;
	-ms-animation: fadeIn_BKG ease 0.5s forwards;
}
div.share-container
{ 
	visibility:hidden;
	width:100vw;
	height:100vh;
	position:absolute;
	left:0;
	top:0;
	
	transform:translateY(300%);
	-moz-transform:translateY(300%);
	-webkit-transform:translateY(300%);
	-o-transform:translateY(300%);
	
	transition:transform 2s;
	
	z-index:91;
}
div.share-container div.share-trans
{
	width: 100%;
    height: 100%;
    position: absolute;
    /* z-index: 1; */
	display: flex;
    flex-direction: column;
    justify-content: center;
}
div.share-container div.share
{
	position: absolute;
    width: 15%;
    height: 25vh;
    background-color: white;
    top: 38%;
    left: 45%;
	
	text-align: center;
    z-index:50;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
div.share-container div.share p.share-link
{
	font-family: 'Changa_Light', sans-serif;
}
div.share-container div.share hr
{
	width : 60%;
	border:none;
	height : 0.15rem;
	background-color: grey;
}
div.share-container div.share ul
{
	list-style:none;
	padding:0%;
}
div.share-container div.share li
{
	font-family: 'Changa_Light';
    text-decoration: none;
	color:grey;
	cursor:pointer;
}
/*============================
		ANIMATION KEYFRAMES
==============================*/
:root {
	--progressStart:0%;
	--progressEnd:0%;
}

@keyframes fadeIn {
	0% {opacity:0;}
	25% {opacity:0.25;}
	75% {opacity:0.75;}
	100% {opacity:1;}
}
@keyframes progress {
	0% {width :var(--progressStart);}
	100% {width :var(--progressEnd);}
}
@keyframes fadeInArrow {
	0% {background-color:rgb(228,30,38, 0);}
	25% {background-color:rgb(228,30,38, 0.25);}
	75% {background-color:rgb(228,30,38, 0.75);}
	100% {background-color:rgb(228,30,38, 1);}
}
@keyframes fadeIn_BKG {
	0% {opacity:0;}
	100% {opacity:0.95;}
}
@keyframes fadeIn_projectBKG {
	0% {opacity:0;}
	100% {opacity:0.7;}
}
@keyframes fadeOut_projectBKG {
	0% {opacity:0.7;}
	100% {opacity:0;}
}
@keyframes fadeOut_BKG {
	0% {opacity:0.95;}
	100% {opacity:0;}
}
@keyframes fadeInblur {
	0% {backdrop-filter:blur(0px);}
	25% {backdrop-filter:blur(1px);}
	50% {backdrop-filter:blur(2px);}
	75% {backdrop-filter:blur(3px);}
	100% {backdrop-filter:blur(5px);}	
}
/*============================
 PRELOADER STYLE 
 =============================*/

	/*============================
			INTRO STYLE*/

div.preloader div.intro
{
	display:none;
	width:100%;
	height:100%;
	
	position : absolute;
	
	left : 0;
	top:0;
	
	font-family:'Changa_Light',sans-serif;
}
div.preloader div.intro img
{
	width:10%;
	position:absolute;
	top:50%;
	left:46%;
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}
	/*==============================*/
div.preloader
{
	width:100vw;
	height:100vh;
	
	position : absolute;
	
	left : 0;
	top:0;
	
	font-family:'Changa_Light',sans-serif;
	z-index: 50;
}	
div.preloader div.preloader-progress
{
	width:16.5%;
	margin:auto;
	position:relative;
	top:55.1%;
	color:#e80000;
	
	display:-webkit-flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	
	font-size:1.394rem;
	text-align:center;
	
	/*animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;*/
}

div.preloader div.preloader-progress span.preloader-progress-step
{
	font-size:1.76rem;
	color:white;
	opacity:0;
	width: max-content;
	animation: fadeIn ease 2s forwards;
	-webkit-animation: fadeIn ease 2s forwards;
	-moz-animation: fadeIn ease 2s forwards;
	-o-animation: fadeIn ease 2s forwards;
	-ms-animation: fadeIn ease 2s forwards;
}
div.preloader div.preloader-progress svg rect.cls-2
{
	/* width:100%; */
	width: var(--progressEnd);	
	transition: width 0.25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	opacity :0; 
	
	animation: fadeIn ease 2s forwards;
	-webkit-animation: fadeIn ease 2s forwards;
	-moz-animation: fadeIn ease 2s forwards;
	-o-animation: fadeIn ease 2s forwards;
	-ms-animation: fadeIn ease 2s forwards;
	
	/*animation: progress ease-in-out 2s 1s forwards;
	-webkit-animation: progress-in-out ease 2s 1s forwards;
	-moz-animation: progress ease-in-out 2s 1s forwards;
	-o-animation: progress ease-in-out 2s 1s forwards;
	-ms-animation: progress ease-in-out 2s 1s forwards;*/
}

div.preloader div.preloader-progress span.preloader-progress-percentage
{
	animation: fadeIn ease 1s 1s forwards;
	-webkit-animation: fadeIn ease 1s 1s forwards;
	-moz-animation: fadeIn ease 1s 1s forwards;
	-o-animation: fadeIn ease 1s 1s forwards;
	-ms-animation: fadeIn ease 1s 1s forwards;
}


/*============================
 NAV BAR STYLE 
 =============================*/
div.m_nav-menu, div.m_nav-menu-icon
{
	display:none;
}
header img.mobile-nav
{
	display:none;
}
header div.nav-bar
{
	width:60%;
	display:-webkit-flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	z-index:35; /*higher than current section wich is 30*/

}
header div.nav-bar nav
{
	z-index:2;
}
header div.nav-bar nav ul
{
	display: -webkit-flex;
	list-style:none;
	margin : 0% 0% 0% 0%;
	
	font-size: 1.71rem;
	font-family:'United_Sans_Bold', sans-serif;
	color:#6c6a6b;
	letter-spacing:0.2rem;
	justify-content:center;
	height:100%;
}
header div.nav-bar nav ul li
{
	height:100%;
}
header div.nav-bar nav ul li a
{
	text-decoration:none;
	color:#6c6a6b; 
	font-weight:700!important;
	-webkit-font-smoothing:antialiased;
}
header div.nav-bar nav ul a:link
{
	color:#6c6a6b;
}

header div.nav-bar nav ul a:hover 
{
	color:#e41e26; 
}
header div.nav-bar nav ul a.active
{
	color:#e41e26;
	font-weight:700!important;
	-webkit-font-smoothing:antialiased;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

header div.nav-bar div.redLine
{
	position:absolute;
	margin-top:1%;
	right:-0.5%;
	/**WIDTH IS SET VIA JS**/
	z-index:1;
}
header div.nav-bar div.redLine svg
{
	overflow:visible;
}

/*============================
	FOOTER STYLE 
 =============================*/
footer
{
	width : 87.5%;
	height: 5%; 
	z-index : 10;
	bottom:0px;
	margin:0% 6.25% 6.25% 6.25%;
	
	position : fixed;
	background-color: transparent;
	
	display: -webkit-flex;
	justify-content:space-between;
	flex-wrap: wrap;
	align-content:baseline;
	z-index: 35; /*SAME AS nav-bar*/
	
	-webkit-transform:translateY(0%);
	-moz-tranform:translateY(0%);
	-o-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	
	transition:transform 2s;
}
footer.hidden
{
	-webkit-transform:translateY(500%);
	-moz-tranform:translateY(500%);
	-o-transform:translateY(500%);
	-ms-transform:translateY(500%);
	transform:translateY(500%);
}

footer div.footer-social-links 
{
	width:50%;
	display:-webkit-flex;
	justify-content:flex-end;
	align-items:center;
	opacity:0.5;
}

footer div.footer-social-links a
{
	margin:0 2% 2% 2%;
	background-size: cover;
}
footer div.footer-social-links a :hover ,section.section-contact div.section-content div.adress div.social-links a:hover
{
	opacity:0.6;
	transition:opacity 0.5s ease;
}
footer div.footer-social-links a.pinterest, section.section-contact div.section-content div.adress div.social-links a.pinterest
{
	/* width:1.1rem; */
	/* height:1.1rem; */
	width:1.3rem;
	height:1.3rem;
	background:transparent url('../img/social_icons/pinterest.svg') no-repeat center center;
	background-size: cover;
}
/* footer div.footer-social-links a.twitter, section.section-contact div.section-content div.adress div.social-links a.twitter */
/* { */
	/* width:0.9835rem; */
	/* height:0.79743rem; */
	/* background:transparent url('../img/social_icons/twitter.svg') no-repeat center center; */
	/* background-size: cover; */
/* } */
footer div.footer-social-links a.facebook, section.section-contact div.section-content div.adress div.social-links a.facebook
{
	/* width:0.52917rem; */
	/* height:1rem; */
	width: 0.675rem;
    height: 1.363rem;
	background:transparent url('../img/social_icons/facebook.svg') no-repeat center center;
	background-size: cover;
}
/* footer div.footer-social-links a.instagram, section.section-contact div.section-content div.adress div.social-links a.instagram */
/* { */
	/* width:0.8709rem; */
	/* height:0.83277rem; */
	/* background:transparent url('../img/social_icons/instagram.svg') no-repeat center center; */
	/* background-size: cover; */
/* } */
footer div.footer-social-links a.linkedin, section.section-contact div.section-content div.adress div.social-links a.linkedin
{
	/* width:0.75696rem; */
	/* height:0.71948rem; */
	width:1.25rem;
	height:1.188rem;
	background:transparent url('../img/social_icons/linkedin.svg') no-repeat center center;
	background-size: cover;
}
/* footer div.footer-social-links a.behance, section.section-contact div.section-content div.adress div.social-links a.behance */
/* { */
	/* width:0.94655rem; */
	/* height:0.605625rem; */
	/* background:transparent url('../img/social_icons/behance.svg') no-repeat center center; */
	/* background-size: cover; */
/* } */
/* footer div.footer-social-links a.youtube, section.section-contact div.section-content div.adress div.social-links a.youtube */
/* { */
	/* width:0.9466rem; */
	/* height:0.6812rem; */
	/* background:transparent url('../img/social_icons/youtube.svg') no-repeat center center; */
	/* background-size: cover; */
/* } */
footer div.footer-social-links a.email, section.section-contact div.section-content div.adress div.social-links a.email
{
	/* width:0.90843rem; */
	/* height:0.643739rem; */
	width:1.300rem;
	height:1.063rem;
	background:transparent url('../img/social_icons/email.svg') no-repeat center center;
	background-size: cover;
}
footer a div.footer-logo
{
	margin-top:10.5%;
}
footer a
{
	text-decoration:none;
	cursor:pointer;
}

footer div.footer-logo img
{
	width:7.40151vw;
}

footer p.footer-copyright
{
	width : 49%;
	margin: -1.5vh 0% 0 51%;
	text-align: right;
	font-size:0.5066667vw;
	font-family:'Changa_Bold', sans-serif;
	color:#605e5f;
	text-transform:uppercase;
	line-height:1.2;
}
footer i#share-button
{
	width: 1.1rem;
	height:1.1rem;
	background-image:url('../img/Gallery/share icon.svg');
	background-repeat:no-repeat;
	background-size:contain;
	
	cursor:pointer;
	text-decoration:none;
	color:white;  
	margin: 0 2% 2% 2%;
}
footer i#share-button:hover
{
	opacity:0.5;
	transition: opacity 0.5s ease;
}
/* ===============================
	SECTION HOME STYLE 
==================================*/

header div.home-nav-bar
{
	top:34vh;
	right:17.55vw;
	justify-content:center;
	position:absolute;
	
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
}

header div.home-nav-bar nav ul
{
	font-size: 2.50325rem;
	letter-spacing:0.3rem;
}
header div.home-nav-bar hr
{
	display:none;
}
/* ===============================
	SECTION ABOUT STYLE 
==================================*/
section.section-about div.section-content div.m_portrait
{
	display:none;
}
header h1.section-title span#one
{
	color:#666666;	
}

section.section-about div.section-content div.about-scroll
{
	width:47%;
	height:100%;
	overflow:auto; /*important for scrollbar*/
}
section.section-about div.section-content div.about-scroll .mCSB_scrollTools .mCSB_draggerContainer /*To display the scrollbar in the extreme right of the page*/
{
	margin-left:1vw;	
}

section.section-about div.section-content div.about-scroll p.biography
{
	width : 100%;
	margin-block-start:0;
	margin-top:-0.3rem;
	color: rgb(228, 229, 225);
	text-align: justify;
	
	font-family:"Changa_Regular", sans-serif;
	font-size:1.25rem;
	text-transform: uppercase;
	line-height: 1.604;
}
section.section-about div.section-content img.portrait
{
	width : 49%;
	object-fit: cover;
	max-height:99%;
	object-position:top;
}
section.section-about div.section-content div.about-scroll ul.exhibition-list
{
	max-width: 100%;
	list-style:none;
	font-size:1.1rem;
	/* color:#605b5e; */
	/* color:#7f7b7e; */
	 color:#C0BEBF;
	padding-left:0px;
	
	font-family: "Changa_Regular", sans-serif;
	
	text-transform: uppercase;
	line-height: 1.21;
	text-align: left;	
}

section.section-about div.section-content div.about-scroll ul.exhibition-list span
{
	color:#e41e26;
	font-family: "Changa_Regular", sans-serif;
}
/* END OF SECTION ABOUT STYLE */

/* ============================	
	SCROLLBAR STYLE
===============================*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
.mCustomScrollBox{ /* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}

.mCSB_container{ /* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
	/* 
	------------------------------------------------------------------------------------------------------------------------
	2. VERTICAL SCROLLBAR 
	y-axis
	------------------------------------------------------------------------------------------------------------------------
	*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
		
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		height: 100%;
		margin: 0 auto;
		
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 6px;
		height: 100%;
		margin: 0 auto;
		
		text-align: center;
		
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	/* 
=================================
 HORIZONTAL SCROLLBAR 
x-axis
=================================
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



 /* ==============================
		THEME OBAIDI_ART
	==============================*/ 
.mCS-OBAIDI_ART.mCSB_scrollTools .mCSB_draggerRail{ 
	background-color: #4b4a4a; 
	width:0.375vw;
}

.mCS-OBAIDI_ART.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
	background-color: #e80000;
	width:0.4166667vw;
} 
/* ==============================
		THEME OBAIDI_ART_H (FOR HORIZONTAL BAR)
	==============================*/ 
.mCS-OBAIDI_ART_H.mCSB_scrollTools .mCSB_draggerRail{ 
	background-color: #4b4a4a; 
	height:0.175vw;
}

.mCS-OBAIDI_ART_H.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
	background-color: #e80000; 
	height:0.4166667vw;
}
.mCS-OBAIDI_ART_H_Thumb.mCSB_scrollTools .mCSB_draggerRail{
	background-color: #4b4a4a; 
}
.mCS-OBAIDI_ART_H_Thumb.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
	background-color: #e80000; 
	height:0.20833335vw;
}
/* ==== TO CHANGE SCROLLBAR ON HOVER AND ACTIVE ==========
		.mCS-OBAIDI_ART.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
			{ width : 6px;}
		.mCS-OBAIDI_ART.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
		.mCS-OBAIDI_ART.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
		{ width : 6px;}
 ===========================================================*/
/* END OF SCROLLBAR STYLE*/

/* =====================================
	STYLE OF SECTION PROJECTS
=======================================*/
section.section-projects div.section-content div.m_projects-nav
{
	display:none;
}

section.section-projects.current div.section-content div#leftArrow
{
	width: 25px;
	height:8%;
	top:62vh;
	position: absolute;
	opacity:0;
	
	background-image:url('../img/left.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;
	animation: fadeIn ease-in-out 1.5s 3s forwards;
	-webkit-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-moz-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-o-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-ms-animation: fadeIn ease-in-out 1.5s 3s forwards;
}
section.section-projects.current div.section-content div#rightArrow
{
	width: 25px;
	height:8%;
	top:62vh;
	right:6.5%;
	position: absolute;
	opacity:0;
	
	background-image:url('../img/right.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;

	animation: fadeIn ease-in-out 1.5s 3s forwards;
	-webkit-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-moz-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-o-animation: fadeIn ease-in-out 1.5s 3s forwards;
	-ms-animation: fadeIn ease-in-out 1.5s 3s forwards;
	
}
section.section-projects div.section-content ul.projects-ul
{
	width:100%;
	align-self:center;
	display : -webkit-flex;
	margin:0;
	list-style:none;
	padding:0%;
	overflow:auto;
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	
	
}

section.section-projects div.section-content ul.projects-ul.hide
{
	transform:translateX(-150%) translateY(0);
	-webkit-transform:translateX(-150%) translateY(0); 
	-moz-transform:translateX(-150%) translateY(0);
	-o-transform:translateX(-150%) translateY(0);
}
section.section-projects div.section-content ul.projects-ul .mCSB_container
{
	display : -webkit-flex;
	justify-content:center;
	height:97%;
}
section.section-projects div.section-content ul.projects-ul .mCSB_scrollTools.mCSB_scrollTools_horizontal 
{
   top:28.078385vw;
}
section.section-projects div.section-content ul.projects-ul li 
{
	cursor:pointer;
	/* transform:translateX(100%); */
	/* -moz-transform:translateX(100%); */
	/* -webkit-transform:translateX(100%); */
	/* -o-transform:translateX(100%); */
	
	text-align:center;
	width: 17.5vw;
	height:27.821771vw;
}
section.section-projects div.section-content ul.projects-ul li:not(:last-of-type)
{
	margin-right:0.1%;
}
section.section-projects div.section-content ul.projects-ul li a
{
	width: 100%;
	height:100%;
	display: block;
    position: relative;
}
section.section-projects div.section-content ul.projects-ul li a div.project-BKG
{
	position:absolute;
	width:100%;
	/* height:29.821771vw; */
	height:100%;
	background-color:black;
	top:0;
	left:0;
	opacity:0;
}
section.section-projects div.section-content ul.projects-ul li span
{
	width:100%;
	top:45%;
	font-size:1.7rem;
	font-family:'United_Sans_Bold', sans-serif;
	color:white; 
	position:absolute;
	text-transform:uppercase;
	letter-spacing:0.25rem;
	z-index:1;
}
section.section-projects div.section-content ul.projects-ul li span span.ctsm
{
	position : static;
	font-family : 'United_Sans_Medium', sans-serif;
	font-size:0.9rem;
}
section.section-projects div.section-content ul.projects-ul li img
{
	width: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	
	opacity:0.7;
	
	/* transition:opacity 1s ease; */
	
	/* animation: fadeIn_projectBKG ease-in-out 1s forwards; */
	/* -webkit-animation: fadeIn_projectBKG ease-in-out 1s forwards; */
	/* -moz-animation: fadeIn_projectBKG ease-in-out 1s forwards; */
	/* -o-animation: fadeIn_projectBKG ease-in-out 1s forwards; */
	/* -ms-animation: fadeIn_projectBKG ease-in-out 1s forwards; */
}
section.section-projects div.section-content ul.projects-ul li a:hover img
{
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
	transition: -webkit-filter 0.75s;
	transition: filter 0.75s;
}
section.section-projects div.section-content ul.projects-ul li a:hover span
{
	color:#e41e26;
}
section.section-projects div.section-content ul.projects-ul li a:hover div
{
	animation: fadeIn_projectBKG ease-in-out 0.75s forwards;
	-webkit-animation: fadeIn_projectBKG ease-in-out 0.75s forwards;
	-moz-animation: fadeIn_projectBKG ease-in-out 0.75s forwards;
	-o-animation: fadeIn_projectBKG ease-in-out 0.75s forwards;
	-ms-animation: fadeIn_projectBKG ease-in-out 0.75s forwards;
	
}
/* =====================================	STYLE OF ARTICLE (SINGLE PROJECT) AND FULLSCREEN PHOTO =======================================*/

section.section-projects article.project div.article-container div.project-photo div.m_Album-nav
{
	display:none;
}
section.section-projects article.project
{
	/* opacity:0; */
	height:100%;
	width:100%;
	position : absolute;
	top : 0%;
	left:0%;
	
	z-index : 2;
	transform:translateX(100%) translateY(0);
	-moz-transform:translateX(100%) translateY(0);
	-webkit-transform:translateX(100%) translateY(0);
	-o-transform:translateX(100%) translateY(0);
	
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
section.section-projects article.project.show
{
	/* opacity:1; */
	transform:translateX(0%) translateY(0);
	-moz-transform:translateX(0%) translateY(0);
	-webkit-transform:translateX(0%) translateY(0);
	-o-transform:translateX(0%) translateY(0);
}
section.section-projects article.project div.article-container
{
	width:87.5%;
	
	height:64%;
	
	margin:18vh 6.25% 18vh 6.25%;
	padding:2vh 0;
	display : -webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
	box-sizing: border-box;
}
section.section-projects article.project div.article-container a.backArrow
{
	width : 1.3%;
	height:8%;
	
	background-image:url('../img/left.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	top:49%;
	position: absolute;
	
	color:white;
	font-size:1.5rem;
	font-style:normal;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
}
section.section-projects article.project div.article-container div.project-photo
{
	margin-top:0.5%;
	width:52%;
	height:93%;
	position:relative;
	margin-left:3%;
	display : -webkit-flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	list-style:none;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails
{
	margin-top:1%;
	height:18%;
	width:100%;
	display : -webkit-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	overflow:hidden;
}	
section.section-projects article.project div.article-container div.project-photo i.previous-thumb
{
	width : 1.345208vw;
	height:1.345208vw;
	margin-right:1%;
	z-index:2;
	
	background-image:url('../img/Gallery/Red_left arrow.svg');
	background-repeat:no-repeat;
	background-size:contain;
	
	cursor:pointer;
}
section.section-projects article.project div.article-container div.project-photo i.next-thumb
{
	width : 1.345208vw;
	height:1.345208vw;
	margin-left:1%;
	z-index:2;
	
	background-image:url('../img/Gallery/Red_next arrow.svg');
	background-repeat:no-repeat;
	background-size:contain;
	
	cursor:pointer;
}
section.section-projects article.project div.article-container div.project-info
{
	width:43%;
	height:90%;
	margin-left:2%;
	display: flex;
    flex-direction: column;
}
section.section-projects article.project div.article-container div.project-info h2.project-title
{
	text-transform: uppercase;
	color : #e41e26;
	font-family:'DIN_Medium', sans-serif;
	font-weight:bold;
	margin-top:0;
	font-size:1.9rem;
}
section.section-projects article.project div.article-container div.project-info p.project-description
{
	font-family:'DIN_Regular', sans-serif;
	color:#858484;
	font-size:1.14rem;
	text-align:justify;
	overflow:auto;
}
/* section.section-projects article.project div.article-container i#share-button */
/* { */
	/* width: 1rem; */
	/* height:1rem; */
	/* position: relative; */
	/* left:99%; */
	/* bottom: 2vh; */
	/* background-image:url('../img/Gallery/share icon.svg'); */
	/* background-repeat:no-repeat; */
	/* background-size:contain; */
	
	/* cursor:pointer; */
	/* text-decoration:none; */
	/* color:white;   */
/* } */
/* section.section-projects article.project div.article-container i#share-button:hover */
/* { */
	/* opacity:0.5; */
	/* transition: opacity 0.5s ease; */
/* } */
section.section-projects article.project div.article-container i#project-download-button
{
	width: 1rem;
	height:1rem;
	position: relative;
	left:96%;
	bottom: 2vh;
	background-image:url('../img/Gallery/download icon.svg');
	background-repeat:no-repeat;
	background-size:contain;
	
	cursor:pointer;
	text-decoration:none;
	color:white;  
}
section.section-projects article.project div.article-container i#project-download-button:hover
{
	opacity:0.5;
	transition: opacity 0.5s ease;
}
section.section-projects article.project div.article-container p.section-subtitle 
{
	margin-top:0;
	margin-bottom:0%;
	width:40%;
	text-transform: uppercase;
	color :#666666;
	font-family:'DIN_Medium', sans-serif;
	font-size:1.33rem;
}
section.section-projects article.project div.article-container p.section-subtitle a
{
	text-decoration:none;
	color :#666666;
}
section.section-projects article.project div.article-container p.section-subtitle span
{
	text-transform: uppercase;
	color : #e41e26;
}
section.section-projects article.project div.article-container a.close-project
{
	width:10%;
	color : #e41e26;
	font-family:'Changa_ExtraBold', sans-serif;
	cursor:pointer;
	text-align:right;
	text-decoration:none;
	font-size: 0.815rem;
}
section.section-projects article.project div.article-container a.close-project:hover
{
	opacity:0.7;
	transition:opacity 0.5s ease;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul
{
	margin:0;
	height:100%;
	width:calc((6.737448vw * 5) + (0.8rem * 4));
	padding:0%;
	
	list-style:none;
	z-index:2;
	overflow:auto;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul div.mCSB_container
{
	display :-webkit-flex;	
	justify-content:flex-start;
	align-items:flex-start;
	height:100%;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul .mCSB_scrollTools.mCSB_scrollTools_horizontal 
{
	top: 88%;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li
{
	height:100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	flex-shrink:0;
	cursor:pointer;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li:hover
{
	height:100%;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	
	transition : filter 1s ease-in-out;
	transition : -webkit-filter 1s ease-in-out;
	flex-shrink:0;
	cursor:pointer;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li:not(:last-of-type)
{
	margin: 0 0.8rem 0 0;
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li img
{
	
	width: 6.737448vw;
	
	max-height:87%;
	object-fit: cover;
	
	opacity : 0;	
	transition:opacity 1s ease;	
}
section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li.thumbnail-current
{
	filter:grayscale(40%);
	-webkit-filter:grayscale(40%);
}
section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous
{
	width :1.6vw;
	height:4vw;
	margin-right:-1.58vw;
	
	display:none;
	
	background-image:url('../img/left.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;
	z-index:1;
}
section.section-projects article.project div.article-container div.project-photo div.current-photo div.next
{
	width :1.6vw;
	height:4vw;
	margin-left:-1.58vw;
	
	display:none;
	
	background-image:url('../img/right.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;
	z-index:1;
}
section.section-projects article.project div.article-container div.project-photo div.current-photo
{
	margin:auto;
	width: 100%;
	max-height :79%;
	position:relative;
	display : -webkit-flex;
	justify-content:center;
	max-width:100%;
	align-items:center;
}
section.section-projects article.project div.article-container div.project-photo div.current-photo svg
{
	position : absolute;
}
section.section-projects article.project div.article-container div.project-photo div.current-photo img
{
	max-width :100%;
	max-height :100%;
	cursor:pointer;
	opacity : 0;	
	transition:opacity 1s ease;
}
section.section-projects article.project a.m_Album-back
{
	display:none;
}
div.fullScreen
{
	visibility:hidden;
	position:fixed;
	width:100%;
	height:100%;
	top :0%;
	left:0%;
	z-index:100; /*THE HIGHEST YET IS 35 FOR NAV-BAR*/
	display : -webkit-flex; 
	justify-content:center;
	align-items:center;
	
	transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transition:transform 1s;
}
div.fullScreen div.fullScreenImg
{
	width:100%;
	height:100%;
	position:relative;
	margin:auto;
	display : -webkit-flex;
	justify-content:center;
	align-items:center;
	top:0;
	left:0;
}
div.fullScreen div.fullScreenImg img
{
	max-height:95%;
	max-width:95%;
	
	animation: fadeIn ease 1s;
	-webkit-animation: fadeIn ease 1s;
	-moz-animation: fadeIn ease 1s;
	-o-animation: fadeIn ease 1s;
	-ms-animation: fadeIn ease 1s;
	
	z-index:2;
}
div.fullScreen div.fullScreenImg div.previous
{
	top:49%;
	left:5vw; 
	position: absolute;
	
	width :2vw;
	height:4.2vw;
	margin-right:-1.58vw;
	
	background-image:url('../img/left.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;
	z-index:2;
}
div.fullScreen div.fullScreenImg div.next
{
	top:49%;
	right:5vw; 
	position: absolute;
	
	width :2vw;
	height:4.2vw;
	margin-right:-1.58vw;
	
	background-image:url('../img/right.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	
	cursor:pointer;
	z-index:2;
}
div.fullScreen div.fullScreenImg i span
{
	margin-left:20%;
	margin-top:2rem;
	position:absolute;
}
div.fullScreen div.fullScreenImg div.trans
{
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
div.fullScreen i.close-fullScreen
{
	position:absolute;
	top:5%; 
	right:5%;
	color:grey;
	font-family:'Changa_Medium', sans-serif;
	font-style:normal;
	font-size:2rem;
	cursor:pointer;
	z-index:2;
}
div.fullScreen i.close-fullScreen:hover 
{
	opacity:0.7;
	transition:opacity 0.5s ease;
}
/* END OF STYLE OF SECTION PROJECT*/
/* =================================
SECTION PUBLICATIONS STYLE 
===================================*/
section.section-publications article.publication-download div.publication-article-container img.subpubBKG, section.section-publications article.publication-download div.publication-article-container a.m_publication-close
{
	display:none;
}
section.section-publications
{
	background-image:url('../img/Publications_BKG.png');
	background-position: center;	
	background-size: cover;
	background-repeat:no-repeat;
}
section.section-publications div.section-content
{
	display : -webkit-flex;
	flex-direction:column;
	justify-content:flex-start;
	line-height: 1.45;
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
section.section-publications div.section-content ul
{
	margin-top:5%;
	height:80%;
	list-style:none;
	padding:0;
	overflow:auto;
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
section.section-publications div.section-content ul a
{
	text-decoration:none;
}
section.section-publications div.section-content ul li 
{
	color:#6c6a6b;
	font-family:'Changa_Medium', sans-serif;
	font-size:1.71rem;
	cursor:pointer;	
}
section.section-publications div.section-content ul li:hover 
{
	color:#e41e26;
	
}
section.section-publications article.publication-download
{
	/* opacity:0; */
	width : 100%;
	height: 100%;
	position:absolute;
	top:0;
	left:0;
	
	z-index : 32;
	
	transform:translateX(100%) translateY(0);
	-moz-transform:translateX(100%) translateY(0);
	-webkit-transform:translateX(100%) translateY(0);
	-o-transform:translateX(100%) translateY(0);
	
	transition: transform 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
section.section-publications article.publication-download.show
{
	/* opacity:1; */
	
	transform:translateX(0%) translateY(0);
	-moz-transform:translateX(0%) translateY(0);
	-webkit-transform:translateX(0%) translateY(0);
	-o-transform:translateX(0%) translateY(0);
}
section.section-publications article.publication-download a.backArrow
{
	top:49%;
	position: absolute;
	width : 1.3%;
	height:8%;
	background-image:url('../img/left.svg');
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	cursor:pointer;
	z-index:2;
	text-decoration:none;
	left: 6%;
	
}
section.section-publications article.publication-download a.backArrow span
{
	margin-left:19%;
	margin-top:1.5rem;
	position:absolute;
}
section.section-publications article.publication-download a.publication-download-close
{
	position:absolute;
	top:23%;
	text-decoration:none;
	text-align:right;
	right:6.5%;
	font-size: 0.7rem;
	color : #e41e26;
	font-family:'Changa_ExtraBold', sans-serif;
	cursor:pointer;
	z-index:2;
	text-decoration:none;
}
section.section-publications article.publication-download div.publication-article-container
{
	width:87.5%;
	height:45%;
	margin:18vh 6.25% 18vh 6.25%;
	display : -webkit-flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content: space-between;
	padding:6% 0;
	padding-bottom:2%;
}
section.section-publications article.publication-download div.publication-article-container div.div_one
{
	width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 10%;
    box-sizing: border-box;
    max-height: 100%;
	height: 100%;
}
section.section-publications article.publication-download div.publication-article-container div.publication-title-container
{
	/* width:30.5%; */
	/* margin-right: 3.2%; */
	margin-left:13.5%;	
	display:-webkit-flex;
	align-items:flex-start;
	justify-content:flex-end;
}
section.section-publications article.publication-download div.publication-article-container div.publication-title-container h3.publication-title
{
	margin:0;
	
	text-align:right;
	font-size:4rem;
	font-family:'United_Sans_Bold', sans-serif;
	color:#e41e26;
	letter-spacing:0.1rem;
}
section.section-publications article.publication-download div.publication-article-container a.publication-link
{
	/* width:30.5%; */
	text-align:right;
	text-decoration:none;
	font-size:2.5rem;
	
	font-family:'United_Sans_Bold', sans-serif;
	color:#605e5f;
	/* margin-left: 13.5%; */
    /* margin-right: 3.2%; */
	max-height : 70%;
}
section.section-publications article.publication-download div.publication-article-container a.publication-cover-link
{
	text-align: right;
	max-height: 70%;
}
section.section-publications article.publication-download div.publication-article-container a.publication-cover-link img
{
	margin-left: 5%;
    margin-top: 2%;
    max-width: 91%;
    max-height: 95%;
	opacity : 0;
	transition:opacity 1s ease;	
}
section.section-publications article.publication-download div.publication-article-container p.publication-description
{
	width:50%;
	height:100%;
	font-family:'Changa_Medium', sans-serif;
	font-size:1.1rem;
	color:#afadad;
	/* text-transform:uppercase; */
	text-align:justify;
	line-height:1.4;
	white-space: pre-wrap;
	margin-block-start: 0;
}
/* END OF SECTION PUBLICATIONS STYLE */

/*======================================
	SECTION CONTACT STYLE 
========================================*/
section.section-contact
{
	background-image:url('../img/CONTACT_BKG.png');
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;
}	
section.section-contact div.section-content
{
	line-height: 1;
	justify-content:center;
	align-content: flex-end;
	/* flex-direction:column; */
	font-size: 1.615rem;
	font-family:'Changa_Regular', sans-serif;
	color:#6c6a6b;
}
section.section-contact div.section-content div.contact-artist
{
	height: 60%;
    display: flex;
	flex-direction:column;
    width: 35%;
    /* justify-content: center; */
    align-content: center;
}
section.section-contact div.section-content div.contact-artist p
{
	margin:1% 0;
}
section.section-contact div.section-content p span
{
	color:#e50913;
}
section.section-contact div.section-content div p#full-name
{
	font-size: 1.9475rem;
	margin:0;	
}
section.section-contact div.section-content div p#full-name span#l-name
{
	color:white;
	font-weight:bold;
}
section.section-contact a
{
	text-decoration:none;
	color:#e50913;
	font-size: 1.615rem;
    font-family: 'Changa_Medium';
}

/* section.section-contact div.section-content div.contact-manager */
/* { */
	/* display : -webkit-flex; */
	/* flex-direction:column; */
/* } */
/* section.section-contact div.section-content div.contact-manager p span */
/* { */
	/* font-weight:bold; */
	/* color:white; */
/* } */
section.section-contact div.section-content div.adress
{
	width: 26%;
	height:60%;
	display: flex;
    flex-direction: column;
	/* justify-content: center; */
}
section.section-contact div.section-content div.adress p
{
	/* margin: 1% 0; */
	margin:0 0 1% 0; 
}
section.section-contact div.section-content div.adress div.social-links
{
	display:flex;
	margin-top: 5%;
	opacity:0.5;
	align-items: center;
}
section.section-contact div.section-content div.adress span
{
	color:white;
}
section.section-contact div.section-content div.adress div.social-links a
{
	margin:0 14% 2% 0%;
	transform: scale(1.5);
	background-size: cover;
}


@media screen and (max-width: 94.063rem){			/*UP TO 1505px*/ /*tablet landscape*/
	
	header
	{
		margin : 6% 6% 0 6%;
		align-items:flex-start;
		height:auto;
		width:88%;
	}
	header div.nav-bar
	{
	    margin-top: 0.3%;
	}
	header div.nav-bar nav ul
	{
		font-size: 1rem;
	}
	header div.home-nav-bar nav ul 
	{
		font-size: 2rem;
	}
	header div.nav-bar div.redLine
	{
		margin:0.3% 0 0 0;
	}
	header h1.section-title
	{
		max-width:50%;
		font-size: 2.6rem;
		margin:0;
	}
	footer
	{
		height:auto;
		margin: 0 6% 6% 6%;
		width:88%;
	}
	footer div.footer-logo img 
	{
		width: 14.90151vh;
	}
	footer p.footer-copyright 
	{
		width: 100%;
		margin:0;
		font-size: 0.7vw;
		font-family:'Changa_Light', sans-serif;
		letter-spacing: 0.05827338vw;
		text-align: justify;
		line-height: 1.2;
	}
	footer div.footer-social-links a 
	{
		margin: 0 2% 2% 2%;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-o-transform: scale(0.8);
	}
	div.keyboard_msg
	{
		display:none;
	}
	section div.section-content 
	{
		margin:0;
		position:relative;
		top: 18.5vh;
		left:6%;
		height:60%;
		width:88%;
	}
	div.preloader div.intro img
	{
		width:14vw;
		left:43%;
	}
	div.share-container div.share
	{
		width:20%;
		height:37vh;
		top:33%;
		left:41%;
	}
	/*======================================
			ABOUT SECTION STYLE 
	=======================================*/
	section.section-about div.section-content div.about-scroll p.biography
	{
		font-size: 0.8rem;
		line-height: 1.1;
		margin-top:0;
	}
	section.section-about div.section-content div.about-scroll ul.exhibition-list
	{
		font-size: 0.8rem;
		line-height: 0.75rem;
	}
	
	/*===================================
			PROJECTS STYLE
	====================================*/
	section.section-projects div.section-content div.m_projects-nav
{
	display:none;
}
	section.section-projects div.section-content ul.projects-ul 
	{
		top:37vh;
	}
	
	section.section-projects div.section-content ul.projects-ul a
	{
		height:50.821771vh;
		max-height:50.821771vh;	
		width: 17.75vw;
	}
	section.section-projects div.section-content ul.projects-ul li span span.ctsm
	{
		font-size:0.65rem;
	}
	section.section-projects div.section-content ul.projects-ul li span
	{
		font-size: 1.1rem;
	}
	section.section-projects div.section-content ul.projects-ul .mCSB_scrollTools.mCSB_scrollTools_horizontal 
	{
	   top:auto;
	}
	section.section-projects.current div.section-content div#leftArrow
	{
		width: 25px;
		height: 4.2vw;
		top:37vh;
		left : 0;
	}
	section.section-projects.current div.section-content div#rightArrow
	{
		width: 25px;
		height: 4.2vw;
		top:37vh;
		right : 0;
	}
	section.section-projects div.section-content ul.projects-ul .mCSB_container 
	{
		margin-bottom:3vh;
	}
	section.section-projects div.section-content ul.projects-ul li
	{
		height:100%;
	}
	section.section-projects div.section-content ul.projects-ul li img
	{
		max-height:100%;
		object-fit: cover;
	}
	section.section-projects div.section-content ul.projects-ul li div.project-BKG
	{
		height:100%;
	}
	
						/*****************ALBUM GALLERY STYLE********************/
	section.section-projects article.project a.m_Album-back
	{
		display:none;
	}
	section.section-projects article.project div.article-container
	{
		position:relative;
		top:18.5vh;
		left:6%;
		height:60%;
		margin:0;
	}
	section.section-projects article.project div.article-container p.section-subtitle 
	{
		width:60%;
		font-size: 1.1rem;
	}
	section.section-projects article.project div.article-container a.backArrow
	{
		display:none;
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails
	{
		height:28%;
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul
	{
		width:calc((6.737448vw * 7) + (0.4rem * 6));
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li img
	{
		height:100%;
		width: 8.737448vw;
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li:not(:last-of-type)
	{
		margin: 0 0.4rem 0 0;
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul .mCSB_scrollTools.mCSB_scrollTools_horizontal 
	{
		visibility:hidden;
	}
	section.section-projects article.project div.article-container div.project-photo i.previous-thumb, section.section-projects article.project div.article-container div.project-photo i.next-thumb
	{
		display:none;
	}
	section.section-projects article.project div.article-container div.project-info
	{
		width:39%;
		height:94%;
	}
	section.section-projects article.project div.article-container div.project-info h2.project-title
	{
		font-size:1.7rem;
		letter-spacing:0.05rem;
		margin-bottom: 0.1vh;
	}
	section.section-projects article.project div.article-container div.project-info p.project-description
	{
		font-size: 0.9rem;
		margin-bottom:0;
	}
	section.section-projects article.project div.article-container i#share-button
	{
		bottom:4vh;
		left:99%;
	}
	footer i#share-button
	{
		cursor:pointer;
		margin:0 2% 2% 2%;;
	}
	section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous, section.section-projects article.project div.article-container div.project-photo div.current-photo div.next
	{
		width: 8vw;
		height: 12.2vw;
		display:block;
		background-size:20px;
	}
	section.section-projects article.project div.article-container div.project-photo div.current-photo
	{
		/* height:81%; */
		height:73%;
	}
	section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous
	{
		margin-right:-8vw;
		background-position:left;
	}
	section.section-projects article.project div.article-container div.project-photo div.current-photo div.next
	{
		margin-left:-8vw;
		background-position:right;
	}
	div.fullScreen div.fullScreenImg img 
	{
		max-height: 70%;
		max-width: 84%;
	}
	div.fullScreen i.close-fullScreen
	{
		font-size:1.8rem;
	}
	section.section-projects article.project div.article-container a.close-project
	{
		width:15%;
	}
	/*======================================
			SECTION PUBLICATIONS STYLE
	=======================================*/
	
	section.section-publications div.section-content ul 
	{
		margin: auto 0;
	}
	section.section-publications div.section-content ul li
	{
		font-size:1.1rem;
	}
	section.section-publications article.publication-download div.publication-article-container
	{
		position:relative;
		top:18.5vh;
		left:6%;
		height:50%;
		box-sizing:border-box;
		margin:0;
		padding: 2% 0;
	}
	section.section-publications article.publication-download div.publication-article-container a.m_publication-close
	{
		display:none;
	}
	section.section-publications article.publication-download a.backArrow
	{
		width:2vw;
		height:8vh;
		left: 0%;
	}
	section.section-publications article.publication-download a.publication-download-close
	{
		top:21%;
		position:fixed;
		right:6%;
		font-size:0.815rem;
	}
	section.section-publications article.publication-download div.publication-article-container div.publication-title-container
	{
		margin-top:4%;
	}
	section.section-publications article.publication-download div.publication-article-container div.publication-title-container h3.publication-title
	{
		font-size:2.7rem;
	}
	section.section-publications article.publication-download div.publication-article-container a.publication-link
	{
		font-size:1.3rem;
	}
	section.section-publications article.publication-download div.publication-article-container p.publication-description
	{
		
		font-size: 0.75rem;
		margin-top:1.5%;
		margin-bottom:0;
		
	}
	/*======================================
			SECTION CONTACT STYLE
	=======================================*/
	
	section.section-contact div.section-content
	{
		font-size: 1rem;
	}
	section.section-contact div.section-content div p#full-name 
	{
		font-size: 1.615rem;
	}
	section.section-contact div.section-content div.adress div.social-links a
	{
		transform: scale(1);
	}	
}
@media screen and (max-width: 63.937rem) and (orientation: portrait) and (min-height: 64rem)	/*and (-webkit-min-device-pixel-ratio: 2)*/	/* Up to 1023px */ /*tablet portrait*/ 
{
	
	header div.nav-bar nav ul
	{
		font-size: 1rem;
	}
	div.share-container div.share
	{
		width:30%;
		height:22vh;
		top:38%;
		left:38%;
	}
	footer p.footer-copyright 
	{
		font-size: 0.9424281vw;
	}
	/*===============================
			PROJECT STYLE 
	================================*/
	section.section-projects div.section-content ul.projects-ul li, section.section-projects div.section-content ul.projects-ul li a
	{
		height:unset;
		max-height:unset;
	}
	section.section-projects div.section-content ul.projects-ul li div.project-BKG
	{
		height:100%;
		max-height:100%;
	}
	
	section.section-projects article.project div.article-container div.project-photo
	{ 
		margin-top:0;
	}
	section.section-projects article.project div.article-container div.project-photo div.thumbnails
	{
		height:19%;
	}
	section.section-projects.current div.section-content div#leftArrow, section.section-projects.current div.section-content div#rightArrow
	{
		top:33vh;
	}
	/*===============================
			PUBLICATION STYLE 
	================================*/
	section.section-publications div.section-content ul li
	{
		margin: 2% 0 ;
	}
	section.section-publications article.publication-download a.backArrow
	{
		width:4vw;
	}
	section.section-publications article.publication-download a.publication-download-close
	{
		top: 18%;
	}
	section.section-publications article.publication-download div.div_one a.publication-cover-link img
	{
		max-width : 85%;
	}
	/*===============================
			CONTACT STYLE 
	================================*/
	section.section-contact div.section-content div.contact-artist
	{
		width:46%;
	}


}
@media screen and (max-width: 63.937rem) and (max-height : 63.937rem) and (orientation: landscape)  /*MOBILE LANDSCAPE*/
{
		html
		{
			height:100vh; 
		}
		div.preloader div.preloader-progress
		{
			width: 20.5%;
		}
		div.preloader div.preloader-progress span.preloader-progress-step
		{
			font-size: 1rem;
		}
		div.preloader div.preloader-progress span.preloader-progress-percentage
		{
			font-size: 0.9rem;
		}
		header
		{
			margin: 3% 3% 0 3%;
			width: 94%;
			height: auto;
		}
		header div.home-nav-bar
		{
			right: 19.55vw;
			top: 40vh;
		}
		
		header div.nav-bar.home-nav-bar nav ul
		{
			font-size: 1.2rem;
			letter-spacing: 0.2rem;
			top: 32vh;
		}
		header div.nav-bar nav
		{
			height: fit-content;
		}
		header div.nav-bar nav ul
		{
			font-size: 0.8rem;
			margin-bottom: 0;
			margin-top: 1%;
			letter-spacing: 0.15rem;
			height: auto;
		}
		header h1.section-title
		{
			font-size:2rem;
		}
		header div.nav-bar div.redLine
		{
			top: 17%;
			z-index:-1;
		}
		footer
		{
			height: auto;
			margin: 0 3% 3% 3%;
			width: 94%;
		}
		footer div.footer-social-links i, footer div.footer-social-links a
		{
			height: 27%;
			transform:scale(0.6);
			-moz-transform:scale(0.6);
			-webkit-transform:scale(0.6);
			-o-transform:scale(0.6);
		}
		footer p.footer-copyright
		{
			font-size: 0.9vw;
		}
		section div.section-content
		{
			top: 17.5vh;
			left: 3%;
			height: 60%;
			width: 94%;
			margin: 0;
		}
		div.share-container div.share
		{
			width: 27%;
			height: 38vh;
			top: 26%;
			left: 39%;
		}
		div.share-container div.share p.share-link, div.share-container div.share ul
		{
			font-size: 0.8rem;
		}
		/*===============================
				ABOUT STYLE
		================================*/
		section.section-about div.section-content div.about-scroll
		{
			width:47%;
		}
		section.section-about div.section-content div.about-scroll p.biography
		{
			margin-top: 0;
			/* color: #626367; */
			font-size: 0.7rem;
			line-height: 1.3;
			font-family: 'Changa_Medium', sans-serif;
		}
		section.section-about div.section-content div.about-scroll ul.exhibition-list
		{
			font-size: 0.65rem;
		}
		section.section-about div.section-content img.portrait
		{
			width:46%;
		}
		/*===============================
				PROJECT STYLE
		================================*/
		.mCSB_inside > .mCSB_container 
		{
			margin-right: 14px;
		}
		section.section-projects div.section-content
		{
			height: 58%;
			padding-top:0;
		}
		section.section-projects div.section-content ul.projects-ul li
		{
			width: 18.83vw;
			height:42.821771vh;
		}
		section.section-projects div.section-content ul.projects-ul li a span
		{
			font-size: 0.9rem;
			letter-spacing: 0.12rem;
		}
		section.section-projects.current div.section-content div#leftArrow, section.section-projects.current div.section-content div#rightArrow
		{
			width: 25px;
			height: 6.2vw;
			top: 33vh;
		}
		section.section-projects article.project a.m_Album-back
		{
			display:none;
		}
		section.section-projects article.project div.article-container
		{
			top: 13.5vh;
			left: 3%;
			height: 61%;
			margin: 0;
			width:94%;
		}
		section.section-projects article.project div.article-container div.project-photo
		{
			margin-left:0;
			margin-top:0;
			width:51%;
		}
		section.section-projects article.project div.article-container div.project-info
		{
			width: 46%;
			margin-left:1%;
		}
		section.section-projects article.project div.article-container p.section-subtitle
		{
			font-size:0.9rem;
		}
		section.section-projects article.project div.article-container div.project-info h2.project-title
		{
			font-size: 1rem;
			margin-bottom: 0.05vh;
		}
		section.section-projects article.project div.article-container div.project-photo div.current-photo
		{
			height: 79%;
			max-height: 79%;
		}
		section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous, section.section-projects article.project div.article-container div.project-photo div.current-photo div.next
		{
			width: 5vw;
			background-size: 13px;
		}
		section.section-projects article.project div.article-container div.project-photo div.current-photo div.next
		{
			margin-left: -4.9vw;
		}
		section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous
		{
			margin-right: -4.9vw;
		}
		
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li:not(:last-of-type)
		{
			margin: 0 0.3rem 0 0;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li img
		{
			width: 9vw;
			max-height: 100%;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails
		{
			height: 19%;
		}
		section.section-projects article.project div.article-container div.project-info p.project-description
		{
			font-size: 0.7rem;
			margin-top: 0.5%;
			width:100%;
			max-width:100%;
		}
		section.section-projects article.project div.article-container div.project-info p.project-description .mCSB_scrollTools
		{
			width:12px;
		}
		section.section-projects article.project div.article-container a.close-project
		{
			width: auto;
			font-size: 0.7rem;
			font-family: 'Changa_Medium', sans-serif;
		}
		div.fullScreen div.fullScreenImg div.next, div.fullScreen div.fullScreenImg div.previous
		{
			width: 4vw;
			height: 6.2vw;
		}
		/*======================================
				PUBLICATION STYLE
		======================================*/
		section.section-publications div.section-content
		{
			padding:0;
		}
		section.section-publications div.section-content ul
		{
			height: 90%;
		}
		section.section-publications div.section-content ul li
		{
			font-size: 0.8rem;
		}
		section.section-publications article.publication-download div.publication-article-container
		{
			top: 18.5vh;
			left: 3%;
			height: 60%;
			width: 94%;
			margin: 0;
			padding: 4% 0;
		}
		section.section-publications article.publication-download div.publication-article-container div.publication-title-container, 
		section.section-publications article.publication-download div.publication-article-container p.publication-description
		{
			margin-top:1%;
			font-size: 0.6rem;
		}
		section.section-publications article.publication-download div.publication-article-container div.publication-title-container h3.publication-title
		{
			font-size: 2rem;
		}
		section.section-publications article.publication-download div.publication-article-container a.publication-link
		{
			font-size:1rem;
		}
		section.section-publications article.publication-download a.publication-download-close
		{
			right: 3%;
			font-size: 0.715rem;
			font-family: 'Changa_Medium', sans-serif;
		}
		/*======================================
				CONTACT STYLE
		======================================*/
		section.section-contact div.section-content div p#full-name, section.section-contact a
		{
			font-size: 0.9rem;
		}
		section.section-contact div.section-content
		{
			font-size: 0.9rem;
			padding: 0;
			
			top: 13.5vh;
			height: 67%;
		}
		section.section-contact div.section-content div.adress
		{
			margin-left:4%;
			height: 75%;
		}
		section.section-contact div.section-content div.contact-artist
		{
			margin-right:4%;
			height: 75%;
		}
		
	
}
@media screen and (max-width: 63.938rem) and (orientation: portrait) and (max-height: 63.938rem)	/*and (-webkit-min-device-pixel-ratio: 2)*/	/* Up to 1023px */ /*mobile portrait*/
{	 
		div.holder div.holder-BKG img
		{
			object-fit: cover;
		}
		header 
		{
			height: 3vh;
			align-items: center;
		}
		header a.m_logo
		{
			display:block;
			width:22%;
		}
		header div.m_nav-menu-icon
		{
			display:block;
			z-index:35; /*higher than current section wich is 30*/
			width:9%;
			cursor:pointer;
		}
		header div.m_nav-menu-icon path.st0
		{
			fill:white;
		}
		header div.m_nav-menu-icon:hover path.st0
		{
			fill:#e41e26;
			transition:fill 0.5s ease;
		}
		header div.nav-bar
		{
			display:none;
		}
		header h1.section-title
		{
			top: 8vh;
			position: absolute;
			font-size: 5.5rem;
		}
		section div.section-content 
		{
			width: 100%;
			position:relative;
			height:68%;
			top:24%;
			bottom:12%;
			left:0;
			margin: 0;
			padding: 0;
		}
		footer
		{
			align-content: center;
		}
		footer.m_footer-hidden
		{
			-webkit-transform:translateY(300%);
			-moz-tranform:translateY(300%);
			-o-transform:translateY(300%);
			-ms-transform:translateY(300%);
			transform:translateY(300%);
			
			transition: transform 0.9s ease-in-out;
		}
		footer>a 
		{
			display:none;
		}
		footer div.footer-social-links
		{
			width: 100%;
			justify-content: center;
			margin-bottom:1.5%;
		}
		footer div.footer-social-links a, footer i#share-button
		{
			margin: 2vh 4vw 0 4vw;
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7);
		    -o-transform: scale(0.7);
		    transform: scale(0.7);
		}
		
		footer p.footer-copyright
		{
			text-align-last: center;
			font-size: 1.5vw;
		}
		div.share-container div.share
		{
			width: 43%;
			height: 28vh;
			top: 32%;
			left: 31%;
		}
		div.share-container div.share p.share-link, div.share-container div.share ul
		{
			font-size: 0.8rem;
		}
		/**********************************
				PRELOADER STYLE
		**********************************/
		div.preloader div.intro
		{
			display:block;
		}
		div.preloader div.intro img
		{
			width: 28vw;
			left: 37%;
			filter: grayscale(1);
			-webkit-filter: grayscale(1);
			opacity: 0.4;
			
			animation: unset;
			-webkit-animation: unset;
			-moz-animation:unset;
			-o-animation: unset;
			-ms-animation: unset;
			
			transition:opacity 1s ease-in-out;
		}
		div.preloader div.preloader-progress
		{
			width:38.5%;
			top: 57.1%;
		}
		div.preloader div.preloader-progress span.preloader-progress-step
		{
			font-size: 2rem;
		}
		div.preloader div.preloader-progress span.preloader-progress-percentage
		{
			font-size: 2rem;
		}
		/***********************************
					NAV STYLE
		***********************************/
		div.m_nav-menu
		{
			display:block;
			visibility:visible;
			width:100vw;
			height:74%;
			position:relative;
			top: 12%;
			left: 0;
			bottom:12%;
			transform:translateX(0%) translateY(0);
			-moz-transform:translateX(0%) translateY(0);
			-webkit-transform:translateX(0%) translateY(0);
			-o-transform:translateX(0%) translateY(0);
			
			transition: transform 0.5s ease-in-out;
			z-index:35;
		}
		div.m_nav-menu.hidden
		{
			visibility:hidden;
			transform:translateX(100%) translateY(0);
			-moz-transform:translateX(100%) translateY(0);
			-webkit-transform:translateX(100%) translateY(0);
			-o-transform:translateX(100%) translateY(0);
			
			transition: transform 0.5s ease-in-out;
		}
		div.m_nav-menu ul
		{
			width:100vw;
			height:100%;
			list-style:none;
			padding:0;
			margin:0;
			
			display : -webkit-flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
		}
		div.m_nav-menu ul a
		{
			width:100%;
			height:25%;
			cursor:pointer;
		}
		div.m_nav-menu ul li 
		{
			width:100%;
			height:100%;
			text-decoration:none;
			color:white;
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
		}
		div.m_nav-menu ul li span
		{
			position:absolute;
			font-family:'United_Sans_Bold', sans-serif;
			font-size: 3.5rem;
			letter-spacing: 0.8rem;
		}
		div.m_nav-menu ul li div
		{
			width:100%;
			height:100%;
			opacity: 0.4;
		}
		div.m_nav-menu ul li div img
		{
			width:100%;
			height:100%;
			object-fit:cover;
		}
		
		
		/***********************************
					ABOUT STYLE 
		************************************/
		header h1.section-title#m_ABOUT
		{
			/* margin-top: 4vh; */
		}
		section.section-about div.section-content
		{
			height: 76%;
			top: 9vh;
			left:0;
		}
		section.section-about div.section-content div.about-scroll 
		{
			order: 2;
			width: 82%;
			height: 47%;
			left:6.5%;
			margin-top:3%;
		}	
		
		section.section-about div.section-content img.portrait
		{
			display:none;
		}
		section.section-about div.section-content div.m_portrait
		{
			display:block;
			width : 100%;
			height:50%;
		}
		section.section-about div.section-content div.m_portrait img
		{
			width:100%;
			object-fit: cover;
			object-position: top;
			max-height: 100%;
		}
		section.section-about div.section-content div.about-scroll p.biography
		{
			/* color:#626367; */
			color:#8f8c8e;
			font-size: 0.9rem;
			line-height: 1.3;
			font-family:'Changa_Medium', sans-serif;
		}
		/*===============================
				SECTION PROJECTS STYLE
		=================================*/
		
		section.section-projects div.section-content ul.projects-ul
		{
			flex-direction:column;
			height:100%;
			margin-block-start: 0;
			margin-block-end: 0;
			padding-inline-start: 0;
		}
		section.section-projects div.section-content ul.projects-ul li
		{
			font-size: 3.1rem;
			top:50%;
		}
		section.section-projects div.section-content ul.projects-ul li span
		{
			font-size: 2.5rem;
		}
		section.section-projects div.section-content ul.projects-ul li 
		{
			width: 100%;
			height:50%;
			max-height:50%;
			margin-right: 0;
		}
		section.section-projects.current div.section-content div#leftArrow, section.section-projects.current div.section-content div#rightArrow
		{
			display:none;
		}
		section.section-projects div.section-content div.m_projects-nav
		{
			opacity:0;
			background-color:black;
			position:fixed;
			height:12%;
			left:0;
			bottom:0vh;
			width:100%;
			display : -webkit-flex;
			
			font-family:'Changa_Medium';
			
			justify-content: space-between;
			font-size: 3rem;
			color:#e41e26;
		}
		section.section-projects div.section-content div.m_projects-nav a
		{
			text-decoration:none;
			color:#e41e26;
			margin-left: 6.5%;
			display: -webkit-flex;
			align-items: center;
		}
		section.section-projects div.section-content div.m_projects-nav a span
		{
			color:#b3b3b3;
			font-size: 2rem;
			letter-spacing: 0.1rem;
		}
		section.section-projects div.section-content div.m_projects-nav div#m_upArrow
		{
			width: 12vh;
			margin-left: 8vh;
			display: table-cell;
			text-align: center;
		}
		section.section-projects div.section-content div.m_projects-nav  div#m_downArrow
		{
			width: 12vh;
			display: table-cell;
			text-align: center;
		}

		/*======================== ALBUM GALLERY STYLE ===============================*/
		/* section.section-projects article.project div.article-container p.section-subtitle,  */
		section.section-projects article.project div.article-container a.close-project, 
		section.section-projects article.project div.article-container a.backArrow, 
		section.section-projects article.project div.article-container i#share-button, 
		section.section-projects article.project div.article-container div.project-info,
		section.section-projects article.project div.article-container div.project-photo div.current-photo div.next,
		section.section-projects article.project div.article-container div.project-photo div.current-photo div.previous
		{
			display:none;
		}
		section.section-projects article.project div.article-container
		{
			height: 63%;
			width: 100%;
			padding: 0;
			left:0;
		}
		section.section-projects article.project div.article-container p.section-subtitle
		{
			display:block;
			margin-block-start: 0;
			margin-left: 6.5%;
			margin-top: 0.5%;
			width:100%;
		}
		section.section-projects article.project div.article-container div.project-photo
		{
			width:100%;
			height: auto;
			margin-top: 0;
			margin-left:0;
		}
		section.section-projects article.project div.article-container div.project-photo div.current-photo
		{
			height: 60%;
			margin: 0;
		}
		section.section-projects article.project div.article-container div.project-photo div.m_Album-nav
		{
			display : -webkit-flex;
			height:15%;
			width:100%;
			background-color:black;
			
			display : -webkit-flex;
			justify-content:space-between;
			align-items:center;
			
			font-size: 3rem;
			color:#e41e26;
		}
		section.section-projects article.project div.article-container div.project-photo div.m_Album-nav div
		{
			width:33%;
			
			background-color:#0f0f0f;
			height:90%;
			display: -webkit-flex;
	   
			justify-content: center;
			align-items: center;
		}
		section.section-projects article.project div.article-container div.project-photo div.m_Album-nav div#photoIndex
		{
			color:white;
			font-family: 'DIN_Condensed', sans-serif;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails
		{
			margin-top: 0;
			height: 25%;
			width: 100%;
			
			display: -webkit-flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul
		{
			width: 100%;
			display: -webkit-flex;
		}
		
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li
		{
			margin:0;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li:not(:first-of-type)
		{
			margin: 0 0.6rem 0 0 ;
		}
		section.section-projects article.project div.article-container div.project-photo div.thumbnails ul.thumbnails-ul li img
		{
			width:50vw;
			max-height:100%;
		}
		section.section-projects article.project  a.m_Album-back
		{
			font-size: 2rem;
			position: fixed;
			height: 12%;
			bottom: 0;
			left: 0;
			width: 94%;
			background-color: black;
			color: #e41e26;
			font-family: 'Changa_Medium', sans-serif;
			text-decoration: none;
			display: -webkit-flex;
			align-items: center;
			padding-left: 6vw;
		}
		section.section-projects article.project  a.m_Album-back span.x
		{
			background-image:url('../img/Gallery/x.svg');
			background-repeat:no-repeat;
			background-position: center;
			background-size: 1rem;	
			width: 6%;
			height: 100%;
		}
		section.section-projects article.project  a.m_Album-back span
		{
			color:#b3b3b3;
			font-size: 2rem;
		}
		div.fullScreen div.fullScreenImg img
		{
			max-width: 71%;
		}
		div.fullScreen div.fullScreenImg div.next, div.fullScreen div.fullScreenImg div.previous
		{
			width: 6vw;
			height: 6.2vh;
		}
		
		/*===============================
			SECTION PUBLICATIONS
		===============================*/
		
		section.section-publications
		{
			background-image: none;
		}
		section.section-publications article.publication-download a.backArrow,
		section.section-publications article.publication-download a.publication-download-close	
		{
			display:none;
		}
		section.section-publications div.section-content
		{
			height: 64%;
			bottom: 14%;
		}
		section.section-publications div.section-content ul
		{
			margin : 0 6.5vw;
			height: 85%;
		}
		section.section-publications div.section-content ul li
		{
			font-size: 2rem;
			margin-bottom: 3vh;
		}
		
		/*********************SUB PUBLICATION STYLE**************/
		section.section-publications article.publication-download div.publication-article-container
		{
			width: 100%;
			height: 68%;
			display:-webkit-flex;
			justify-content:flex-start;
			padding: 0;
			top:10%;
			top:21%;
			left:0;
			flex-wrap: nowrap;
		}
		section.section-publications article.publication-download div.publication-article-container div.div_one
		{
			width: 100%;
			align-items: center;
			padding-right: 0%;
			box-sizing: border-box;
			height: 69%;
		}
		section.section-publications article.publication-download div.publication-article-container div.div_one a.publication-cover-link 
		{
			width: 88%;
			text-align: center;
			max-height: 70%;
		}
		section.section-publications article.publication-download div.publication-article-container div.div_one a.publication-cover-link img
		{
			margin : 2% 0 2% 0 ;
			max-width : 90%;
			max-height: 100%;
			object-fit: contain;
		}
		section.section-publications article.publication-download div.publication-article-container div.div_two
		{
			height : 31%;
			margin-top: 1%;
		}
		section.section-publications article.publication-download div.publication-article-container img.subpubBKG
		{
			height: 30vh;
			top: 10vh;
			left: 0;
			width: 100%;
			display:block;
		}
		section.section-publications article.publication-download div.publication-article-container div.publication-title-container
		{
			width: 88%;
			margin: 0;
			
			height:auto;
			align-items:unset;
			justify-content:unset;
			min-height: unset;
			/* margin-left:6%; */
			
			margin-top:2%;
		}
		section.section-publications article.publication-download div.publication-article-container div.publication-title-container h3.publication-title
		{
			text-align:unset;
			letter-spacing: 0.3rem;
			font-size: 2.3rem;
		}
		section.section-publications article.publication-download div.publication-article-container a.publication-link
		{
			width:94%;
			margin:0;
			height:auto;
			min-height:auto;
			text-align:unset;
			font-family:'Changa_Medium', sans-serif;
			margin-left:6%;
			font-size:1rem;
		}
		section.section-publications article.publication-download div.publication-article-container p.publication-description
		{
			width:88%;
			margin:0;
			font-size: 1.5rem;
			overflow: auto;
			margin-left:6%;
			height : 100%;
		}
		section.section-publications article.publication-download div.publication-article-container a.m_publication-close
		{
			
			background-color:black;
			position:fixed;
			height:10vh;
			left:0;
			bottom:0vh;
			width:100%;
			display : -webkit-flex;
			text-decoration:none;
			font-family:'Changa_Medium', sans-serif;
			
			align-items: center;
			padding-left: 6vw;
			font-size: 2.5rem;
			color:#e41e26;
			box-sizing:border-box;
		}
		section.section-publications article.publication-download div.publication-article-container a.m_publication-close span
		{
			color:white;
		}
		section.section-publications article.publication-download div.publication-article-container a.m_publication-close span.x
		{
			background-image:url('../img/Gallery/x.svg');
			background-repeat:no-repeat;
			background-position: center;
			background-size: 1rem;	
			width: 6%;
			height: 100%;
		}
		/******************************
			SECTION CONTACT STYLE
		******************************/
		section.section-contact
		{
			background-image:url('../img/m_CONTACT_BKG.png');
		}	
		header h1.section-title#m_CONTACT	
		{	
			margin-top: 10vh;
			position: absolute;
			font-size: 5.5rem;
			text-align: center;
			width: 100%;
			max-width: 100vw;
		}
		section.section-contact div.section-content
		{
			justify-content:center;
			align-items:center;
			flex-direction: column;
			font-size:1.4rem;
		}
		section.section-contact a
		{
			font-size:1rem;
		}
		section.section-contact div.section-content div.contact-artist
		{
			height:50%;
			margin:0;
			align-self:unset;
			text-align:center;
			width: 100%;
			flex-direction: column;
		}
		section.section-contact div.section-content div.adress, section.section-contact div.section-content div.contact-manager
		{
			text-align:center;
		}
		section.section-contact div.section-content div.adress
		{
			width:100%;
			height:50%;
			align-items: center;
			justify-content: flex-end;
		}
		section.section-contact div.section-content div.adress div.social-links a
		{
			margin: 0;
			transform: scale(1.3);
		}
		section.section-contact div.section-content div.adress div.social-links
		{
			width:50%;
			justify-content: space-around;
		}
}

@media screen and (max-width: 47.9375rem) and (orientation: portrait){ 	/* Up to 767px */

			
			div.preloader div.preloader-progress
			{
				width: 51.5%;
			}
			div.preloader div.preloader-progress span.preloader-progress-step, div.preloader div.preloader-progress span.preloader-progress-percentage
			{
				font-size: 1rem;
			}
			header a.m_logo
			{
				width: 25vw;
			}
			
			div.m_nav-menu ul li span
			{
				font-size: 2rem;
				letter-spacing: 0.3rem;
			}
			footer div.footer-social-links
			{
				justify-content: space-between;
			}
			/* footer div.footer-social-links a, footer div.footer-social-links i#share-button */
			/* { */
			    /* margin: auto; */
				/* transform: scale(0.8); */
				/* -moz-transform: scale(0.8); */
				/* -webkit-transform: scale(0.8); */
				/* -o-transform: scale(0.8); */
				/* margin-bottom: 0; */
			/* } */
			header h1.section-title
			{
				font-size: 3rem;
				width: 100vw;
				max-width: 100vw;
			}
			/*=============================
					SECTION ABOUT
			==============================*/
			
			section.section-about div.section-content div.about-scroll p.biography, section.section-about div.section-content div.about-scroll ul.exhibition-list
			{
				font-size: 0.75rem;
			} 
			/*=============================
					SECTION PROJECTS
			==============================*/
			
			section.section-projects div.section-content ul.projects-ul
			{
				margin-block-start: 0;
				margin-block-end: 0;
				padding-inline-start: 0;
			}
			section.section-projects div.section-content ul.projects-ul a:not(:last-of-type)
			{
				margin-right: 0;
			}
			section.section-projects div.section-content ul.projects-ul li
			{
				height: 50%;
				max-height: 50%;
				margin-right: 0;
			}
			section.section-projects div.section-content ul.projects-ul li span
			{
				font-size: 1.4rem;
			}
			section.section-projects div.section-content div.m_projects-nav
			{
				height:8%;
			}
			section.section-projects div.section-content div.m_projects-nav a
			{
			    width: 60%;
			}
			section.section-projects div.section-content div.m_projects-nav a span
			{
				font-size: 0.8rem;
			}
			section.section-projects div.m_projects-nav a.m_back span.x
			{
				background-image:url('../img/Gallery/x.svg');
				background-repeat:no-repeat;
				background-position: center;
				background-size: 1rem;	
				width: 11.5%;
				height: 100%;
				font-size: 1rem;
			}
			section.section-projects div.section-content div.m_projects-nav div#m_upArrow, section.section-projects div.section-content div.m_projects-nav div#m_downArrow			
			{
				background-repeat:no-repeat;
				background-position: center;
				background-size: 1rem;	
				width: 16%;
				height: 100%;
			}
			section.section-projects div.section-content div.m_projects-nav div#m_upArrow
			{
				background-image:url('../img/Gallery/m_up.svg');
			}
			section.section-projects div.section-content div.m_projects-nav div#m_downArrow			
			{
				background-image:url('../img/Gallery/m_down.svg');
			}
			/**************ALBUM STYLE****************/
			section.section-projects article.project div.article-container p.section-subtitle
			{
				display:block;
				margin-block-start: 0;
				margin-left: 6.5%;
				margin-top: 0.5%;
				height:10%;
				font-size: 1rem;
			}
			header h1.section-title span#m_subtitle
			{
				display:none;
				text-transform: uppercase;
				color: #e41e26;
				font-family: 'DIN_Medium', sans-serif;
				font-size: 1rem;
			}
			section.section-projects article.project div.article-container
			{
				height: 71%;
				position: relative;
			}
			section.section-projects article.project div.article-container div.project-photo
			{
				height: 90%;
			}
			section.section-projects article.project div.article-container div.project-photo div.current-photo
			{
				height: 63%;
			}
			section.section-projects article.project div.article-container div.project-photo div.m_Album-nav
			{
				height: 11%;
			}
			section.section-projects article.project div.article-container div.project-photo div.m_Album-nav div#mAlbumRightArrow
			{
				background-image:url('../img/Gallery/m_right.svg');
				background-repeat:no-repeat;
				background-position: center;
				background-size: 1.1rem;
			}
			section.section-projects article.project div.article-container div.project-photo div.m_Album-nav div#mAlbumLeftArrow
			{
				background-image:url('../img/Gallery/m_left.svg');
				background-repeat:no-repeat;
				background-position: center;
				background-size: 1.1rem;	
			}
			section.section-projects article.project div.article-container div.project-photo div.m_Album-nav div#photoIndex
			{
				font-size: 1rem;
			}
			section.section-projects article.project  a.m_Album-back
			{
				font-size: 2rem;
				position: fixed;
				height: 8%;
				
				bottom:0;
				left:0;
				width:94%;
				
				background-color:black;
				color:#e41e26;
				font-family: 'Changa_Medium', sans-serif;
				text-decoration:none;
				display: -webkit-flex;
				align-items: center;
				
				padding-left: 6vw;
			}
			section.section-projects article.project  a.m_Album-back span.x
			{
				background-image:url('../img/Gallery/x.svg');
				background-repeat:no-repeat;
				background-position: center;
				background-size: 1rem;	
				width: 6%;
				height: 100%;
			}
			section.section-projects article.project  a.m_Album-back span
			{
				font-size: 0.8rem;
				color:#b3b3b3;
			}
			
			/*******************************
					SECTION PUBLICATIONS
			********************************/
			section.section-publications div.section-content ul
			{
				margin-left:6.5%;
				margin-bottom: 0;
			}
			section.section-publications div.section-content ul li
			{
				font-size:1rem;
			}
			/**************ARTICLE PUBLICATION******************/
			section.section-publications article.publication-download div.publication-article-container
			{
				flex-wrap:nowrap;
			}
			section.section-publications article.publication-download div.publication-article-container div.publication-title-container h3.publication-title
			{
				font-size: 2.5rem;
				letter-spacing: 0.1rem;
			}
			
			section.section-publications article.publication-download div.publication-article-container p.publication-description
			{
				/* height:initial; */
				font-size: 0.8rem;
			}
			section.section-publications article.publication-download div.publication-article-container a.m_publication-close
			{
				font-size: 1rem;
				height:8%;
			}
			section.section-publications article.publication-download div.publication-article-container a.m_publication-close span
			{
				font-size: 0.8rem;
				color: #b3b3b3;
			}
			
			/*******************************
					SECTION CONTACT
			********************************/
			header h1.section-title#m_CONTACT
			{
				font-size:3rem;
				margin-top: 7vh;
			}
			section.section-contact div.section-content
			{
				font-size:0.8rem;
				flex-wrap: nowrap;
				height: 62%;
				top: 24%;
			}
			section.section-contact div.section-content div.contact-artist
			{
				height:16%;
			}
			section.section-contact div.section-content div p#full-name
			{
				font-size:1rem;
			}
}