@charset "UTF-8";


		/*///////   Fonts & Body  ////////*/
		
		@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap');
		
		@font-face {
		font-family: 'Avenir Next LT Pro Regular';
		font-style: normal;
		font-weight: normal;
		src: local('Avenir Next LT Pro Regular'), url('fonts/Avenir-next-lt-pro/AvenirNextLTPro-Regular.woff') format('woff');
		}
		
		@font-face {
	    font-family: 'BaronMTFine';
	    src: url('fonts/BaronMTFine/BaronMTModernFine.eot');
	    src: url('fonts/BaronMTFine/BaronMTModernFine.eot?#iefix') format('embedded-opentype'),
	        url('fonts/BaronMTFine/BaronMTModernFine.woff2') format('woff2'),
	        url('fonts/BaronMTFine/BaronMTModernFine.woff') format('woff'),
	        url('fonts/BaronMTFine/BaronMTModernFine.ttf') format('truetype'),
	        url('fonts/BaronMTFine/BaronMTModernFine.svg#BaronMTModernFine') format('svg');
	    font-weight: normal;
	    font-style: normal;
		}
		
		@font-face {
	    font-family: 'BaronMTThin';
	    src: url('fonts/BaronMTThin/BaronMTModernThin.eot');
	    src: url('fonts/BaronMTThin/BaronMTModernThin.eot?#iefix') format('embedded-opentype'),
	        url('fonts/BaronMTThin/BaronMTModernThin.woff2') format('woff2'),
	        url('fonts/BaronMTThin/BaronMTModernThin.woff') format('woff'),
	        url('fonts/BaronMTThin/BaronMTModernThin.ttf') format('truetype'),
	        url('fonts/BaronMTThin/BaronMTModernThin.svg#BaronMTModernThin') format('svg');
	    font-weight: 100;
	    font-style: normal;
		}
		
		@font-face {
		font-family: 'fontello';
		src: url('fonts/Fontello/font/fontello.eot?30064379');
		src: url('fonts/Fontello/fontello.eot?30064379#iefix') format('embedded-opentype'),
		     url('fonts/Fontello/fontello.woff2?30064379') format('woff2'),
		     url('fonts/Fontello/fontello.woff?30064379') format('woff'),
		     url('fonts/Fontello/fontello.ttf?30064379') format('truetype'),
		     url('fonts/Fontello/fontello.svg?30064379#fontello') format('svg');
		font-weight: normal;
		font-style: normal;
		}
		 
		 [class^="icon-"]:before, [class*=" icon-"]:before {
		  font-family: "fontello";
		  font-style: normal;
		  font-weight: normal;
		  speak: none;
		  display: inline-block;
		  text-decoration: inherit;
		  text-align: center;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1em;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
		 
		.icon-instagram:before { content: '\e800'; }
		.icon-linkedin:before { content: '\e801'; }
		.icon-facebook:before { content: '\e802'; }
		.icon-twitter:before { content: '\e803'; }
		.icon-vimeo:before { content: '\e804'; }
		.icon-tumblr:before { content: '\e805'; }
		.icon-left-open-big:before { content: '\e806'; }
		.icon-right-open-big:before { content: '\e807'; }
		
		html {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
		}
		
		html, body {
		width: 100%;
		height: 100%;
		}
		
		body, td, th {
		font-family: 'Avenir Next LT Pro Regular';
		font-size: 12px;
		color: #272727;
		background: #f5f5f5;
		margin: 0;
		}
		
		h1, h2, h3, h4, h5, h6 {
		margin: 0px;
		font-weight: normal;
		}
		
		h1 {
		font-size: 26px;
		}
		
		h2 {
		font-size: 14px;
		font-weight: normal;
		}
		
		h3 {
		font-weight: normal;
		font-size: 14px;
		}


		/*///////   RS  ////////*/


		.royalSlider.rsDefault, .wallSlider {
		position: static !important;
		height: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 0 0 0 !important;
		top: 0;
		left: 0;
		bottom: 0 !important;
		right: 0 !important;
		z-index: 900;
		opacity: 0;
		}
		
		.royalSlider .rsSlide img {
		opacity: 0;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
		
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
		.royalSlider .rsActiveSlide img {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		}
		
		.artist {
		position: absolute;
		bottom: 20px;
		right: 3%;
		padding: 10px;
		font-size: 24px;
		color: #000;
		text-align: right;
		height: 20px;
		text-transform: uppercase;
		z-index: 1000;
		opacity: 1;
		display: none;
		}
		
		.description {
		position: absolute;
		bottom: 60px;
		left: 30px;
		padding: 0px;
		font-size: 12px;
		color: #333;
		height: auto;
		width: 140px;
		text-align: left;
		text-transform: none;
		z-index: 999;
		opacity: 1;
		display: block;
		}
		
		.category {
		position: absolute;
		bottom: 30px;
		left: 40px;
		padding: 0;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		width: 300px;
		color: #2d2d2d;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 2px;
		z-index: 999;
		opacity: 0;
		}
		
		#preloader {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 20px;
		margin: -10px 0 0 -10px;
		z-index: 0;
		opacity: 1;
		}
		
		#external_title, #external_caption {
		position: absolute;
		font-family: 'BaronMTFine';
		font-size: 200px;
		width: 100%;
		top: 35%;
		text-align: center;
		line-height: normal;
		letter-spacing:-8px;
		color: #ffffff;
		z-index: 1999;
		transition: color 0.4s;
		display: none;
		cursor: pointer;
		cursor: hand;
		opacity: 1;
		}
		
		#external_caption {
		font-size: 18px;
		font-weight: normal;
		text-align: justify;
		line-height: 28px;
		letter-spacing: 1px;
		color: #999;
		width: 40%;
		max-width: 600px;
		padding: 30px 0 20px 0;
		margin: 40px auto 0 auto;
		display: none !important;
		opacity: 0;
		}
		
		#external_caption b {}
		
		#enter {
		position: absolute;
		left: 50%;
		width: 100px;
		height: 100px;
		top: 35%;
		margin: 200px 0 0 -50px;
		background-image: url('velos.png');
		background-size: cover;
		transition: opacity 0.4s;
		z-index: 1999;
		cursor: pointer;
		cursor: hand;
		opacity: 1;
		}
		
		#enter:hover {
		transition: opacity 0.4s;
		opacity: .5;
		}
		
		
		
		/*///////   SSPD  ////////*/
		
		
		.box {
		position: static;
		width: 41%;
		min-width: 300px;
		margin: 4%;
		opacity: 0;
		}
		
		.pic {
		width: 100%;
		}
		
		.art, .index {
		position: absolute;
		font-family: 'BaronMTFine';
		font-size: 140px;
		width: 90%;
		bottom: 0;
		left: 20px;
		color: #ffffff;
		letter-spacing: -6px;
		opacity: 0;
		}
		
		.art {
		display: none !important;
		}
		
		.item {
		width: 32.33%;
		line-height: 0;
		margin: 0.5%;
		}
		
		.item img {
		width: 100%;
		}
		
		#thumbs_container, .thumbs_container {
		width: 90%;
		margin: auto;
		padding: 100px 0 100px 0;
		}
		
		#heading {
		width: 100%;
		padding: 40px 0 40px 0;
		text-align: center;
		}
		
		#heading h1 {
		font-family: 'BaronMTFine';
		font-size: 60px;
		}
		
		#name {
		position: absolute;
		left: 50px;
		bottom: 25px;
		font-family: 'Avenir Next LT Pro Regular';
		font-size: 22px;
		letter-spacing: 0px;
		color: #000000;
		z-index: 1990;
		display: none;
		}
		
		.error {
		width: 160px;
		height: 40px;
		margin: auto;
		padding: 10px 15px 8px 15px;
		background-color: #393939;
		transition: opacity 0.4s;
		cursor: pointer;
		cursor: hand;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		
				
		
		/*///////   Menus  /////////*/
	
			
		#carte {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(235, 235, 235, 1);
		z-index: 2000;
		display: none;
		opacity: 0;
	    }
	    
	    #switchboard {
		width: 50%;
		max-width: 700px;
		padding: 18% 0 0 0;
		margin: auto;
		text-align: center;
		line-height: 70px;
		float: none;
		opacity: 0;
		}
		
		.liner {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		background-color: rgba(255, 255, 255, 0.9);
		z-index: 1100;
		display: none;
		}
		
		#menu {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 80px;
		background-color: rgba(255, 255, 255, 0);
		z-index: 1200;
		opacity: 1;
		}
		
		#titlos, #tindex {
		position: fixed;
		font-family: 'BaronMTFine';
		font-size: 24px;
		font-style: normal;
		top: 25px;
		left: 50px;
		color: #dc003f;
		width: 300px;
		letter-spacing: 0px;
		text-transform: uppercase;
		transition: color 0.3s;
		z-index: 2001;
		cursor: pointer;
		cursor: hand;
		}
		
		#tindex h1,
		#titlos h1 {
		font-size: 32px;
		}
		
		#titlos:hover {
		color: #ff4479;
		transition: color 0.3s;
		}
		
		#menubutton {
		position: fixed;
		width: 100px;
		height: 30px;
		font-family: 'Cormorant Garamond';
		font-size: 26px;
		color: #ffffff;
		right: 30px;
		top: 25px;
		letter-spacing: 4px;
