/* ====================================================================== */
/* =========================== Default Screen =========================== */
/* ====================================================================== */

html {
	height: 100%;
	overflow-y: scroll;
	letter-spacing: 0;
	cursor: default;
	font-size: 10px;
}
	
body {
	height: 100%;
	line-height:0;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none !important;
	font-smoothing: antialiased !important;	
	color: #545454;
}

.setWrapper {
	max-width: 1328px;
	width:-webkit-calc(100% - 80px);
	   width:-moz-calc(100% - 80px);
		 width:-o-calc(100% - 80px);
			width:calc(100% - 80px);
	background: rgba(255,0,0,0);
	margin: 128px auto;
	position: relative;
	overflow: hidden;
}

.setGRID {
	width: 100%;
	height: 100vh;
	background: url(../assets/@0x/IMG_GRD.png?2001) repeat-y top center / 1800px 100px;
	position: fixed;
	z-index: 2000;
	opacity: 0.25;
	display: none;
	top: 0;
}

.setWrapper.setMRG {
	margin: 64px auto;
}

/* ---------------------------------------- */
/* ----- >>> Structure -------------------- */
/* ---------------------------------------- */

header {
	width: 100%;
	background: #BDDD97;
	text-align: left;
	position: fixed;
	padding: 24px 0;
	z-index: 9999;
	top: 0;
}

section {
	width: 100%;
	display: inline-block;
	position: relative;
}

footer {
	width: 100%;
	background: #253437;
	text-align: center;
	overflow: hidden;
	color: #FFFFFF;
	padding: 48px 0;
	bottom: 0;
}

section.setMT {
	padding-top: 48px;
}

.isPRD header {
	background: #FFFFFF;
}

/* ---------------------------------------- */
/* ----- >>> Styles ----------------------- */
/* ---------------------------------------- */

h1		{ font: 300 64px/1.00em 'Hurme', sans-serif; margin: 0 auto 64px auto; }
h2		{ font: 400 54px/1.50em 'Hurme', sans-serif; margin: 0 auto 16px auto; }
h3		{ font: 400 48px/1.50em 'Hurme', sans-serif; margin: 0 auto 16px auto; }
h4		{ font: 400 32px/1.50em 'Hurme', sans-serif; margin: 0 auto 16px auto; }
h5		{ font: 400 24px/1.50em 'Hurme', sans-serif; margin: 0 auto 16px auto; }
p 		{ font: 400 18px/1.50em 'Hurme', sans-serif; margin: 0 auto 12px auto; }
small   { font: 400 16px/1.50em 'Hurme', sans-serif; margin: 0 auto 16px auto; }
a 		{ text-decoration: none;}
em      { font-style: italic; }
strong  { font-weight: 600; }

p:last-of-type,
small:last-of-type { margin-bottom: 0; }


/* ---------------------------------------- */
/* ----- >>> Navegation ------------------- */
/* ---------------------------------------- */

header .setWrapper {
	margin: 0 auto;
}

.setBND {
	width: 200px;
	height: 40px;
	background: url(../assets/SVG/IMG_BND.svg?2001) no-repeat 0 0 / 100% 200%;
	display: inline-block;
}

header .setBND { background-position: 000% 000%; }
footer .setBND { background-position: 000% 100%; }

nav {
	display: inline-block;
	margin: 8px auto;
}

nav li {
	font: 16px/1.50em 'Hurme',  sans-serif;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	padding: 0 24px;
}

nav li:last-child {
	margin-right: 0;
}

header nav {
	float: right;
}

footer nav {
	width: 100%;
	margin: 48px auto 64px auto;
}

footer nav li {
	text-transform: none;
	font-weight: 600;
	font-size: 21px;
}

footer nav li:before {
	content: "";
	width: 2px;
	height: 16px;
	background: #FFFFFF;
	position: absolute;
	margin-top: -8px;
	left: 0;
	top: 50%;
}

footer nav li:first-child:before {
	display: none;
}

footer .setLine {
	width: 256px;
	height: 1px;
	display: inline-block;
	background: #FFFFFF;
}

footer .setMNF {
	width: 110px!important;
	height: 45px!important;
	background: url(../assets/IMG/logo-elea-white-transp-v2@3x.png) no-repeat center center / cover;
	display: inline-block;
	margin: 48px auto;
}

/*footer .setMNF {
	width: 110px;
	height: 36px;
	background: url(../assets/SVG/IMG_LAB.svg?2001) no-repeat center center / cover;
	display: inline-block;
	margin: 48px auto;
}*/

