@charset "UTF-8";
	
	
		/*//////  Fonts & Body  //////*/
		
		
		@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: 'Avenir Next LT Pro Demi';
		font-style: normal;
		font-weight: normal;
		src: local('Avenir Next LT Pro Demi'), url('fonts/Avenir-next-lt-pro/AvenirNextLTPro-Demi.woff') format('woff');
		}

		@font-face {
		  font-family: 'fontello';
		  src: url('fonts/Fontello/fontello.eot?17090204');
		  src: url('fonts/Fontello/fontello.eot?17090204#iefix') format('embedded-opentype'),
		       url('fonts/Fontello/fontello.woff2?17090204') format('woff2'),
		       url('fonts/Fontello/fontello.woff?17090204') format('woff'),
		       url('fonts/Fontello/fontello.ttf?17090204') format('truetype'),
		       url('fonts/Fontello/fontello.svg?17090204#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;
		  width: 1em;
		  margin-right: .2em;
		  text-align: center;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1em;
		  margin-left: .2em;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}
		 
		.icon-left-open-big:before { content: '\e800'; } /* '' */
		.icon-right-open-big:before { content: '\e801'; } /* '' */
		.icon-twitter:before { content: '\e802'; } /* '' */
		.icon-instagram:before { content: '\e803'; } /* '' */
		.icon-pinterest:before { content: '\e804'; } /* '' */
		.icon-linkedin:before { content: '\e805'; } /* '' */
		.icon-facebook:before { content: '\e806'; } /* '' */
		.icon-vimeo:before { content: '\e807'; } /* '' */
		.icon-tumblr:before { content: '\e808'; } /* '' */
		
		
		
		/*///////   Body  /////////*/
		
		
		html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}
		html, body {width: 100%; height:100%;}
	
		body,td,th {
		font-family: 'Avenir Next LT Pro Regular';
		font-weight: 300;
		font-style: normal;
		font-size: 16px;
		color: #000000;
		margin: 0px 0px;
		padding: 0px;
		background-color: #f1f1f1;
		}
		
		h1,h2,h3,h4,h5,h6 { margin:0px; font-weight: normal;}
		h1 { font-size: 30px; }
		h2 { font-size: 26px; }
	
		
		
		/*//////  RS  //////*/
	
	
		.royalSlider.rsDefault {
		position: static !important;
		/*height: 100% !important;*/
		height: -moz-calc(100% - 160px) !important;
		height: -webkit-calc(100% - 160px) !important;
		height: -o-calc(100% - 160px) !important;
		height: calc(100% - 160px) !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 80px 0 160px 0 !important;
		top: 0 !important;
		left: 0 !important;
		bottom: 0 !important;
		right: 0 !important;
		z-index: 10;
		opacity: 1;
		}
				
		.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;
		top: 20px;
		right: 3%;
		padding: 10px;
		font-size: 24px;
		color: #000;
		text-align: right;
		height: 20px;
		z-index: 1000;
		opacity: 1;
		display: none;
		letter-spacing: 0px;
		}
		
		.category {
		position: fixed;
		font-size: 12px;
		bottom: 27px;
		left: 120px;
		color: #292929;
		height: 20px;
		line-height: 22px;
/* 		text-transform: uppercase; */
		letter-spacing: 0px;
		z-index: 999;
		display: block;
		opacity: 0;
		}
		
		#preloader {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -30px;
		z-index: 1;
		width: 60px;
		height: 60px;
		opacity: 1;
		}
		
		#counter {
		position: absolute;
		font-size: 14px;
		font-weight:300;
		letter-spacing: 2px;
		color: #3b3b3b;
		opacity: 0;
		height: 25px;
		width: auto;
		bottom: 23px;
		left: 40px;
		z-index: 1000;
		}
		
		.count {
		float: right;
		padding: 4px;
		}
		
		.spacer {
		font-size: 16px;
		float: right;
		padding: 4px 0 3px 0;
		opacity: 0.5;
		}
		
		
		/*//////  Menus  //////*/
	
		
		#carte, #canvas {
		position: fixed;
		top: 0px;
		Left: 0px;
		width: 100%;
		height: 100%;
		background-color: #f1f1f1;
		z-index: 2000;
		display: none;
		}
		
		#canvas {
		position: absolute;
		background-color: #e4e4e4;
		display: block;
		z-index: 0;
		}
		
		#menu {
		position: fixed;
		width: 100%;
		right: 0px;
		top: 0px;
		height: 80px;
		background-color: #f1f1f1;
		opacity: 1;
		z-index: 1000;
		cursor: pointer;
		cursor: hand;
		}
		
		#center {
		position: fixed;
		width: 40%;
		top: 40%;
		left: 50%;
		margin-left:-20%;
		text-align: center;
		opacity: 0;
		}
			
		#logo, #biglo {
		position: fixed;
		top: 25px;
		left: 40px;
		color: #0f0f0f;
		letter-spacing: 0px;
		font-weight: 300;
		z-index: 1001;
		opacity: 1;
		cursor: pointer;
		cursor: hand;
		}
		
		#logo {z-index: 2001;}
		#logo h1 b,
		#biglo h1 b {
		color: #717171;
		font-weight: normal;
		}
		
		#biglo h1 b {
		color: #ffffff;
		}
		
		#biglo {
		position: absolute;
		top: 45%;
		left: 50%;
		width: 800px;
		color: #ffffff;
		margin: 0 0 0 -400px;
		letter-spacing: 0px;
		text-align: center;
		z-index: 2000;
		}
		
		#logo h1 {font-size:22px;}
		#biglo h1 {font-size:70px;}
		#biglo b, .ena, .dio {opacity:0;}
		
		.hamburger {
		position: fixed;
		right: 20px;
		top: 15px;
		display: block;
		z-index: 2002;
		}
	
		.hamburger-box {
		width: 30px !important;
		height: 20px !important;
		}
		
		.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	    width: 30px;
	    height: 1px;
	    border-radius: 1px;
	    }
	    
	    #header {
		font-size: 18px;
		color: #1f1f1f;
		width: 100%;
		padding: 0 0 0 0;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
	    }
	    
	    .instahold {
		width: 90%;
		margin: 60px auto 0 auto;
		padding-bottom: 70px;
	    }
	    
	    #strap a {font-size:14px;}
		#strap {
		width:90%;
		max-width:555px;
		font-size:14px;
		color:#6a6a6a;
		margin:30px auto 30px auto;
		text-align:center;
		line-height:20px;
		}
		
		#copyright a {font-size: 9px;}
		#copyright {
		position: fixed;
		left: 0px;
		bottom: 30px;
		width: 100%;
		font-size: 9px;
		font-style: normal;
		text-align: center;
		letter-spacing: 0px;
		color: #575757;
		opacity: 1;
		}
		
		#footer a {font-size:12px; margin:0 10px 0 10px;}
		#footer {
		font-size: 12px;
		color: #666;
		width: 100%;
		padding: 40px 0 40px 0;
		opacity: 0;
		}
		
		#contafoot {
		width: -moz-calc(100% - 80px) !important;
		width: -webkit-calc(100% - 80px) !important;
		width: -o-calc(100% - 80px) !important;
		width: calc(100% - 80px) !important;
		margin: 0 auto 0 auto;
		}
		
		
		
		/*///////   AXS  ////////*/
		
		
		#thumbs_container {  /* box */
		width: 94%;
		margin: 0 auto 0 auto;
		padding: 100px 0 100px 0;
		opacity: 0;
		}
		
		.thumbs_container {  /* items */
		width: 94%;
		padding: 0;
		margin: 0 auto 100px auto;
		opacity: 1;
		}
		