/* 		text-shadow: 2px 2px 4px #000; */
		overflow: hidden;
		z-index: 20000;
		}
		
		#stack {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 30px;
		cursor: pointer;
		cursor: hand;
		}
		
		.mon, .moff {
		width: 60px;
		height: 30px;
		display: block;
		cursor: pointer;
		cursor: hand;
		}
		
		.mon {color:#dc003f; margin-top:5px; text-transform:uppercase; transition:color .4s;}
		.mon:hover {color:#dc003f; transition: color .4s;}
		
		.moff {
		width: 20px;
		height: 20px;
		margin: auto;
		background-image: url('close.png');
		background-size: cover;
		-webkit-transition: -webkit-transform .4s ease-in-out;
		transition: transform .4s ease-in-out;
		}
	
		.moff:hover {
		  -webkit-transform: rotate(90deg);
		          transform: rotate(90deg);
		}
		
		#porthead {
		position: absolute;
		font-family: 'BaronMTFine';
		width: 100%;
		top: 35%;
		left: 0px;
		color: #ffffff;
		text-align: center;
		line-height: normal;
		z-index: 1999;
		display: none;
		}
		
		#view {
		font-family: 'BaronMTFine';
		font-size: 30px;
		width: 30%;
		margin: auto;
		padding-top: 30px;
		text-transform: capitalize;
		letter-spacing: 4px;
		border-top: 1px solid #FFF;
		transition: color 0.3s;
		cursor: pointer;
		cursor: hand;
		}
		
		#view:hover {
		color: #dc003f;
		transition: color 0.3s;
		}
		
		#title {
		font-family: 'BaronMTFine';
		font-size: 200px;
		letter-spacing:-8px;
		transition: color 0.4s;
		cursor: pointer;
		cursor: hand;
		opacity: 1;
		}
		
		#title:hover + div#view {
		color: #dc003f;
		transition: color 0.3s;
		}
		
		#scrolldown {
		position: absolute;
		font-size: 60px;
		color: #dc003f;
		width: 40px;
		height: 70px;
		bottom: 50px;
		left: 50%;
		margin-left:-30px;
		transition: color 0.3s;
		opacity: 0;
		z-index: 2000;
		cursor: pointer;
		cursor: hand;
		
		-webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
		}
				
		#scrolldown:hover {
		color: #ffffff;
		transition: color 0.3s;
		}
		
		#intro {
		position: fixed;
		font-family: 'BaronMTFine';
		font-size: 180px;
		color: #ffffff;
		left: 0px;
		top: 32%;
		text-align: center;
		letter-spacing: 0px;
		width: 100%;
		z-index: 1999;
		cursor: pointer;
		cursor: hand;
		}
		
		#intro .photo {
		font-size: 28px;
		letter-spacing: 1px;
		}
		
		.cln  {opacity:0; padding:0; margin:0 0 0 -50px; text-transform:uppercase;}
		.photo {font-size:60px !important;}
		.break {display:none;}
		
		#thumbnails {
		position: fixed;
		top: 25px;
		right: 30px;
		background-image: url(close.png);
		background-size: contain;
		width: 22px;
		height: 22px;
		opacity: 1;
		cursor: pointer;
		cursor: hand;
		z-index: 2147483647;
		
		-webkit-transition: -webkit-transform .4s ease-in-out;
          transition:         transform .4s ease-in-out;
		}
		
		#thumbnails:hover {
		  -webkit-transform: rotate(90deg);
		          transform: rotate(90deg);
		}
		
		#label {
		position: static;
		font-size: 14px;
		color: #333;
		text-transform: capitalize;
		left: 60px;
		width: auto;
		top: 10px;
		margin: -23px 0 0 30px;
		}
				
		#next, #prev {
		position: absolute;
		color: #414141;
		font-size: 24px;
		height: 30px;
		width: 30px;
		top: 45%;
		margin-top: 0px;
		opacity: 0.3;
		display: block;
		cursor: pointer;
		cursor: hand;
		z-index: 1000;
		}
	
		#prev {
		left: 30px;
		}
		
		#next {
		right: 30px;
		text-align: right;
		}
	
		#leftpad, #rightpad {
		position: absolute;
		width: 40%;
		height: 100%;
		z-index: 998;
		cursor: pointer;
		cursor: hand;	
		}
		
		#leftpad {
		top: 0px;
		left: 0px;
		}
		
		#rightpad {
		top: 0px;
		left: 60%;
		}
		
		#counter {
		position: absolute;
		font-size: 20px;
		letter-spacing: 2px;
		color: #232323;
		opacity: 0;
		height: 25px;
		width: auto;
		bottom: 23px;
		right: 40px;
		z-index: 1000;
		}
		
		.count {
		float: right;
		padding: 3px;
		}
		
		.spacer {
		font-size: 16px;
		float: right;
		padding: 4px 0 3px 0;
		opacity: 0.5;
		}
		
		.divider {
		color: #999;
		height: 10px;
		padding-bottom: 15px;
		}
		
		.inset {
		float: left;
		width: 40%;
		margin: 0 20px 0 0;
		}
		
		#biography {
		font-size: 16px;
		color: #272727;
		line-height: 30px;
		padding: 200px 0 100px 0;
		width: 50%;
		max-width: 720px;
		margin: auto;
		text-align: justify;
		display: block !important;
		opacity: 0;
		}
		
		#biography b {
		font-weight: bold;
		}
		
		#clients {
		opacity: 1;
		width: 300px;
		padding-top: 50px;
		float: right;
		}
		
		.contactcard {
		position: absolute;
		left: 60px;
		font-size: 16px;
		color: #333;
		line-height: 26px;
		opacity: 0;
		z-index: 1000;
		}
		
		.contactcard h1 {font-size: 22px;}
		.contactcard b {font-weight: normal !important;}
		
		#uk {top:130px;}
		#nyc {top:340px;}
		
		#copyright {
		font-size: 10px;
		font-style: normal;
		color: #000000;
		opacity: .2;
		position: absolute;
		top: 40px;
		z-index: 250000;
		text-transform: none;
		font-weight: bold;
		left: 40px;
		}
		
		#mobile {
		display: none;
		padding-bottom: 90px;
		}
		
		.clientbox {
		opacity: 0;
		width: 180px;
		float: left;
		padding-bottom: 25px;
		}
		
		.dot {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-style: normal;
		color: #999999;
		opacity: .5;
		float: left;
		padding: 0 3px 0 3px;
		}
		
		.buttons, .on {
	    font-family: 'BaronMTThin';
	    font-style: normal;
		letter-spacing: -1px;
		opacity: 1;
		margin: auto;
		height: auto;
		display: inline-block;
		}
		
		.slash {
		display: inline-block;
		font-size: 50px;
		padding: 0 20px 0 20px;
		margin: auto;
		}
		
		.buttons a {
		font-size: 50px;
		color: #4f4f4f;
		}
		
		#social {
		float: right;
		padding-top: 30px;
		}
		
		.socicon {
		width: 20px;
		height: 20px;
		margin-right: 3px;
		background-repeat: no-repeat;
		float: left;
		font-size: 18px;
		color: #333;
		opacity: 1;
		transition: color 0.4s;
		cursor: pointer;
		cursor: hand;
		}
		
		.socicon:hover {
		color: #dc003f;
		transition: color 0.4s;
		}
		
		.container {
		position: absolute;
		width: 550px;
		height: 400px;
		z-index: 1;
		left: 211px;
		top: 135px;
		line-height: 20px;
		}
		
		.on a {color: #dc003f !important;}
		
		a {
		font-size: 16px;
		color: #c2c2c2;
		font-weight: normal;
		text-decoration: none;
		transition: color 0.4s;
		cursor: pointer;
		cursor: hand;
		}
		
		a:hover {
		color: #dc003f;
		transition: color 0.4s;
		}
		
		.b {
		font-size: 16px;
		color: #333;
		font-weight: normal;
		text-decoration: none;
		transition: color 0.2s;
		}
		
		.b:hover {
		color: #999;
		transition: color 0.2s;
		}
		
		.e {
		font-size: 16px;
		color: #121212;
		font-weight: normal;
		text-decoration: none;
		transition: color 0.4s;
		}
		
		.e:hover {
		color: #7adc00;
		color: #dc003f;
		transition: color 0.4s;
		}
		
		
		
		/*///////   nioute  /////////*/
	
		
		#niootag {
		position: fixed;
		right: 70px;
		bottom: 50px;
		z-index: 1000;
		opacity: 0;
		cursor: pointer;
		cursor: hand;
		}
		
		#web {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		color: #000000;
		}
		
		.nioute {	    
	    position: absolute;
		top: -12px;
		left: 95px;
	    width: 35px;
	    height: 35px;
	    transform-origin: center center;
	    background-color: transparent;
	    z-index: 1000;
	    opacity: 0;
	    cursor: pointer;
		cursor: hand;
		}
		
		.circle {
		position: absolute;
		top: 5%;
		left: 25%;
		width: 35%; 
		height: 35%; 
		border-radius: 50%;
		margin: 10%;
		transform-origin: bottom center;
		mix-blend-mode: darken;
	    }
		
		.cyan {top:5%;background:#00ffe6;}
	    .magenta {top:5%;background:#ff00c8;}
	    .yellow {top:8%;background:#ffd900;}
		
		
		/*//////////////// FIN */