footer small {
	display: inline-block;
	max-width: 1100px;
	opacity: 0.5;
}

footer small:first-of-type {
	text-transform: uppercase;
	font-size: 18px;
}

footer small a {
	text-decoration: underline;
}

header .setBND a,
footer .setBND a,
footer .setMNF a {
	width: 100%;
	height: 100%;
	display: block;
}

/* ---------------------------------------- */
/* ----- >>> Section: Home ---------------- */
/* ---------------------------------------- */

#isS01 {
	width: 100%;
	background: url(../assets/SVG/IMG_BKG.svg) no-repeat center center / cover;
}

#isS01 .setTitle {
	width: 100%;
	display: flex;
}

#isS01 .setTitle h1 { font: 600 16px/1.00em 'Hurme', sans-serif; white-space: nowrap; letter-spacing: 0.0em; margin-bottom: 8px; text-transform: uppercase; }
#isS01 .setTitle h2 { font: 300 36px/1.00em 'Hurme', sans-serif; white-space: nowrap; letter-spacing: 0.0em; margin-bottom: 8px; text-transform: normal; }
#isS01 .setTitle h3 { font: 400 21px/1.00em 'Hurme', sans-serif; white-space: nowrap; letter-spacing: 0.0em; margin-bottom: 8px; text-transform: uppercase; }
#isS01 .setTitle p  { font: 500 14px/1.00em 'Hurme', sans-serif; white-space: nowrap; letter-spacing: 0.1em; margin-bottom: 8px; text-transform: uppercase; }
#isS01 .setTitle em { font-style: normal; }

#isS01 .setTitle h2 em { color: #76BC21;   }
#isS01 .setTitle h3 em { font-weight: 600; }

#isS01 .setColumns > div > a > .setPRD {
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 48px;
}

#isS01 .setTitle > div:nth-child(1) { width: 75%; }
#isS01 .setTitle > div:nth-child(2) { width: 25%; }

#isS01 .setColumns > div > a > p {
	-webkit-transform: translate( -50%, 0);
	   -moz-transform: translate( -50%, 0);
		-ms-transform: translate( -50%, 0);
		 -o-transform: translate( -50%, 0);
			transform: translate( -50%, 0);
	white-space: nowrap;
	position: absolute;
	text-align: left;
	font-size: 21px;
	margin-top: 0;
	bottom: 0%;
	left: 50%;
}

#isS01 .setColumns > div {
	margin-right: 0;
}

#isS01 .setColumns > div > a > p {
	line-height: 1.25em;
	font-size: 16px;
}

#isS01 .setColumns > div > a > p > strong {
	width: 100%;
	display: inline-block;
	font-weight: 600;
	font-size: 18px;
}

/* ---------------------------------------- */

#isS02 {
	min-height: 100vh;
}

#isS02 h1,
#isS02 .setTabs {
	margin-left: 160px;
}

#isS02 p {
	font-weight: 400;
	font-size: 21px;
}

#isS02 .setBG {
	width: 100%;
	min-height: 100vh;
	background-position: top right;
	position: absolute;
	display: none;
	z-index: 0;
	bottom: 0;
	top: 0;
}

#isS02 .setBG.isCurrent {
	display: block;
}

/* ---------------------------------------- */

#isS03 .setColumns > div {
	min-height: 100vh;
}

#isS03 p {
	font-weight: 400;
	font-size: 18px;
}

#isS03 p.setNM {
	margin-bottom: 0;
}

#isS03 small {
	width: 100%;
	display: inline-block;
	line-height: 1.50em;
	font-weight: 400;
	margin-top: 16px;
	font-size: 14px;
}

#isS03 .setColumns > div:nth-child(1) .setTab { margin-top: 48px; }
#isS03 .setColumns > div:nth-child(2) .setTab { margin-top: 360px; }

/* ---------------------------------------- */

#isS04 h1,
#isS04 h2 {
	color: #474747;
}

#isS04 h2 {
	font-weight: 600;
	font-size: 36px;
}

/* ---------------------------------------- */

#isS05 h1 {
	margin-bottom: 24px;
}

#isS05 p {
	margin-bottom: 0;
	font-size: 28px;
}

/* ---------------------------------------- */
/* ----- >>> Section: Products ------------ */
/* ---------------------------------------- */

.setP10.setMT .setWrapper,
.setP20.setMT .setWrapper,
.setP30.setMT .setWrapper {
	margin: 96px auto;
}