/*		///////   2%
		.box {
		float: left;
		width: 29.33%;
		height: auto;
		margin: 2%;
		opacity: 0;
		}
*/
		
		.box {
		float: left;
/* 		width: 31.33%; */
		width: 31%;
		height: auto;
		margin: 1%;
		opacity: 0;
		}
	    
	    .small {
		width: 22.8%;
		margin: 1%;
	    }
	    
	    .large {
		width: 47.8%;
		margin: 1%;
	    }
		
		.box:hover > .pic {
		filter: brightness(20%);
		transition: all 0.7s;
		opacity: .4;
		}
		
		.box:hover .art {
		position: absolute;
		font-size: 16px;
		color: #ffffff;
		top: 48%;
		left: 5%;
		width: 90%;
		letter-spacing: 2px;
		text-align: center;
		font-weight: 300;
		padding: 0;
		opacity: 1;
		display: block;
		}
	
		.pic {
		width: 100%;
		height: auto;
		transition: all 0.7s;
		}
		
		.art, .alb, .index {
		height: 30px !important;
		font-size: 20px;
		color: #909090;
		color: #565656;
		padding: 0 0 0 0;
		font-weight: 400;
		letter-spacing: 0px;
		}
		
		.alb, .index {
		font-weight: normal;
		margin: 0;
		width: 80%;
		line-height: 16px;
		padding: 0 0 0 0;
		}
		
		.art, .index {
		position: absolute;
		font-size: 20px;
		top: 48%;
		left: 5%;
		width: 90%;
		letter-spacing: 0px;
		text-align: center;
		font-weight: 300;
		padding: 0;
		opacity: 0;
		}
		
		.art {
		position: static;
		font-size: 12px;
		color: #1a1a1a;
		letter-spacing: 2px;
		line-height: 20px;
		text-transform: uppercase;
		opacity: 1;
		display: none;
		}
		
		.alb {display:none;}
				
		.item {
		width: 27%;
		margin: 3% 3% 3% 3%;
		padding: 0;
		}
		
		.item img {
		width: 100%;
		}
		
		#name {
		position: fixed;
		top: 32px;
		right: 110px;
		font-size: 14px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #151515;
		display: block;
		z-index: 1001;
		}
		
		#name b {
		color: #999;
		font-weight: 300;
		}
		
		.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;
		}
		
		#external_caption {
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		line-height: 28px;
		letter-spacing: 0px;
		color: #565656;
		width: 40%;
		max-width: 600px;
		padding: 30px 0 20px 0;
		margin: 0 auto 0 auto;
		opacity: 0;
		}
		
		#external_caption {padding: 200px 0 20px 0;}
		#external_caption h1 {font-size: 24px; letter-spacing: 1px;}
		#external_caption h2 {font-size: 18px; line-height:22px; letter-spacing: 0px;}
		#external_caption b {letter-spacing: 0px;}
		
		#external_title {
		font-size: 24px;
		text-align: center;
		line-height: normal;
		letter-spacing: 0px;
		color: #3b3b3b;
		padding: 30px 0 20px 0;
		margin: 150px auto 0 auto;
		opacity: 0;
		display: none;
		}
		
		#biography {
		position: static;
		font-size: 16px;
		color: #565656;
		margin: 140px auto 120px auto;
		line-height: 28px;
		width: 90%;
		max-width: 640px;
		text-align: left;
		display: block !important;
		opacity: 0;
		}
		
		#biography h2 {font-size:22px; color:#000; letter-spacing:1px;}
		#biography h3 {font-size:14px; color:#000; letter-spacing:2px; font-style:normal; text-transform: uppercase;}
		#biography b {font-weight:300; color:#000;}
		#biography a {font-size:16px; color:#000000; font-weight:300;}
		#biography a:hover {color:#999999; transition: color 0.4s;}
		
		.ca, .cb, .cc {opacity:0;}
	    
	    .ca {
		width: 100%;
		padding-bottom: 70px;
		}
	    
	    .col {
		width: 200px !important;
		padding-bottom: 70px;
		}
		
	    #contact h2 {font-size:14px; font-weight:600; letter-spacing:1px;}
	    #contact h3 {font-size:12px; font-weight:300; letter-spacing:1px;}
	    
	    #contact {
		position: absolute;
		top: 50%;
		left: 100px;
		font-size: 14px;
		color: #8a8a8a;
		margin: -300px 0 0 0;
		line-height: 24px;
		width: 90%;
		max-width: 900px;
		text-align: left;
		z-index: 998;
		opacity: 1;
		}
		
		#contact a {font-size:14px; color:#707070; border-bottom:0px solid #949494; padding-bottom:4px;}
		#contact a:hover {color:#787878; border-bottom:1px solid #787878;}
		
		.inset {
		width: 35%;
		float: left;
		margin: 0 20px 0 0;
		}
		
		
		
		/*///////   Vimeo   //////////*/


		.vimeoRS {
		width: 100% !important;
		max-width: 100% !important;
		max-height: 65% !important;
		margin: 0 auto !important;
		}
		
		.rsPreloader {background-image: url('loader.gif');}

		.filmbttn, .hyperlink {
		font-size: 18px;
		color: #FFF;
		width: 100px;
		margin: auto;
		padding: 10px 15px 10px 15px;
		letter-spacing:-1px;
		background-color: rgba(0,0,0,0.5);
		z-index: 12000;
		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;
		}
		
		.hyperlink {
		position:absolute;
		top: 50%;
		left: 50%;
		width: 180px;
		margin: -30px 0 0 -90px;
		color: #ffffff;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.5);
		display: none;
		}
		
		.hyperlink:hover {
		color: #272727;
		background-color: rgba(255,255,255,0.8);
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		
		.filmbttn:hover {
		color: #000;
		background-color: rgba(255,255,255,0.8);
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		
		#sections {
		position: absolute;
		right: 0;
		}
		
		.section-item {
		display: inline-block;
		color: #666;
		background: #101b20;
		font-size: 24px;
		letter-spacing: 1px;
		text-align: center;
		height: 100px;
		line-height: 100px;
		border-left: 1px dotted #293e49;
		padding: 0 20px;
		margin-right: -3px;
		cursor: pointer;
	
		/*** prefix ***/
		-webkit-transition: all .35s ease-in-out;
		   -moz-transition: all .35s ease-in-out;
		     -o-transition: all .35s ease-in-out;
		        transition: all .35s ease-in-out;
	
		-webkit-user-select: none;
		   -moz-user-select: none;
		     -o-user-select: none;
		        user-select: none;
		}
		
		.section-item:hover {
		color: white;
		background: #293e49;
		}
		
		#menu-bottom {
		position: relative;
		height: 50px;
		width:800px;
		margin:auto;
		z-index:999;
		display:none;
		}
	
		#labels {
		position: absolute;
		padding-top:20px;
		top: 0px;
		}
		
		.label-item {
		padding: 10px;
		margin: 5px 5px 0 0;
		background-color: rgba(16,27,32,1);
		text-align: center;
		cursor: pointer;
		cursor: hand;
		font-size: 14px;
		color: #4C636F;
		float:left;
		/*** prefix ***/
		-moz-box-shadow: 1px 1px 4px #000;
		-webkit-box-shadow: 1px 1px 4px #000;
		box-shadow: 1px 1px 4px #000;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
	
		-webkit-user-select: none;
		   -moz-user-select: none;
		     -o-user-select: none;
		        user-select: none;
		}
		
		#videoArea {
		width: 100%;
		height: 0%;
		overflow: hidden;
		margin-top: 50px;
		padding-bottom: 0px;
		/*** prefix ***/
		-webkit-transition: height .75s ease-in-out;
		-moz-transition: height .75s ease-in-out;
		-o-transition: height .75s ease-in-out;
		transition: height .75s ease-in-out;
		}
		
		#videoArea > iframe {
		display: block;
		opacity: 0;
		border: 0px solid #101b20;
		margin: 0 auto;
		/*** prefix ***/
		-webkit-transition: opacity .75s ease-in-out;
		   -moz-transition: opacity .75s ease-in-out;
		     -o-transition: opacity .75s ease-in-out;
		        transition: opacity .75s ease-in-out;
		}
		
		#filmholder {
		width: 100%;
		height: 95%;
		}
		
		#main {
		width: 94%;
		margin: 140px auto 0px auto;
		padding-bottom: 60px;
		}
		
		#titholder {
		height:50px;
		width:70%;
		margin:auto;
		padding:40px 0 0 0;
		}
		
		#videoTitle {
		color: #2f2f2f;
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 0px;
		padding-top: 5px;
		text-align: center;
		}
		
		#videoDescription {
		width: 50%;
		color: #707070;
		font-size: 14px;
		font-style: normal;
		padding: 20px 0 20px 0;
		line-height: 20px;
		margin: auto;
		text-align: center;
		display: block !important;
		}
	
		#videothumbs {
		width: 50px;
		height: 50px;
		margin: auto;
		opacity: .5;
		cursor: pointer;
		cursor: hand;
		background-image: url('grid2.png');
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		
		#videothumbs:hover {
		opacity:1;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		}
		
		.video img {opacity:1;}
		
		.video {
		width: 29%;   /* width: 45.5%; */
		height: auto;
		margin: 2% 2% 0 2%;
		transition: all 0.4s;
		cursor: pointer;
		}
		
		.video > img {
		border: 0px solid #193848;
		margin: 0 0 5px 0;
		transition: all 0.4s;
		}
		
		.video:hover > img {
		filter: brightness(20%);
		transition: all 0.4s;
		opacity: 1;
		}
		
		.video:hover > .thumbtit {
		display: block;
		}
		
		.thumbtit {
		position: absolute;
		font-size: 16px;
		top: 48%;
		left: 5%;
		width: 90%;
		color: #ffffff !important;
		margin: 0;
		padding: 0px;
		letter-spacing: 0px;
		text-align: center;
		opacity: 1 !important;
		display: none;
		}
		
		.thumbdesc {
		color: #6f6f6f;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		height: 30px;
		letter-spacing:0px;
		opacity:1;
		display: none;
		}
	
	
		/*//////  Social  //////*/
	

		#social {
		position: fixed;
		left: 50%;
		bottom: 80px;
		width: 200px;
		margin: 0 0 0 -100px;
		}
		
		#socialfoot {
		float: right;
		}
		
		.socicon {
		font-size: 16px;
		width: 30px;
		height: 30px;
		color: #252525;
		margin: 0;
		display: inline-block;
		transition: opacity 0.3s;
		cursor: pointer;
		cursor: hand;
		opacity: 1;
		}
		
		.socicon:hover {
		transition: opacity 0.3s;
		opacity: 0.5;
		}
		
		#label {
		position: static;
		font-size: 10px;
		color: #000000;
		padding: 10px 0 0 0;
		letter-spacing: 1px;
		text-transform: uppercase;
		}
		
		
		/*//////  Nav  //////*/
	
	
		#next, #prev {
		position: absolute;
		color: #7b7b7b;
		font-size:20px;
		height: 30px;
		width: 30px;
		top: 45%;
		margin-top: 0px;
		opacity: 0;
		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%;
		}
		
		#thumbnails, #thumbz {
		position: absolute;
		width: 50px;
		height: 50px;
		bottom: 15px;
		right: 20px;
		z-index: 1;
		background-image: url(grid2.png);
		background-size: contain;
		transition: opacity 0.4s;
		opacity: 1;
		z-index: 1001;
		cursor: pointer;
		cursor: hand;
		}
		
		#thumbz {background-image: url(grid2.png);}
		#thumbnails:hover, #thumbz:hover {transition: opacity 0.4s; opacity:.5;}
			
		.buttons {
		letter-spacing: 0px;
		padding: 11px 10px 20px 15px;
		text-align: left;
		margin-left: 0px;
		display: inline-block;
		transition: all 0.3s;
		opacity: 1;
		}
		
		.buttons a {font-size: 22px; color:#1f1f1f; padding: 8px 6px 4px 6px;}
		.buttons a:hover {color: #1f1f1f; border-bottom: 1px solid #7e7e7e; transition: all 0.3s; padding: 8px 6px 4px 6px;}
		
		.on {
		color: #3a3a3a !important;
		border-bottom: 0px solid #7e7e7e !important;
		padding: 4px 8px 4px 8px;
		background-color: #ffff00;
		}
				
		a {
		font-size: 18px;
		color: #000000;
		cursor: pointer;
		cursor: hand;
		font-weight: normal;
		text-decoration: none;
		transition: color 0.4s;
		}
		
		a:hover {
		color: #848484;
		padding-bottom: 4px;
		transition: color 0.4s;
		}
		
		.b {
		font-size: 18px;
		color: #000000;
		cursor: pointer;
		cursor: hand;
		font-weight: normal;
		text-decoration: none;
		}
		
		.e {
		color: #7c7c7c;
		letter-spacing: 3px;
		}
	
		
		/*///////   mailchimp  /////////*/
		
		
		#mc_embed_signup {
		position: fixed;
		color: #272727;
		clear: left;
		font-family: 'Avenir Next LT Pro Regular' !important;
		font-weight: normal !important;
		font: 14px;
		width: 300px;
		top: 140px;
		left: 30px;
		padding: 20px 10px 10px 10px;
		margin: 0 0 0 0;
		background-color: rgba(225, 225, 225, 0.7) !important;
		display: none;
		opacity: 0;
		z-index: 999;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
		 border-radius: 4px;
		}
		
		.subscribe {
		font-size: 16px;
		color: #272727;
		width: 140px !important;
		height: 20px;
		margin: 0 10px 0 0;
		padding: 4px 4px 0 4px;
		letter-spacing: 0px;
		text-align: center;
		text-transform: none;
		transition: background-color 0.3s;
		background-color: rgba(255,255,0, 0) !important;
		display: inline-block;
		z-index: 999;
		cursor: pointer;
		cursor: hand;
		}
		
		.subscribe:hover {
		background-color: rgba(255, 255, 0, 1) !important;
		transition: background-color 0.3s;
		}
		
		.tiny {font-size:10px; color:#707070; line-height:14px; width:95%;}
		.tiny a {font-size:10px; color:#000;}
		
		#socialfoot .subscribe {
		font-size: 12px;
		display: inline-block;
		}
		
		.button {
		padding: 0px !important;
		margin: 0px !important;
		}
		
		#privacy {
		position: fixed;
		font-size: 18px;
		color: #000000;
		left: 40px;
		bottom: 45px;
		transition: color 0.3s;
		cursor: pointer;
		cursor: hand;
		}
		
		#privacy:hover {
		color: #aeaeae;
		transition: color 0.3s;
		}
		
		#mc-embedded-subscribe {
		font-family: 'Avenir Next LT Pro Demi' !important;
		font-size: 16px !important;
		font-weight: normal !important;
		letter-spacing: 0px !important;
		color: #333 !important;
		background-color: rgba(255, 255, 255, 1) !important;
		padding: 2px 15px 20px 15px !important;
		margin-bottom: 5px !important;
		-webkit-appearance: none !important;
		}
		#mc-embedded-subscribe:hover {background-color: rgba(255, 255, 0, 1) !important;}
		#mc_embed_signup h2 {font-size:20px !important; text-transform:none; letter-spacing:0px; font-weight:normal !important;}
		#mce-responses {margin:0 !important;}
		#mce-error-response {color:#F30 !important;}
		#mce-success-response {color:#252525 !important; letter-spacing:0px !important; display:block !important; opacity:1 !important;}
		
		#close {
		position: absolute;
		top: 0px;
		right: 10px;
		width: 20px;
		height: 20px;
		background-image: url(close.png);
		background-size: cover;
		background-repeat: no-repeat;
		cursor: pointer;
		cursor: hand;
		
		-webkit-transition: -webkit-transform .4s ease-in-out;
          transition:         transform .4s ease-in-out;
		}
		
		#close:hover {
		  -webkit-transform: rotate(-90deg);
		          transform: rotate(-90deg);
		}
				
		
		
		/*///////   nioute  /////////*/
	
		
		.nioute {	    
	    position: fixed;
		right: 70px;
		bottom: 48px;
	    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;}
		
		#web {
		position: fixed;
		right: 110px;
		bottom: 60px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		color: #919191;
		z-index: 1000;
		opacity: 0;
		cursor: pointer;
		cursor: hand;
		}
	
	
	
		/*//////////////// FIN */