/* style.css */

/* ---------- ---------- ---------- ---------- ---------- */
/* FONT */

	/* MARIANINA THIN */
	@font-face{
	  font-family:"MarianinaCnFY-Thin_M";
	  src: url("../medias/fonts/marianinaFY/condensed/Thin/MarianinaCnFY-Thin_M.eot?") format("eot"),
	  url("../medias/fonts/marianinaFY/condensed/Thin/MarianinaCnFY-Thin_M.woff") format("woff"),
	  url("../medias/fonts/marianinaFY/condensed/Thin/MarianinaCnFY-Thin_M.ttf") format("truetype"),
	  url("../medias/fonts/marianinaFY/condensed/Thin/MarianinaCnFY-Thin_M.svg#webfontdSscXrwb") format("svg");
	  font-weight:normal;
	  font-style:normal;
	}
	
	/* MARIANINA REGULAR */
	@font-face{
	  font-family:"MarianinaCnFY-Medium_M";
	  src: url("../medias/fonts/marianinaFY/condensed/Medium/MarianinaCnFY-Medium_M.eot?") format("eot"),
	  url("../medias/fonts/marianinaFY/condensed/Medium/MarianinaCnFY-Medium_M.woff") format("woff"),
	  url("../medias/fonts/marianinaFY/condensed/Medium/MarianinaCnFY-Medium_M.ttf") format("truetype"),
	  url("../medias/fonts/marianinaFY/condensed/Medium/MarianinaCnFY-Medium_M.svg#webfontdSscXrwb") format("svg");
	  font-weight:normal;
	  font-style:normal;
	}

	/* MARIANINA MEDIUM */
	@font-face{
	  font-family:"MarianinaCnFY-Regular_M";
	  src: url("../medias/fonts/marianinaFY/condensed/Regular/MarianinaCnFY-Regular_M.eot?") format("eot"),
	  url("../medias/fonts/marianinaFY/condensed/Regular/MarianinaCnFY-Regular_M.woff") format("woff"),
	  url("../medias/fonts/marianinaFY/condensed/Regular/MarianinaCnFY-Regular_M.ttf") format("truetype"),
	  url("../medias/fonts/marianinaFY/condensed/Regular/MarianinaCnFY-Regular_M.svg#webfontdSscXrwb") format("svg");
	  font-weight:normal;
	  font-style:normal;
	}

	/* MARIANINA BLACK */
	@font-face{
	  font-family:"MarianinaCnFY-Black_M";
	  src: url("../medias/fonts/marianinaFY/condensed/Black/MarianinaCnFY-Black_M.eot?") format("eot"),
	  url("../medias/fonts/marianinaFY/condensed/Black/MarianinaCnFY-Black_M.woff") format("woff"),
	  url("../medias/fonts/marianinaFY/condensed/Black/MarianinaCnFY-Black_M.ttf") format("truetype"),
	  url("../medias/fonts/marianinaFY/condensed/Black/MarianinaCnFY-Black_M.svg#webfontdSscXrwb") format("svg");
	  font-weight:normal;
	  font-style:normal;
	}

	/* HAVE HEART ONE */
	@font-face{
	  font-family:"HaveHeart-One";
	  src: url("../medias/fonts/HaveHeart-One/HaveHeartOne.eot?") format("eot"),
	  url("../medias/fonts/HaveHeart-One/HaveHeartOne.woff") format("woff"),
	  url("../medias/fonts/HaveHeart-One/Have Heart One.ttf") format("truetype"),
	  url("../medias/fonts/HaveHeart-One/HaveHeartOne.svg#webfontdSscXrwb") format("svg");
	  font-weight:normal;
	  font-style:normal;
	}

/* ---------- ---------- ---------- ---------- ---------- */
/* TEXT */
p{margin:0 0 15px 0; font-size:82.5%; line-height:150%; text-align:justify;}
	p span{}
	p img{}

span{}

b,
strong{}
i,
em{}
sub{}
sup{}

br{}
hr{}