.setInfo > div:nth-child(1) { width: 30%; }
.setInfo > div:nth-child(2) { width: 50%; }
.setInfo > div:nth-child(3) { width: 20%; }

.setInfo > div {
	align-items: center;
	position: relative;
	display: flex;
	flex-grow: 1;
}

.setInfo .setIMG {
	width: 100%;
	min-height: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 100%;
}

.setInfo .setContent {
	width: 100%;
	position: relative;
	text-align: left;
	display: block;
	z-index: 999;
}

.setInfo .setContent > h1{
	white-space: nowrap;
	margin-bottom: 32px;
	line-height: 0.8em;
	padding-top: 8px;
	font-size: 54px;
}

.setComp .setWrapper {
	padding-bottom: 0;
	margin-bottom: 0;
}

.setComp h1 {
	padding-top: 8px;
	line-height: 0.8;
}

.setComp h1 > span,
.setInfo .setContent > h1 > span{
	font-size: 32px;
}

.setInfo .setContent > h1 > span {
	margin-top: 16px;
	display: inline-block;
	line-height: 1em;
}

.setInfo .setContent > p {
	width: 80%;
	margin-bottom: 64px;
	margin-right: 20%;
	font-size: 21px;
}

.setButton.setMobile {
	margin: 0 auto;
	float: inherit;
	display: none;
}

/* ---------------------------------------- */

.setInfo .setPosologia {
	width: 125%;
	margin-left: -50%;
}

.setInfo .setPosologia > li {
	width: 100%;
	align-items: center;
	margin: 32px 0;
	display: flex;
}

.setInfo .setPosologia > li > i {
	min-width: 92px !important;
	min-height: 92px !important;
	background-repeat: no-repeat;
	background-size: 400% 100%;
	background-position: 0 0;
	display: inline-block;
	margin-right: 24px;
	float: left;
}

.setInfo .setPosologia > li > p {
	width: 100%;
	line-height: 1.25em;
	font-size: 18px;
}

.setInfo .setPosologia > li > p > strong {
	width: 100%;
}

.setInfo .setPosologia > li:nth-child(1) { margin-left: 10%; }
.setInfo .setPosologia > li:nth-child(2) { margin-left: 10%; }
.setInfo .setPosologia > li:nth-child(3) { margin-left: 20%; }
.setInfo .setPosologia > li:nth-child(4) { margin-left: 20%; }
.setInfo .setPosologia > li:nth-child(5) { margin-left: 5%; }

.setInfo .setPosologia.setPkt > li:nth-child(1) { margin-left: 15%; margin-top: 15%; }
.setInfo .setPosologia.setPkt > li:nth-child(2) { margin-left: 20%; }
.setInfo .setPosologia.setPkt > li:nth-child(3) { margin-left: 20%; }
.setInfo .setPosologia.setPkt > li:nth-child(4) { margin-left: 10%; }

.setInfo .setPosologia > li:nth-child(2) > i { background-position: 000% 100%; }
.setInfo .setPosologia > li:nth-child(3) > i { background-position: 033% 100%; }
.setInfo .setPosologia > li:nth-child(4) > i { background-position: 066% 100%; }
.setInfo .setPosologia > li:nth-child(5) > i { background-position: 100% 100%; }

.setInfo .setPosologia.setCmc > li:nth-child(1) { margin-left: 55%; margin-top: 15%; }
.setInfo .setPosologia.setCmc > li:nth-child(2) { margin-left: 20%; }
.setInfo .setPosologia.setCmc > li:nth-child(3) { margin-left: 20%; }

.setReference {
	overflow: hidden;
}

.setReference.setItems {
	display: none;
}

.setReference > li {
	width: 100%;
	font: 300 21px/1.5em 'Hurme',  sans-serif;
	position: relative;
	margin: 6px 0;
	float: left;
}

.setReference > li > i {
	width: 18px;
	height: 18px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
	border: 1px solid #689469;
	vertical-align: middle;
	display: inline-block;
	margin-right: 12px;
}

.setReference > li > i.setActive{
	background: #689469;
}

.setComposition ul {
	display: none;
}

.setComposition ul > li {
	position: absolute;
	left: 0;
	top: 0;
}

.setComposition {
	width: 100%;
	margin-top: -8%;
	padding-bottom: 50%;
	position: relative;
	float: left;
}

.setComposition:before,
.setComposition:after {
	content: "";
	width: 35%;
	height: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 32.50%;
	bottom: 5.0%;
}

.setComposition:before {
	z-index: 99;
	width: 100%;
	height:100%;
	left: 0.00%;
	bottom: 00%;
}

/* ---------------------------------------- */

.setP10 { background-color: #95CA59; }
.setP11 { background-color: #FAECD2; }
.setP12 { background-color: #7DAF7C; }
.setP13 { background-color: #5C6769; }

.setP20 { background-color: #78CEC1; }
.setP21 { background-color: #FAECD2; }
.setP22 { background-color: #4D857E; }
.setP23 { background-color: #5C6769; }

.setP30 { background-color: #FEB254; }
.setP31 { background-color: #FAECD2; }
.setP32 { background-color: #7DAF7C; }
.setP33 { background-color: #5C6769; }

.setP40 { background-color: #98C1D1; }
.setP41 { background-color: #FFFFFF; }
.setP42 { background-color: #66767C; }
.setP43 { background-color: #5C6769; }


.setP10 .setIMG 				{ background-image: url(../assets/@0x/IMG_PR11.jpg); }
.setP10 .setButton 				{ background: #FFFFFF; color: #95CA59; }
.setP10 .setPosologia > li > i  { background-image: url(../assets/SVG/IMG_PR11.svg?2001); }
.setP11 .setComposition:after 	{ background-image: url(../assets/@0x/IMG_PR12.jpg); }
.setP11 .setComposition:before 	{ background-image: url(../assets/SVG/IMG_PR12.svg?2001); }

.setP20 .setIMG 				{ background-image: url(../assets/@0x/IMG_PR21.jpg); }
.setP20 .setButton 				{ background: #FFFFFF; color: #78CEC1; }
.setP20 .setPosologia > li > i  { background-image: url(../assets/SVG/IMG_PR21.svg?2001); }
.setP21 .setComposition:after 	{ background-image: url(../assets/@0x/IMG_PR22.jpg); }
.setP21 .setComposition:before 	{ background-image: url(../assets/SVG/IMG_PR22.svg?2001); }

.setP30 .setIMG 				{ background-image: url(../assets/@0x/IMG_PR31.jpg); }
.setP30 .setButton 				{ background: #FFFFFF; color: #FEB254; }
.setP30 .setPosologia > li > i  { background-image: url(../assets/SVG/IMG_PR31.svg?2001); }
.setP31 .setComposition:after 	{ background-image: url(../assets/@0x/IMG_PR32.jpg); }
.setP31 .setComposition:before 	{ background-image: url(../assets/SVG/IMG_PR32.svg?2001); }

.setP40 .setIMG 				{ background-image: url(../assets/@0x/IMG_PR41.jpg); }
.setP40 .setButton 				{ background: #FFFFFF; color: #98C1D1; }
.setP40 .setPosologia > li > i  { background-image: url(../assets/SVG/IMG_PR41.svg?2001); }
.setP41 .setComposition:after 	{ background-image: url(../assets/@0x/IMG_PR32.jpg); }
.setP41 .setComposition:before 	{ background-image: url(../assets/SVG/IMG_PR32.svg?2001); }

#isS13 h1 {
	margin-bottom: 24px;
}

#isS13 p:first-of-type {
	margin-top: 96px;
}

.setAlert {
	width: 128px;
	height: 128px;
	background: url(../assets/SVG/IMG_ALT.svg?2001) no-repeat center center / cover;
	display: inline-block;
	margin: 0 auto 0 22%;
	opacity: 0.25;
}

/* ---------------------------------------- */

.setP41 h1,
.setP41 strong {
	color: #FF9E18;
}

.setP41 h1 {
	white-space: nowrap;
}

.setP41 p:first-of-type {
	margin-top: 64px;
}

.setP41 p { 
	margin-bottom: 32px;
	font-weight: 300;
	font-size: 24px;
	color: #66767C; 
}

.setP42 p {
	margin-bottom: 32px;
}

.setP41 .setI01 {
	display: none;
}

.setP41 .setI01,
.setP41 .setI02 {
	width: 100%;
	float: right;
}

.setP41 .setI02 {
	max-width: 80%;
	margin-top: 32px;
}

.setP41 .setIMG {
	width: 100%;
	min-height: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 100%;
}

.setP42 .setAlert {
	margin-top: 52%;
}

/* ---------------------------------------- */
/* ----- >>> General ---------------------- */
/* ---------------------------------------- */

img {
	width: 100%;
	height: auto !important;
	display: block;
}

.setCenter {
	width: 100%;
	position: absolute;
	-webkit-transform: translate( -50%, -50%);
	   -moz-transform: translate( -50%, -50%);
		-ms-transform: translate( -50%, -50%);
		 -o-transform: translate( -50%, -50%);
			transform: translate( -50%, -50%);
	left: 50%;
	top: 50%
}

.setRound {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
}

.setBKG {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.setFlex {
	display: flex;
}

.setIMG {
	width: 100%;
	min-height: 40vh;
}

.setClearfix { display: inline-block; }

* html .setClearfix { height: 1%; }
.setClearfix { display: block; }

.setClearfix:after {
	content: " ";
	height: 0;
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
}

/* ---------------------------------------- */

.setDSK { display: block !important; }
.setMBL { display: none !important; }

/* ---------------------------------------- */

.setTabs {
	width: 100%;
	flex-direction: column;
	display: flex;
}

.setTabs.setHorizontal {
	justify-content: space-between;
	flex-direction: row;
}


.setTabs > li {
	font: 400 32px/1.50em 'Hurme',  sans-serif;
	cursor: pointer;
}

.setTabs > li.isCurrent {
	font-weight: 600;
	cursor: pointer;
}

.setTab > li {
	display: none;
}

.setTab > li.isCurrent,
.setTab > li:first-child {
	display: block;
}

/* ---------------------------------------- */

.setLinks {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	justify-content: space-between;
	white-space: nowrap;
	text-align: left;
	display: flex;
}

.setLinks > li {
	margin-right: 48px;
	display: inline-block;
}

.setLinks > li:last-child {
	margin-right: 0;
}

.setButton {
	min-width: 240px;
	font: 24px/2em 'Hurme',  sans-serif;
	-webkit-border-radius: 1.5em;
	   -moz-border-radius: 1.5em;
		  	border-radius: 1.5em;
	display: inline-block;
	text-align: center;
	padding: 4px 24px;
}

/* ---------------------------------------- */

dl {
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 48px;
	overflow: hidden;
}

dl:last-child {
	margin-bottom: 0;
}

dl > dt,
dl > dd {
	width:-webkit-calc(100% - 48px);
	   width:-moz-calc(100% - 48px);
		 width:-o-calc(100% - 48px);
			width:calc(100% - 48px);
	font: 400 24px/1.25em 'Hurme',  sans-serif;
	border-top: 1px solid #FFFFFF;
	padding: 21px 32px 21px 16px;
	position: relative;
}

dl > dt {
	cursor: pointer;
}

dl > dd {
	width:-webkit-calc(100% - 32px);
	   width:-moz-calc(100% - 32px);
		 width:-o-calc(100% - 32px);
			width:calc(100% - 32px);
	padding: 12px 16px 32px 16px;
	display: none;
	border: none;
}

dl > dt:before {
	content: "";
	width: 32px;
	height: 32px;
	background: url(../assets/SVG/IMG_ACD.svg?2001) no-repeat center center / cover;
	position: absolute;
	right: 10px;
}

dl.setMB {
	margin-bottom: 122px;
}

/* ---------------------------------------- */

.setColumns {
	width: 100%;
	flex-wrap: nowrap;
	column-count: 2;
	column-gap: 0;
	display: flex;
}

.setColumns > div {
	width: 50%;
	position: relative;
	flex-grow: 1;
}

.setColumns.setC02 { column-count: 2; }
.setColumns.setC03 { column-count: 3; }
.setColumns.setC04 { column-count: 4; }
.setColumns.setCG2 > div { margin-right: 24px; }
.setColumns.setCG3 > div { margin-right: 48px; }
.setColumns.setCG4 > div { margin-right: 96px; }

.setColumns.setCG4 > div:last-child {
	margin-right: 0;
}

.setColumns .setBox {
	max-width: 600px;
	width:-webkit-calc(100% - 128px);
	   width:-moz-calc(100% - 128px);
		 width:-o-calc(100% - 128px);
			width:calc(100% - 128px);
	margin: 128px 64px;
	position: relative;
	z-index: 1000;
}

.setColumns.setFixed > div:nth-child(1) { width: 33%; }
.setColumns.setFixed > div:nth-child(2) { width: 66%; }

/* ---------------------------------------- */

.setFCW  { color: #FFFFFF; }
.setFCG  { color: #689469; }

.setBG01 { background-color: #DDEDC7; }
.setBG02 { background-color: #E9DBC4; }
.setBG03 { background-color: #C8A78C; }
.setBG04 { background-color: #7DAF7C; }

/* ---------------------------------------- */
/* ----- >>> Miscelaneas ------------------ */
/* ---------------------------------------- */

.setMS01, .setMS02, .setMS03, .setMS04, .setMS05,
.setMS11, .setMS12, .setMS13,
.setMS21, .setMS22, .setMS23,
.setMS31, .setMS32, .setMS33, .setMS34,
.setMS41 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 999;
}

.setMS01 { width: 240px; height: 320px; top:   -20%; left:  20%; background-image: url(../assets/@0x/IMG_MH01.png?2001); z-index: 99999; }
.setMS02 { width: 128px; height: 192px; bottom: 25%; left:  00%; background-image: url(../assets/@0x/IMG_MH02.png?2001); }
.setMS03 { width: 320px; height: 128px; top:   -01%; left:  00%; background-image: url(../assets/@0x/IMG_MH03.png?2001); }
.setMS04 { width: 720px; height: 288px; top: 	00%; left:  50%; background-image: url(../assets/@0x/IMG_MH04.png?2001); }
.setMS05 { width: 240px; height: 240px; top: 	02%; right: 00%; background-image: url(../assets/@0x/IMG_MH05.png?2001); }

.setMS11 { width: 120px; height: 180px; top: 	10%; right: 00%; background-image: url(../assets/@0x/IMG_MS11.png?2001); }
.setMS12 { width: 240px; height: 240px; bottom: 00%; left: 	00%; background-image: url(../assets/@0x/IMG_MS12.png?2001); }
.setMS13 { width: 320px; height: 480px; top:   	00%; right: 00%; background-image: url(../assets/@0x/IMG_MS13.png?2001); }

.setMS21 { width: 160px; height: 240px; top: 	15%; left:  00%; background-image: url(../assets/@0x/IMG_MS21.png?2001); }
.setMS22 { width: 320px; height: 640px; top:  	00%; right: 00%; background-image: url(../assets/@0x/IMG_MS22.png?2001); }

.setMS31 { width: 128px; height: 280px; top: 	10%; left:  00%; background-image: url(../assets/@0x/IMG_MS31.png?2001); }
.setMS32 { width: 200px; height: 200px; bottom:-05%; right: 00%; background-image: url(../assets/@0x/IMG_MS32.png?2001); z-index: 1000; }
.setMS33 { width: 420px; height: 220px; top:   	00%; right: 25%; background-image: url(../assets/@0x/IMG_MS33.png?2001); }
.setMS34 { width: 160px; height: 360px; top:   	05%; right: 00%; background-image: url(../assets/@0x/IMG_MS34.png?2001); }

.setMS41 { width: 360px; height: 360px; top:   -00%; right: 15%; background-image: url(../assets/@0x/IMG_MS41.jpg?2001); z-index: 0;}


.setMS02 {
	-webkit-transform: translate( 0, 50%);
	   -moz-transform: translate( 0, 50%);
		-ms-transform: translate( 0, 50%);
		 -o-transform: translate( 0, 50%);
			transform: translate( 0, 50%);
}

/* ---------------------------------------- */
/* ----- >>> Menu Animation --------------- */
/* ---------------------------------------- */

.setMenu {
	width: 24px;
	height: 18px;
	position: absolute;
	cursor: pointer;
	z-index: 20000;
	margin: 2px 0;
	display: none;
	right: 0;
	top: 0;
}

.setMenu .setIcon {
	width: 24px;
	height: 18px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	cursor: pointer;
}

 .setMenu .setIcon span {
	width: 100%;
	height: 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		  	border-radius: 3px;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #545454;
	position: absolute;
	display: block;
	opacity: 1;
	left: 0;
}

.setMenu .setIcon span:nth-child(1) { top: 0; }
.setMenu .setIcon span:nth-child(2),
.setMenu .setIcon span:nth-child(3) { top: 7px; }
.setMenu .setIcon span:nth-child(4) { top: 14px; }

.setMenu .setIcon.isOpen span:nth-child(1) {
	width: 0%;
	left: 50%;
	top: 8px;
}

.setMenu .setIcon.isOpen span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.setMenu .setIcon.isOpen span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.setMenu .setIcon.isOpen span:nth-child(4) {
	width: 0%;
	left: 50%;
	top: 8px;
}


/* ---------------------------------------- */
/* ----- >>> Animations ------------------- */
/* ---------------------------------------- */

a {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}