/* ---------- ---------- ---------- ---------- ---------- */
/* LINK */
a,
a:link{position:relative; color:#851168; text-decoration:none;}
a:visited{}
a:hover{}
a:active{}
a:hover::after{content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:2px solid #851168;}
	a span{}
	

/* ---------- ---------- ---------- ---------- ---------- */
/* TITLE */
h1, h2, h3, h4, h5, h6{}
h1{}
/*h2{position:absolute; top:350px; right:0; font-family:"HaveHeart-One",arial; font-size:500%; font-weight:100;
    background:linear-gradient(135deg,#a9134e,#851168);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}*/
h2{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; margin:0; padding:5px; font-family:"HaveHeart-One",arial; font-size:500%; font-weight:100;
    background:linear-gradient(135deg,#a9134e,#851168);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
h2 span{color:#851168;}

.contentWorkInside h2{top:550px;}
h3{margin:100px 0 15px 0; padding:5px; font-size:250%; text-align:center; padding:5px; font-family:"HaveHeart-One",arial; font-size:500%; font-weight:100;
	background:linear-gradient(135deg,#a9134e,#851168);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
h4{}
h5{}
h6{}

/* ---------- ---------- ---------- ---------- ---------- */
/* LIST */
ul{}
	ul li{}
		ul li ul{}
			ul li ul li{}

ol{}
	ol li{}
		ol li ol{}
			ol li ol li{}

ol{}
	ol li{}
		ol li ol{}
			ol li ol li{}

dl{}
	dl dt{}
	dl dd{}

/* ---------- ---------- ---------- ---------- ---------- */
/* IMG */
.content img{display:block; clear:both; margin:0 auto 15px auto; border:5px solid #fff;}
svg{}
figure{}
figcaption{}

/* ---------- ---------- ---------- ---------- ---------- */
/* TABLE */
table{}
	table tr{}
		table tr th{}
		table tr td{}
	
	table thead{}
		table thead tr th{}
		table thead tr td{}

	table tbody{}
		table tbody tr th{}
		table tbody tr td{}

	table tfoot{}
		table tfoot tr th{}
		table tfoot tr td{}

/* ---------- ---------- ---------- ---------- ---------- */
/* FORM */

/* ---------- ---------- ---------- ---------- ---------- */
/* MEDIA */
video{position:absolute; top:0; left:0; z-index:9987;
	filter:blur(0px) grayscale(1) contrast(1) brightness(1); 
	-webkit-filter:blur(0px) grayscale(1) contrast(1) brightness(1); 
	opacity:1;
}
audio{}
canvas{/*background:#fff;*/}
.canvas-video{position:absolute; top:0; left:0; z-index:9988;}
iframe{margin:0 0 15px 0; clear:both;}

/* ---------- ---------- ---------- ---------- ---------- */
/* NAVIGATION */
nav,
.nav{position:absolute; top:0; left:0; width:100%; height:50px;}

/* ---------- ---------- ---------- ---------- ---------- */
/* structure */
html{background:#e2e2e2; width:100%; height:100%; font-size:100%; overflow:hidden;}
	body{width:100%; height:100%; font-size:100%; overflow:hidden;}
		#container{background:url(../medias/images/style/background-body.gif) repeat center center; position:relative; width:100%; height:100%; overflow:hidden; z-index:2;}
			
			header,
			.header{background:linear-gradient(to right,#851168,#a9134e); width:100%; height:50px; position:absolute; top:0; left:0;}
				.header .nav{text-align:center;}
					.header .nav *{position:relative; z-index:2;}
					.header .nav #headerPattern{background:url(../medias/images/style/background-header.gif) repeat center center; width:100%; height:50px; position:absolute; top:0; left:0; opacity:0.25; z-index:1;}
					.header .nav > a{display:block; position:absolute; top:10px; left:10px;}
					.header .nav ul{display:inline; padding:0; margin:0 auto 0 auto; color:#fff; font-family:"MarianinaCnFY-Medium_M",arial; font-size:125%; letter-spacing:2px; text-transform:uppercase; line-height:250%;}
						.header .nav li{display:inline;}
							.header .nav li a,
							.header .nav li a:link{color:#fff; text-decoration:none;}
							.header .nav li a:hover::after{content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:2px solid #fff; }
							.header .nav li a.active::after{content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:2px solid #fff; }

			section,
			.section{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
				#logo{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:-100px 0 0 0;}
				.contentText{position:relative; top:100px; max-width:800px; min-height:100%; margin:0 auto;}
					.contentText p{font-size:230%; font-family:"MarianinaCnFY-Regular_M",arial; text-align:justify; color:#a9134e;
						/*background:linear-gradient(135deg,#a9134e,#851168);
  						-webkit-background-clip:text;
  						-webkit-text-fill-color:transparent;*/
					}

				.contentWork,
				.contentWorkInside{position:relative; max-width:800px; min-height:100%; margin:0 auto;}
				.contentWorkInside{max-width:930px; padding:100px 0 0 0;}
					.work,
					.work:link{position:absolute; top:50%; left:50%; display:block; width:300px; height:200px; /*border:5px solid #a9134e;*/ transform:translate(-50%,-50%); cursor:pointer; background-size:cover; filter:grayscale(50%); opacity:0.75;}

					.contentWorkInside .work,
					.contentWorkInside .work:link{position:relative; top:0; left:0; float:left; margin:5px; transform:none;}

					.work:hover{/*border:5px solid #851168;*/ filter:grayscale(0%); opacity:1;}
					.work:hover::after{display:none;}

					.contentWork .work:nth-child(1){margin:-105px 0 0 -310px;}
					.contentWork .work:nth-child(2){margin:-105px 0 0 0}
					.contentWork .work:nth-child(3){margin:-105px 0 0 310px;}
					.contentWork .work:nth-child(4){margin:105px 0 0 -310px;}
					.contentWork .work:nth-child(5){margin:105px 0 0 0}
					.contentWork .work:nth-child(6){margin:105px 0 0 310px}

					.work_01-01{background:url("../medias/images/work/01-01.jpg") no-repeat center center;}
					.work_01-02{background:url("../medias/images/work/01-02.jpg") no-repeat center center;}
					.work_01-03{background:url("../medias/images/work/01-03.jpg") no-repeat center center;}
					.work_01-04{background:url("../medias/images/work/01-04.jpg") no-repeat center center;}
					.work_02-01{background:url("../medias/images/work/02-01.jpg") no-repeat center center;}
					.work_02-02{background:url("../medias/images/work/02-02.jpg") no-repeat center center;}
					.work_02-03{background:url("../medias/images/work/02-03.jpg") no-repeat center center;}
					.work_02-04{background:url("../medias/images/work/02-04.jpg") no-repeat center center;}
					.work_03-01{background:url("../medias/images/work/03-01.jpg") no-repeat center center;}
					.work_03-02{background:url("../medias/images/work/03-02.jpg") no-repeat center center;}
					.work_03-03{background:url("../medias/images/work/03-03.jpg") no-repeat center center;}
					.work_03-04{background:url("../medias/images/work/03-04.jpg") no-repeat center center;}
					.work_04-01-01{background:url("../medias/images/work/04-01-01.jpg") no-repeat center center;}
					.work_04-01-02{background:url("../medias/images/work/04-01-02.jpg") no-repeat center center;}
					.work_04-01-03{background:url("../medias/images/work/04-01-03.jpg") no-repeat center center;}
					.work_04-02-01{background:url("../medias/images/work/04-02-01.jpg") no-repeat center center;}
					.work_04-02-02{background:url("../medias/images/work/04-02-02.jpg") no-repeat center center;}
					.work_04-02-03{background:url("../medias/images/work/04-02-03.jpg") no-repeat center center;}
					.work_04-03-01{background:url("../medias/images/work/04-03-01.jpg") no-repeat center center;}
					.work_04-03-02{background:url("../medias/images/work/04-03-02.jpg") no-repeat center center;}
					.work_04-03-03{background:url("../medias/images/work/04-03-03.jpg") no-repeat center center;}
					.work_05-01{background:url("../medias/images/work/05-01.jpg") no-repeat center center;}
					.work_05-02{background:url("../medias/images/work/05-02.jpg") no-repeat center center;}
					.work_05-03{background:url("../medias/images/work/05-03.jpg") no-repeat center center;}
					.work_05-04{background:url("../medias/images/work/05-04.jpg") no-repeat center center;}
					.work_05-05{background:url("../medias/images/work/05-05.jpg") no-repeat center center;}
					.work_05-06{background:url("../medias/images/work/05-06.jpg") no-repeat center center;}
					.work_05-07{background:url("../medias/images/work/05-07.jpg") no-repeat center center;}
					.work_06-01{background:url("../medias/images/work/06-01.jpg") no-repeat center center;}
					.work_06-02{background:url("../medias/images/work/06-02.jpg") no-repeat center center;}
					.work_06-03{background:url("../medias/images/work/06-03.jpg") no-repeat center center;}
					.work_06-04{background:url("../medias/images/work/06-04.jpg") no-repeat center center;}
					.work_06-05{background:url("../medias/images/work/06-05.jpg") no-repeat center center;}

			article,
			.article{position:relative; padding:0 15px 0 15px;}
			
			aside,
			.aside{}

			footer,
			.footer{}

		#backgroundGraphic{position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;}
			.mountain{background-repeat:repeat-x; background-position:center center; position:absolute; left:0; width:100%; height:304px;}
			#mountain01{background-image:url(../medias/images/style/img-mountain-01.png); bottom:100px; opacity:0.25;}
			#mountain02{background-image:url(../medias/images/style/img-mountain-02.png); bottom:-25px; opacity:0.50;}
			#mountain03{background-image:url(../medias/images/style/img-mountain-01.png); bottom:-100px; opacity:0.75;}
				.insideMountain{background:linear-gradient(to top,rgba(226,226,226,1),rgba(0,0,0,0)); width:100%; height:304px;}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- */
/* DESIGN SECTIONS */
*{/*box-sizing:border-box;*/}
	.sections{}
	#fullpage{}
		.article{position:relative;}
		
		.fp-tableCell{/*padding:50px; vertical-align:top !important;*/}
		.content{width:80%; height:100%; margin:0 auto; padding:100px 50px 50px 50px; overflow-y:scroll; text-align:center; clip-path:polygon(0% 0%, 96% 0%, 96% 100%, 0% 100%);}
		.content p{display:block; width:600px; margin:0 auto 15px auto;}
		.content a,
		.content a:link{background:#851168; padding:10px; color:#fff; text-decoration:none;}
		.content a:hover{background:#a9134e; text-decoration:none;}
		.content a:hover::after{display:none;}