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

* {
    box-sizing: border-box;
}

html {
	height: 100%;
	letter-spacing: 0.05em;
	
	font-size: 0.52vw;
	cursor: default;
}
	
body {
	height: 100%;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none !important;
	font-smoothing: antialiased !important;	
	background: #FCF6ED;
	color: #4A5A4D;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.setWrapper {
	width: calc(100% - 16.0rem);
	background: rgba(255,0,0,0);
	position: relative;
	margin: 0 auto;
}

.setGRID {
	width: 100%;
	height: 100vh;
	background: url(../assets/@0x/IMG_GRD.png) repeat-y top center / 1800px 100px;
	display: none;
}

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

header {
	background: rgba(255, 255, 255, 0.66);
	backdrop-filter: blur(5px);
	width: 100%;
	padding: 4.4rem 0;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
}

section,
footer {
	width: 100%;
	display: inline-block;
	position: relative;
	padding: 12.8rem 0;
	overflow: hidden;
}

footer {
	padding-bottom: 6.4rem;
}

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

h1			{ font: 300 06.4rem/1.00em 'Stigsa',  sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.00em; text-transform: normal; }
h2			{ font: 300 05.4rem/1.25em 'Stigsa',  sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.00em; text-transform: normal; }
h3			{ font: 300 04.8rem/1.25em 'Stigsa',  sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.00em; text-transform: normal; }
h4			{ font: 300 03.2rem/1.25em 'Stigsa',  sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.10em; text-transform: uppercase; }
h5			{ font: 300 02.4rem/1.50em 'Stigsa',  sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.10em; text-transform: uppercase; }
h6			{ font: 500 02.4rem/1.50em 'CF Asty', sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.00em; text-transform: uppercase; }
p			{ font: 400 02.4rem/1.75em 'CF Asty', sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.00em; text-transform: normal; }
small		{ font: 500 01.6rem/1.75em 'CF Asty', sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.10em; text-transform: normal; }
blockquote	{ font: 300 18.0rem/0.85em 'Stigsa',  sans-serif; margin-bottom: 04.8rem; letter-spacing: 0.00em; text-transform: normal; }
time		{ font: 400 01.6rem/1.75em 'CF Asty', sans-serif; margin-bottom: 03.2rem; letter-spacing: 0.10em; text-transform: uppercase; }

a { text-decoration: none; }
strong { font-weight: 500; }
hr 	   { margin: 0; border: none;}

h1 > span { font: 300 11.2rem/0.08em 'Beyond', sans-serif; }
h2 > span { font: 300 09.4rem/0.08em 'Beyond', sans-serif; }
h3 > span { font: 300 08.4rem/0.08em 'Beyond', sans-serif; }
h4 > span { font: 300 05.6rem/0.08em 'Beyond', sans-serif; }
h5 > span { font: 300 04.2rem/0.08em 'Beyond', sans-serif; }

h1 > span,  h2 > span, 
h3 > span,  h4 > span, 
h5 > span { 
	vertical-align: middle;
	display: inline-block;
	text-transform: none;
}

address:last-child,
blockquote:last-child,
p:last-child,  small:last-child,
h1:last-child, h2:last-child, h3:last-child,
h4:last-child, h5:last-child, h6:last-child {
	margin-bottom: 0;
	color: inherit !important;
}

time {
	display: inline-block;
}

blockquote.setS {
	line-height: 1.00em;
	font-size: 14.4rem;
}

h1.setABS {
	width: auto;
	display: inline-block;
	position: relative;
}

h1.setABS > span {
	position: absolute;
	right: -20.4rem;
}

h1.setABS.setB > span {
	bottom: 0;
}

h1.setABS.setH > span {
	/*left: 50%; this style was causing an issue in mobile view that made the testimonials collapse commenting out for now -GX(WG)*/
	bottom: 0;
}

p > u { color: #5D7261!important; }

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

/* Blog button addeed to navbar*/
.blogButton {
	width:  4.5rem;
	height: 4.0rem;
	position: absolute;
	transform: translate(0%,-10%);
	z-index: 20000;
	right: 4.0rem;
	top: -10%;
	
	background-color: none;
	border: none;
	padding: 0;
	text-align: center;
	text-decoration: none;
	cursor: pointer;

}
.blogButton p {
	font-family: 'Beyond', sans-serif;
	font-size: 2.5rem;
	color: #4A5A4D;
}
@media screen and (min-width: 640px) {
	.blogButton {
		display:none;
	}
	
	.blogButton p {
	font-size: 5rem;
	}
}



/* New Navbar */
header .newNav {
	position: relative;
	top: -20px;
}

header .newNav ul {
	display: flex;
    justify-content: flex-end;
}

header .newNav ul li {
	color: #000;
	font: 300 2.5rem/1.00em 'Stigsa',  sans-serif;
	margin-right: 6rem;
}

header .newNav ul li.current-menu-item {
	color: #eba680;
	font-weight: 800;
	
	/*
	 * 	font-weight: 800;
	 * 	text-shadow: 1px 1px 1px rgba(360,360,360,0.35), 2px 2px 0px rgba(0,0,0,0.55);
	 *  border-bottom: 2px solid #eba680;
	 * 
	 * */

	
}

@media screen and (max-width: 640px) {
	header .newNav {
		display:none;
	}
}


/* Fix page content falling under nav */
.navBufferContact {
	background-color:#FCF6ED;
	width: 100%;
	height: 20rem;
}
@media screen and (max-width: 640px) {
	.navBufferContact {
		height: 2rem;
	}
}
.navBufferHome {
	background-color:#d6a68c;
	width: 100%;
	height: 20rem;
}
@media screen and (max-width: 640px) {
	.navBufferHome {
		height: 2rem;
	}
}


header .setBND{
	width: 26.25rem;
	height: 8.0rem;
	position: relative;
	z-index: 1000;
}

header .setBND a > div:nth-child(1),
header .setBND a > div:nth-child(2) { 
	transition: all 0.25s ease-in-out;
}

header .setBND a > div:nth-child(2) {
	width:  8.0rem;
	height: 8.0rem;
	background-position: 100% 100%;
	position: absolute;
	opacity: 0;
	top: -0.8rem;
}

header nav {
	width:  100%;
	height: 100vh;
	background: #1A322F;
	position: fixed;
	color: #FCF6ED;
	display: none;
	z-index: 9999;
	left: 0;
	top: 0;
}

header nav > div {
	width:  50%;
	height: 100vh;
	position: relative;
}

header nav > div > ul > li.setIMG {
	background-position: top center !important;
}  

header nav > div > ul {
	margin-left: 8.0rem;
	margin-top: 6rem;
	overflow: hidden;
}

header nav > div > ul > li {
	margin: 1.6rem 0;
}

header nav > div > ul > li > a {
	font: 300 7.2rem/1.00em 'Stigsa',  sans-serif;
}

header nav > div > ul > li > a > span {
	font: 700 1.2rem/1.00em 'CF Asty', sans-serif;
	vertical-align: middle;
	display: inline-block;
	margin-right: 2.4rem;
	margin-top: -1.6rem;
}

footer a:hover,
header a:hover,
nav ul > li.current-menu-item > a {
	color: #FFA684;	
}

header nav > div:nth-child(1) > ul,
header nav > div:nth-child(1) > ul > li {
	width:  100%;
	height: 100%;
	position: absolute;
	padding: 0;
	margin: 0;
	margin: 0;
}

header nav > div:nth-child(1) > ul > li {
	opacity: 0;
	z-index: 1;
}

header nav > div:nth-child(1) > ul > li.onView,
header nav > div:nth-child(1) > ul > li:first-child {
	opacity: 1;
	z-index: 2;
}

header nav > div:nth-child(2) > .setSocial {
	position: absolute;
	bottom: 7.2rem;
	left: 8.0rem;
}

header nav > div:nth-child(2) > .setISO {
	position: absolute;
	bottom: 7.2rem;
	right: 8.0rem;
}

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

footer .setColumns > div:nth-child(1) { width: 30%; }
footer .setColumns > div:nth-child(2) { width: 20%; }
footer .setColumns > div:nth-child(3) { width: 30%; }
footer .setColumns > div:nth-child(4) { width: 20%; }

footer h1 {
	font-size: 4.8rem;
}

footer p {
	text-transform: uppercase;
	margin-bottom: 1.6em;
	font-size: 1.6rem;
	font-weight: 500;
}

footer address,
footer nav > ul > li > a {
	font: 400 01.8rem/1.75em 'CF Asty', sans-serif;
}

footer address		 { margin-bottom: 2.1rem; }
footer nav > ul > li { margin-bottom: 1.0rem; }

footer p.setFSP {
	font: 300 3.2rem/1.25em 'Stigsa',  sans-serif;
	margin-bottom: 2.4rem;
	text-transform: none;
}

footer form  {
	position: relative;
}

footer form .setInput {
	font: 300 01.6rem/3.2em 'CF Asty', sans-serif;
	margin-bottom: 0;
}

footer form input {
	border: none;
	border-bottom: 1px solid #FCF6ED;
	color: #FFFFFF;
	padding: 0;
}

footer form .setButton {
	width: 100%;
	border: 1px solid #FCF6ED !important;
	line-height: 6.4rem;
	margin-top: 3.2rem;
	height: 6.4rem;
}

footer form .setButton:hover {
	background: #FCF6ED; 
	color: #1A322F;
}

footer form .fd-form-captcha {
	height: 60%;
	background: rgba(255,255,255,0.1) !important;
}

footer form .fd-form-captcha label > span {
	font: 300 01.8rem/3.2em 'CF Asty', sans-serif;
}

footer .fd-has-success .setOutput {
	width: 100%;
	height: 100%;
	background: #1A322F;
	position: absolute;
	display: block;
	z-index: 999;
	left: 0;
	top: 0;
}

footer .fd-has-success .setOutput:before {
	width: 100%;
	height: 5.0em;
	font: 300 01.8rem/5.0em 'CF Asty', sans-serif;
	content: "Thank you for subscribing!";
	border: 1px solid #FCF6ED !important;
	position: absolute;
	text-align: center;
	color: #FCF6ED;
}

footer .setSocial {
	margin-top: 8.2rem;
	float: left;
}

footer .setSocial > li > a {
	text-transform: uppercase;
	font-size: 1.6rem;
	color: #708875;
}

footer .setTruffl {
	margin-top: 6.4rem;
	float: right;
}

footer .setTruffl > a {
	font: 300 01.6rem/3.2em 'CF Asty', sans-serif;
	color: #708875 !important;
	letter-spacing: 0;
}

footer .setTruffl > a > i {
	width:  8.0rem;
	height: 3.2rem;
	background: url(../assets/@0x/IMG_TFFL.png) no-repeat center center / cover;
	vertical-align: middle;
	display: inline-block;
	margin-left: 1.6rem;
}

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

/*
	.isW .setMenu > div > span { background: #FCF6ED; }
	.isW .setColor			   { fill: #FCF6ED; }
*/

.onTop {
	padding: 3.2rem 0;
}

.onTop .setBND a > div:nth-child(1) { opacity: 0; }
.onTop .setBND a > div:nth-child(2) { opacity: 1; }
.onTop .setMenu > div > span { background: #1A322F; }

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

.setActions {
	position: absolute;
	bottom: 6.4rem;
	right: 6.4rem;
	display: flex;
}

.setActions > li {
	margin: 0 1.2rem;
}

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

#isOP .setS01 { 
	width: 90%; 
	padding-bottom: 140%; 
	margin-right: 10%;
	z-index: -1;
}

#isOP h3 {
	margin-bottom: 14.0rem;
	font-size: 4.4rem;
}

#isOP h3,
#isOP h6 {
	margin-left: 3.2rem;
} 

#isOP .setS02 { 
	width: 55%; 
	padding-bottom: 75%;  
	margin-right: 12.0rem; 
}

#isOP .setButton {
	position: absolute;
	right: 16.0rem;
	bottom: 0;
}

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

#isOB h5 {
	margin: 6.4rem auto 4.8rem auto;
	position: relative;
}

#isOB h5 span{ 
	font-size: 8.0rem;
}

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

.setClients {
	width: 100%;
	flex-wrap: wrap;
	display: flex;
}

.setClients .setItem {
	width: 33%;
	text-transform: uppercase;
	margin-bottom: 6.4rem;
}

.setClients .setItem .setIMG {
	width: 75.00000000%;
	padding-bottom: 25%;
	margin: 0 auto 1.6rem auto;
}

.setClients .setItem > a, .setClients .setItem > u {
	width: 100%;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 0.8rem;
}

.setClients .setItems > a {
	font: 500 2.8rem/1.25em 'Stigsa',  sans-serif;
}

.setClients .setItem > u {
	font: 500 1.8rem/1.25em 'Stigsa',  sans-serif;
}

.setClients .setItem > a:hover {
	letter-spacing: 0.5rem;
}

.setClients .setItem > small {
	font: 500 01.6rem/1.75em 'CF Asty', sans-serif;
	letter-spacing: 0.10em;
}

.setClients .setItem:nth-last-child(-n+5) {
	width: 25%;
}

/* ----------- Hero Animations ------------ */

.homeTitle {
	/*text-align:right;*/
	display: flex;
	align-items:start;
	justify-content:start;
	flex-wrap: wrap;
	height: 20vw;
  	padding: 0px;
}
.homeTitle em {
	color: #EBA680; ;
}

@media screen and (min-width: 640px) {
	.homeTitle {
		margin-left: -10rem;
	}
	.homeTitle span {
		margin-left: 25.6rem !important;
		line-height: 22rem;
	}
}

.animation {
	z-index:-1000;
	max-width:40vw;
	position: absolute;
	right: -1px;
	top: 25vh;
	transform: translateY(-8rem);
}
@media screen and (max-width: 640px) {
	.animation {
	}
}

.reveal {
  margin: 0 0.3%;
  overflow: hidden;
}
.reveal:nth-child(4n) {
  flex-basis: 100%;
}
.reveal__content {
  transform: translateY(100%);
  animation: reveal 1.2s cubic-bezier(0.7, 0, 0.3, 0.9) forwards;
}

.reveal:nth-child(2) .reveal__content {
  animation-delay: 0.0s;
}
.reveal:nth-child(3) .reveal__content {
  animation-delay: 0.2s;
}
.reveal:nth-child(4) .reveal__content {
  animation-delay: 0.4s;
}

@keyframes reveal {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}






/* ---------------------------------------- */
/* ----- >>> Section: Talents ------------- */
/* ---------------------------------------- */

#isS02 .setColumns > div:nth-child(1) { z-index: 200; } 
#isS02 .setColumns > div:nth-child(2) { z-index: 100; } 

#isS02 .setColumns > div h5 {
	margin-bottom: 6.4rem;
	margin-top: 25.6rem;
}

#isLogin {
	padding-top: 1.6rem;
	max-width: 64rem;
	overflow: initial;
	flex-wrap: wrap;
	margin: 0 auto;
	display: flex;
}

#isLogin .setInput {
	justify-content: space-between;
	padding: 1.6rem 0;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
}

#isLogin .setOutput {
	color: #FFF;
}

#isLogin input {
	width: 60%;
	height: 6.4rem;
	line-height: 6.4rem;
	color: #FFF;
}

#isLogin button {
	width: 40%;
	height: 7.2rem;
	font: 300 9.6rem/7.2rem 'Beyond', sans-serif;
	margin-bottom: -1.6rem;
	padding-top: 1.6rem;
	margin-top: -1.6rem;
	position: relative;
	text-align: center;
	color: #E0976F;
	border: none;
}

#isLogin button:before {
	width: 100%;
	height: 100%;
	content: "";
	background: url(../assets/SVG/IMG_CRL.svg) no-repeat center center / contain;
	position: absolute;
	left: 0.0rem;
	top: 0.8rem;
	opacity: 0;
}

#isLogin button:hover:before {
	opacity: 1;
}

/* ---------------------------------------- */
/* ----- >>> Section: Employers ----------- */
/* ---------------------------------------- */

#isS03 .setColumns > div:nth-child(1) { z-index: 100; } 
#isS03 .setColumns > div:nth-child(2) { z-index: 200; } 
#isS03 .setColumns > div:nth-child(2) blockquote { margin-left: -25%; }

#isOM {
	width: 80%;
	margin-bottom: 12.8rem;
	align-items: center;
}

#isOM > div:nth-child(1) { width: 35%; margin-right: 11.2rem; }
#isOM > div:nth-child(2) { width: 65%; }
#isOM .setIMG.setVRT { padding-bottom: 110%; }

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

.setADJ {
	margin-right: 16.0rem;
}

.setADJ > span {
	margin-bottom: -3.2rem;
}

.setSlider h1 {
	letter-spacing: 0.025em;
	font-size: 3.2rem;
}

.setSlider small {
	text-transform: uppercase;
	margin-bottom: 4.8rem;
	display: inline-block;
}

.setSwiper .setLogo {
	width:  50%;
	padding-bottom: 15%;
	display: inline-block;
	margin: -1.4rem 0;
}

/* ---------------------------------------- */
/* ----- >>> Section: About us ------------ */
/* ---------------------------------------- */

.setFounders .setBCO {
	width: 100%;
	position: absolute;
	justify-content: center;
	align-items: center;
	display: flex;
	bottom: 0;
}

.setFounders .setBCO > p {
	font: 300 2.4rem/2.4em 'Stigsa',  sans-serif;
	margin: 0.0rem 10%;
}

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

.setBios > dt {
	font: 300 7.2rem/0.08em 'Beyond', sans-serif;
	padding: 3.2rem 0;
}

.setBios > dt > p {
	margin-top: 4.8rem;
	font-size: 2.4rem;
}

.setBios > dd > p {
	font-size: 2.4rem;
}

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

.setTeam > div:nth-child(2) {
	border-right: none !important;
	padding: 0 !important;
	width: 66.666666%;
	flex-wrap: wrap;
	display: flex;
}

.setTeam > div:nth-child(2) > div {
	border-bottom: 	1px solid rgba(112,112,112,0.5);
	border-right: 	1px solid rgba(112,112,112,0.5);
	padding: 4.8rem 4.8rem 9.6rem 4.8rem;
	width: 50%;
}

.setTeam > div:nth-child(2) > div > p {
	margin-top: 4.8rem;
}

.setTeam > div:nth-child(2) > div > p > strong {
	font-family: 'Stigsa',  sans-serif;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 2.4rem;
}

.setTeam > div:nth-child(3) {
	padding: 4.8rem 9.6rem;
}

.setPostal {
	padding: 2.4rem;
}

.setPostal p {
	font: 300 2.1rem/2.0em 'Stigsa',  sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-top: 3.2rem;
}

.setPostal > p > span {
	font: 300 6.4rem/0.08em 'Beyond', sans-serif;
	text-transform: none;
	letter-spacing: 0;
}

/* ---------------------------------------- */
/* ----- >>> Section: Contact us ---------- */
/* ---------------------------------------- */

#isS05 .setColumns > div:nth-child(1) { z-index: 200; } 
#isS05 .setColumns > div:nth-child(2) { z-index: 100; } 
#isS05 .setColumns > div > h1 { font-size: 11.2rem; margin-top: 12.8rem; }
#isS05 .setColumns > div > h1 > span { font-size: 7.2rem; }

.setContact {
	margin-top: 25.6rem;
}

.setContact > li > p {
	font: 300 03.2rem/1.50em 'Stigsa', sans-serif;
	margin-bottom: 3.2rem;
}

.setContact > li > p > span {
	line-height: 1.00em;
	font-size: 2.1rem;

}

#isForm {
	margin-top: 12.8rem;
}

.setColumns > div > ul {
	margin-top: 8vh;
}

/* ---------------------------------------- */
/* ----- >>> Section: Blog ---------------- */
/* ---------------------------------------- */

.setFilters {
	width: 100%;
	font: 400 01.8rem/1.75em 'CF Asty', sans-serif;
	text-transform: uppercase;
	margin-bottom: 6.4rem;
	padding: 3.2rem 0;
	overflow: hidden;
}

.setFilters > ul {
	overflow: hidden;
	float: right;
}

.setFilters > ul > li {
	display: inline-block;
	margin-left: 3.2rem;
}

.setFilters > ul > li > a {
	display: inline-block;
	cursor: pointer;
}

.setFilters > ul > li.isCurrent > a {
	text-decoration: underline;
	color: #EBA680;
}

.setFilters form {
	width: 100%;
	justify-content: space-between;
	margin-top: 1.6rem;
	display: flex;
}

.setFilters form > .setInput {
	width: 25%;
	margin-bottom: 0;
}


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

.setPost {
	width: calc(33.333333% - 32px);
}

.setPost:not(:nth-last-child(-n+3)) {
	margin-bottom: 6.4rem;
}

.setPost > time {
	margin: 3.2rem 0 2.4rem 0;
}

.setPost > p {
	font: 500 2.8rem/1.25em 'Stigsa',  sans-serif;
	text-transform: uppercase;
	color: #5D7261 !important;
	letter-spacing: 0.025em;
}

.setPost > p > u {
	white-space: nowrap;
}

.setPost.setLarge {
	width: 55%;
	margin: 0 auto;
}

.setPost > div:nth-child(1) {
	padding: 2.4rem;
}

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

.setQuote {
	width: 80%;
	margin: 10.2rem auto !important;
	text-align: center;
	font-size: 8.4rem;
	display: block;
}

.setMore {
	width: 100%;
	font: 500 1.6rem/1.75em 'Stigsa',  sans-serif;
	border-bottom: 1px solid rgba(112,112,112,0.5);
	border-top:    1px solid rgba(112,112,112,0.5);
	text-transform: uppercase;
	margin-bottom: 6.4rem;
	letter-spacing: 0.1em;
	margin-top: 12.8rem;
	padding: 3.2rem 0;
	overflow: hidden;
}

.setMore > a {
	width: 25%;
  	text-overflow: ellipsis;
	white-space: nowrap;
  	overflow: hidden;
}

.setMore span {
	font: 700 01.6rem/1.75em 'CF Asty', sans-serif;
}

.setDate {
	border-bottom: 1px solid rgba(112,112,112,0.5);
	padding: 0.0rem 8.0rem;
}

.setDate time {
	width: 100%;
}

.setInfo {
	padding-bottom: 0.0rem;
}

.setInfo .setColumns > div:nth-child(1) { padding: 8.0rem;}
.setInfo .setColumns > div:nth-child(2) { padding: 0.0rem;}

.setInfo .setColumns > div:nth-child(1) h1 {
	line-height: 1.25em;
	font-size: 3.2rem;
	font-weight: 400;
}

.setInfo .setColumns > div:nth-child(1) .setSources {
	width: 100%;
	padding-top: 6.4rem;
	float: left;
}

.setInfo .setColumns > div:nth-child(1) .setSources > li {
	font: 300 2.1rem/1.75em 'Stigsa',  sans-serif;
}

.setInfo .setColumns > div:nth-child(1) .setSources > li:not(:last-child) {
	margin-bottom: 2.4rem;
}

.setInfo .setColumns > div:nth-child(1) .setSources > li > a {
	width: 100%;
	display: inline-block;
}

.setInfo .setColumns > div:nth-child(1) .setSources > li:nth-child(1) {
	font: 500 01.8rem/1.75em 'CF Asty', sans-serif;
	text-transform: uppercase;
	color: #5D7261;
}

/* ---------------------------------------- */
/* ----- >>> Section: Job List ------------ */
/* ---------------------------------------- */

.setList > div {
	width: 100%;
	border-bottom: 1px solid rgba(112,112,112,0.5);
	justify-content: space-between;
	padding: 4.8rem 0;
	display: flex;
}

.setList > div:first-child {
	padding-top: 0;
}

.setList > div > p {
	font: 500 2.8rem/1.25em 'Stigsa',  sans-serif;
	color: #5D7261 !important;
	letter-spacing: 0.025em;
	margin-bottom: 0;
}

.setList > div > p,
.setList > div > p > a > span > u {
	text-transform: uppercase;
}

.setList > div > p > a > span { text-transform: none; }

.setList > div > time 			{ width: 25%; margin-right: 5%; }
.setList > div > p:nth-child(2) { width: 40%; }
.setList > div > p:nth-child(3) { width: 30%; }

.setEmpty {
	font: 500 2.4rem/1.25em 'Stigsa',  sans-serif;
	border-bottom: 1px solid rgba(112,112,112,0.5);
	padding: 12.8rem 0 19.2rem 0;
	text-align: center;
} 

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

.setDetail p > strong {
	text-decoration: underline;
	font-weight: 400;
	color: #5D7261;
}

.setDetail p > em {
	font-size: 2.4rem;
}

/* ---------------------------------------- */
/* ----- >>> Section: Page ---------------- */
/* ---------------------------------------- */

.setPage { 
	font: 400 02.8rem/1.50em 'CF Asty', sans-serif; 
	letter-spacing: 0.00em; 
}

.setPage h4 {
	margin-bottom: 1.6rem;
	margin-top: 06.4rem; 
}

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

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

.setDSF { display: flex; }
.setDSK { display: block; }
.setMBL { display: none;  }

.setIMG {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.setIMG.setSQR { padding-bottom: 100.0%; }
.setIMG.setHRZ { padding-bottom: 62.50%; }
.setIMG.setVRT { padding-bottom: 125.0%; }
.setIMG.setFLS { padding-bottom: 100.0vh; }

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

.setTTL {
	margin: 16.0rem auto 12.8rem auto;
	text-align: center;
}

.setMAT { margin:  0 auto;		 }
.setNPD { padding: 0 !important; }

.setNWP { white-space: nowrap; }
.setTTU { text-transform: uppercase; }

.setTAL { text-align: left; }
.setTAC { text-align: center; }
.setTAR { text-align: right; }

.setFTL { float: left; }
.setFTR { float: right; }

.setHero {
	width: 100%;
	min-height: 100vh;
	padding: 0;
}

.setHalf {
	width: 100%;
	padding-bottom: 6.4rem;
	padding-top: 25.6rem;
}

.setMiddle {
	justify-content: center;
	align-items: center;
	display: flex;
}

.setW40,
.setW50,
.setW60,
.setW70,
.setW80,
.setW90 { 
	display: block; 
}

.setW40 { width: 40% !important; }
.setW45 { width: 45% !important; }
.setW50 { width: 50% !important; }
.setW55 { width: 55% !important; }
.setW60 { width: 60% !important; }
.setW65 { width: 65% !important; }
.setW70 { width: 70% !important; }
.setW75 { width: 75% !important; }
.setW80 { width: 80% !important; }
.setW85 { width: 85% !important; }
.setW90 { width: 90% !important; }
.setW95 { width: 95% !important; }

.setMT016 { margin-top:		01.6rem !important; }
.setMT024 { margin-top:		02.4rem !important; }
.setMT032 { margin-top:		03.2rem !important; }
.setMT048 { margin-top:		04.8rem !important; }
.setMT064 { margin-top:		06.4rem !important; }
.setMT080 { margin-top:		08.0rem !important; }
.setMT096 { margin-top:		09.6rem !important; }
.setMT128 { margin-top:		12.8rem !important; }
.setMT160 { margin-top:		16.0rem !important; }
.setMT256 { margin-top:		25.6rem !important; }

.setML016 { margin-left:	01.6rem !important; }
.setML024 { margin-left:	02.4rem !important; }
.setML032 { margin-left:	03.2rem !important; }
.setML048 { margin-left:	04.8rem !important; }
.setML064 { margin-left:	06.4rem !important; }
.setML080 { margin-left:	08.0rem !important; }
.setML096 { margin-left:	09.6rem !important; }
.setML128 { margin-left:	12.8rem !important; }
.setML160 { margin-left:	16.0rem !important; }
.setML256 { margin-left:	25.6rem !important; }

.setMR016 { margin-right:	01.6rem !important; }
.setMR024 { margin-right:	02.4rem !important; }
.setMR032 { margin-right:	03.2rem !important; }
.setMR048 { margin-right:	04.8rem !important; }
.setMR064 { margin-right:	06.4rem !important; }
.setMR080 { margin-right:	08.0rem !important; }
.setMR096 { margin-right:	09.6rem !important; }
.setMR128 { margin-right:	12.8rem !important; }
.setMR160 { margin-right:	16.0rem !important; }
.setMR256 { margin-right:	25.6rem !important; }

.setMB000 { margin-bottom:	00.0rem !important; }
.setMB016 { margin-bottom:	01.6rem !important; }
.setMB024 { margin-bottom:	02.4rem !important; }
.setMB032 { margin-bottom:	03.2rem !important; }
.setMB048 { margin-bottom:	04.8rem !important; }
.setMB064 { margin-bottom:	06.4rem !important; }
.setMB080 { margin-bottom:	08.0rem !important; }
.setMB096 { margin-bottom:	09.6rem !important; }
.setMB128 { margin-bottom:	12.8rem !important; }
.setMB160 { margin-bottom:	16.0rem !important; }
.setMB256 { margin-bottom:	25.6rem !important; }

@media screen and (min-width: 1600px) {
	.setPT8 { padding-top: 8rem; }
	.setPT10 { padding-top: 10rem; }
	.setPT12 { padding-top: 12rem; }
	.setPT14 { padding-top: 14rem; }
	.setPT16 { padding-top: 16rem; }
	.setPT18 { padding-top: 18rem; }
	.setPT20 { padding-top: 20rem; }
}

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

a > u.setFCO {
	transition: all 0.25s ease-in-out;
	white-space: nowrap;
}

a:hover > u.setFCO {
	letter-spacing: 0.5rem;
}

.setLink {
	font: 400 2.8rem/1.25em 'Stigsa',  sans-serif;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.setLinkSmall {
	text-decoration: underline;
}

.setLink:hover {
	letter-spacing: 0.5rem;
}

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

.setVideo {
	width: 100%;
	height: 100%;
	transform: translate( -50%, -50%);
	position: absolute;
	object-fit: cover;
	opacity: 0.15;
	z-index: 0;
	left: 50%;
	top: 50%;
}

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

.setISO {
	width:  8.0rem;
	height: 8.0rem;
	background: url(../assets/SVG/IMG_ISO.svg) no-repeat 0 0 / 100% 200%;
}

.setICN {
	width:  6.4rem;
	height: 6.4rem;
	background: url(../assets/SVG/IMG_ICN.svg) no-repeat 0 0 / 200% 200%;
	margin: 4.8rem 0.0rem 3.2rem 0.0rem;
	display: inline-block;
}

.setGPO,
.setGPU {
	padding: 0 0.6rem 0.4rem 0.6rem;
	text-decoration: none;
	position: relative;
}

.setGPO:before,
.setGPU:before {
	width: 0%;
	content: "";
	background: url(../assets/SVG/IMG_UNL.svg) no-repeat bottom center / contain;
	transform: translate(00%,-50%);
	transition: all 0.25s ease-in-out;
	transition-delay: 0.25s;
	position: absolute;
	left: 0;
}

.setGPO:before {
	height: 30%;
	top: 35%;
}
.setGPU:before {
	height: 1rem;
	top: 100%;
}


.getFX.setGPO:before,
.getFX.setGPU:before {
	width: 100%;
}


.setICN.setP10 { background-position: 000% 000%; }
.setICN.setP11 { background-position: 100% 000%; }
.setICN.setP20 { background-position: 000% 100%; }
.setICN.setP21 { background-position: 100% 100%; }

.setHND {
	font: 700 01.6rem/6.4rem 'CF Asty', sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: 0.1em;
	display: inline-block;
	cursor: pointer;
	color: #5D7261;
}

.setHND i { 
	width:  8.0rem;
	height: 8.0rem;
	background: url(../assets/SVG/IMG_HND.png) no-repeat 0 0 / 200% 100%;
	transition: all 0.25s ease-in-out;
	vertical-align: middle;
	display: inline-block;
}

.setHND.setB i {
	width:  9.6rem;
	height: 9.6rem;
}

.setHND.setL i { background-position: 000% 000%; margin: -0.8rem 1.2rem 0.0rem 1.2rem; }
.setHND.setR i { background-position: 100% 000%; margin: -0.8rem 1.2rem 0.0rem 1.2rem; }

.setHND.setL:hover i {  margin: -0.8rem 2.4rem 0.0rem 0.0rem; }
.setHND.setR:hover i {  margin: -0.8rem 0.0rem 0.0rem 2.4rem; }

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

.setSwiper {
	width: 100%;
}

.setSwiper .setItem {
	height: auto;
}

.setSwiper .setTitle {
	justify-content: space-between;
	align-items: center;
	padding: 4.8rem 0;
	overflow: hidden;
	display: flex;
}

.setSwiper .setTitle h1 {
	margin: 0;
}

.setSwiper.setBoxed .setItem > div {
	overflow: hidden;
	padding: 6.4rem;
}

.setSwiper .setItem h1 {
	max-width: 64rem;
	line-height: 1.25em;
	margin: 0 auto;
	margin-top: 0.8rem;
	font-size: 3.2rem;
}

.setBoxed .setItem h1 {
	font-weight: 500;
}

.setBoxed .setItem h1 u,
.setSwiper .setItem small {
	width: 100%;
	display: inline-block;
}

.setDots {
	width: auto 100%;
	display: inline-block;
	text-align: center;
	z-index: 999;
}

.setDots .setDot {
	width: 0.6rem;
	height: 0.6rem;
	transition: all 0.25s ease-in-out;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
	display: inline-block;
	background: #121212;
	margin-left: 1.2rem;
	cursor: pointer;
	opacity: 0.25;
}

.setDots .setDot.isActive {
	opacity: 1;
}

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

.setColumns {
	width: 100%;
	display: flex;
}

.setColumns > div {
	width: 100%;
}

.setColumns > div:nth-child(1) { background: rgba(255,0,0,0.); }
.setColumns > div:nth-child(2) { background: rgba(0,255,0,0.); }
.setColumns > div:nth-child(3) { background: rgba(0,0,255,0.); }
.setColumns > div:nth-child(4) { background: rgba(255,0,0,0.); }

.setColumns.setMRS > div:not(:last-child) {
	margin-right: 4.8rem;
}

.setColumns.setMRL > div:not(:last-child) {
	margin-right: 8.0rem;
}

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

.setTable {
	width: 100%;
	flex-wrap: wrap;
	display: flex;
}

.setTable > div {
	width: 33.333333%; 
	border-bottom: 	1px solid rgba(112,112,112,0.5);
	border-right: 1px solid rgba(112,112,112,0.5);
	padding: 12.8rem 8.0rem;
}

.setTable > div:first-child { 
	width: 100.00000%; 
	border-bottom: 	1px solid rgba(112,112,112,0.5);
	border-top: 	1px solid rgba(112,112,112,0.5);
	padding: 06.4rem 8.0rem; 
}

.setTable > div:last-child,
.setTable > div:first-child {
	border-right: none !important;
}

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

.setCards > div {
	justify-content: center;
	align-items: center;
	display: flex;
}

.setCards > div:not(.setNC) > div {
	width: 100%;
	padding-bottom: 4.8rem;
	text-align: center;
}

.setCards > div:not(.setNC) h1,
.setCards > div:not(.setNC) h2,
.setCards > div:not(.setNC) h3,
.setCards > div:not(.setNC) h4,
.setCards > div:not(.setNC) p  { 
	width: 80%;
	margin: 0 auto;
	display: block;
 }

.setCards > div:not(.setNC) h1 { font: 500 01.8rem/1.50em 'Stigsa',  sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.25em; text-transform: uppercase; }
.setCards > div:not(.setNC) h2 { font: 400 03.2rem/1.25em 'Stigsa',  sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.10em; text-transform: uppercase; }
.setCards > div:not(.setNC) h3 { font: 300 02.4rem/1.25em 'Stigsa',  sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.05em; text-transform: normal; }
.setCards > div:not(.setNC) h4 { font: 500 02.4rem/1.25em 'CF Asty', sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.05em; text-transform: normal; }
.setCards > div:not(.setNC) p  { font: 400 02.4rem/1.75em 'CF Asty', sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.00em; text-transform: normal; }
.setCards > div:not(.setNC) a  { font: 400 02.4rem/1.75em 'Stigsa',  sans-serif; margin-bottom: 2.4rem; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: underline;  display: inline-block;}

.setCards > div:not(.setNC) h1 > span {
	width: 100%;
	display: inline-block;
	text-transform: none;
	letter-spacing: 0.0;
	font-size: 9.2rem;
}

.setCards > div:nth-child(3):not(.setNC) h1 > span {
	padding-right: 4.8rem;
}

.setCards .setN {
	width:  6.4rem;
	height: 6.4rem;
	font: 400 02.1rem/6.4rem 'CF Asty', sans-serif;
	margin: 6.4rem auto 8.0rem auto;
	border: 1.5px solid #FFFFFF;
	display: inline-block;
	border-radius: 50%;
}

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

dl, dt, dd {
	width: 100%;
	text-align: justify;
	position: relative;
} 

dl > dt {
	font: 300 3.2rem/1.25em 'Stigsa',  sans-serif;
	justify-content: space-between;
	align-items: center;
	padding: 6.4rem 0;
	cursor: pointer;
	flex-wrap: wrap;
	display: flex;
} 


dl > dt > span {
	width: 60%;
	text-align: left;
}

dl > dt > i {
	width: 11.2rem;
	font: 300 2.4rem/1.25em 'Stigsa',  sans-serif;
	transition: all 0.25s ease-in-out;
	text-transform: uppercase;
	align-self: flex-end;
	position: relative;
	display: flex;
}

dl > dt > i:hover {
	letter-spacing: 0.3rem;
}

dl > dt > span > em {
	font-family: 'Beyond', sans-serif;
	vertical-align: middle;
	display: inline-block;
	margin: 0.0rem 0.3rem;
	font-size: 7.2rem;
	color: #5D7261;
}

dl > dd {
	padding-bottom: 4.8rem;
	display: none;
}

dl > dd > p {
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
}

dl > dt.isOpen {
	padding-bottom: 3.2rem;
}

dl:not(.setBios) 	  { border-bottom: 1px solid #D6A68C; }
dl:not(.setBios) > dt { border-top: 1px solid #D6A68C; }

dl:not(.setBios) dt > i:before {
	width: 9.6rem;
	content: "• • •";
	letter-spacing: 0.0em !important;
	vertical-align: middle;
	display: inline-block;
	margin-right: 1.8rem;
	margin-top: 0.2rem;
	position: absolute;
	font-size: 3.6rem;
	color: #5D7261;
	left: -7.2rem;
}

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

.setSocial {
	overflow: hidden;
	margin: 0;
}

.setSocial > li {
	margin-right: 3.2rem !important;
	float: left;
	margin: 0;
}

.setSocial > li > a {
	font: 400 2.4rem/1.00em 'CF Asty', sans-serif;
}

.setSocial > li > a:hover {
	color: #FFA684;	
}

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

.setShare {
	width: 100%;
	padding-bottom: 3.2rem;
	overflow: hidden;
}

.setShare span {
	font: 400 1.8rem/4.8rem 'CF Asty', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-right: 16px;
	float: left;
}

.setShare,
.setShare > li,
.setShare > li > a  {
	float: left;
}

.setShare > li > a > i {
	width:  4.8rem;
	height: 4.8rem;
	background: url(../assets/SVG/IMG_SHR.svg) no-repeat 0 0 / 400% 100%;
	display: block;
}

.setShare > li:nth-child(1) > a > i { background-position:   0% 0%; }
.setShare > li:nth-child(2) > a > i { background-position:  33% 0%; }
.setShare > li:nth-child(3) > a > i { background-position:  66% 0%; }
.setShare > li:nth-child(4) > a > i { background-position: 100% 0%; }


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

.setMenu {
	width:  4.0rem;
	height: 4.0rem;
	position: absolute;
	transform: translate(0%,-50%);
	z-index: 20000;
	right: 0.0rem;
	top: 50%;
}

@media screen and (min-width: 640px) {
	.setMenu {
		display: none;
	}
}

.setMenu > div {
	width: 4.0rem;
	height: 2.4em;
	position: relative;
	margin: 0.8rem auto;
	transition: .25s ease-in-out;
	transform: rotate(0deg);
	cursor: pointer;
}

 .setMenu > div > span {
	width: 100%;
	height: 1px;
	display: block;
	transition: .25s ease-in-out;
	transform: rotate(0deg);
	background: #1A322F;
	position: absolute;
	opacity: 1;
	left: 0;
}

.setMenu > div > span:nth-child(1) { top: 0px; }
.setMenu > div > span:nth-child(2),
.setMenu > div > span:nth-child(3) { top: 48%; }
.setMenu > div > span:nth-child(4) { top: 98%; }

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

.isDisplay .setMenu > div > span {
	background: #FCF6ED;
}

.isDisplay .setMenu > div > span:nth-child(2) {
	transform: rotate(45deg);
}

.isDisplay .setMenu > div > span:nth-child(3) {
	transform: rotate(-45deg);
}

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

/* ---------------------------------------- */
/* ----- >>> Media Forms ------------------ */
/* ---------------------------------------- */

form {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.reqFieldNotif {
	font-size: 1.5rem;
}

@media screen and (max-width: 640px) {
	.reqFieldNotif {
		margin-bottom: -4rem;
		font-size: 1rem;
	}
}

.setInput {
	width: 100%;
	margin-bottom: 6.4rem;
	text-align: left;
	float: left;
}

.setInput span{
	position: absolute;
}

.setInput:last-child {
	margin-bottom: 0;
}

.setInput.setAuto {
	width: auto !important;
}

.setInput.setHID {
	display: none;
}

.setInput.setHLF {
	width:calc(50% - 2.4rem);
}

.setInput.setHLF:nth-child(2n) {
	margin-left: 4.7rem;
}

.setOutput {
	width: auto;
	font: 300 2.1rem/7.2rem 'Stigsa', sans-serif;
	letter-spacing: 0.05em;
	margin-left: 6.4rem;
	color: #1A322F;
	float: left;
}

.isLoader {
	width: 28.0rem;
	height: 7.2rem;
	background: url(../assets/@0x/IMG_L001.gif) no-repeat center center / 3.2rem 3.2rem #1A322F;
	position: absolute;
}

.isWRG {
	border-color: #F00 !important;
}

::-webkit-input-placeholder { opacity: 1; color: inherit; text-transform: uppercase; }
:-ms-input-placeholder 		{ opacity: 1; color: inherit; text-transform: uppercase; }
::-moz-placeholder 			{ opacity: 1; color: inherit; text-transform: uppercase; }
:-moz-placeholder 			{ opacity: 1; color: inherit; text-transform: uppercase; }

.radio:focus,
.button:focus,
.checker:focus,
.selector:focus,
.uploader:focus {
	outline: 0;
}

.radio,
.button,
.checker,
.selector,
.uploader,
.radio *,
.button *,
.checker *,
.selector *,
.uploader * {
	margin: 0;
	padding: 0;
}

input, button, textarea, select, .selector, .uploader {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

label {
	font: 400 1.5rem/1.00em 'CF Asty', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 1.6rem;
	color: #1A322F;
}

input, button, textarea, select, .selector, .uploader {
	width: 100%;
	height: 6.4rem;
	border: none;
	font: 400 1.8rem/6.4rem 'CF Asty', sans-serif;
	border: 1px solid rgba(25,50,45,0.75);
	box-sizing: border-box;
	position: relative;
	text-align: left;
	background: none;
	padding: 0 2.4rem;
	color: #1A322F; 
	resize: none;
}

textarea {
	height: 54.2rem;
	font: 300 2.4rem/1.50em 'Stigsa',  sans-serif;
	padding: 2.4rem 3.2rem;
}

/* ----- >>> Elements: Selector ----------- */

.selector {
	min-width: 100%;
	max-width: 100%;
	text-transform: uppercase;
	line-height: 6.4rem;
	position: relative;
	overflow: hidden;
	padding: 0;
}

.selector select {
	min-width: 100%;
	max-width: 100%;
	line-height: 6.4rem;
	position: absolute;
	background: none;
	border: none;
	padding: 0;
	opacity: 0;
	left: 1px;
	top: 0;
}

.selector span {
	min-width: 100%;
	max-width: 100%;
	line-height: 6.4rem;
	background: url(../assets/SVG/IMG_DPW.svg) no-repeat right 2.4rem center / 2.4rem 2.4rem;
	padding: 0 2.4rem;
	overflow: hidden;
	cursor: pointer;
	display: block;
}

.selector option {
  padding: 0;
} 

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

.uploader {
	width: 50%;
	background: url(../assets/SVG/IMG_UPD.svg) no-repeat right 12px center / 3.2rem 3.2rem;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.uploader span.action {
	width: 100%;
	height: 6.4rem;
	line-height: 6.4rem;
	overflow: hidden;
	cursor: pointer;
	display:none;
	float: left;
}

.uploader span.filename {
	height: 6.4rem;
	text-overflow: ellipsis;
	text-transform: uppercase;
	overflow: hidden;
	cursor: pointer;
	display: block;
}

.uploader input {
	width:  100%;
	height: 100%;
	filter: alpha(opacity=0);
	position: absolute;
	background: none;
	cursor: pointer;
	-moz-opacity: 0;
	float: right;
	border: none;
	opacity: 0;
	right: 0;
	top: 0;
}

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

.setButton {
	width: 28rem;
	height: 7.2rem;
	font: 400 01.6rem/7.2rem 'CF Asty', sans-serif;
	text-transform: uppercase;
	border: none !important;
	display: inline-block;
	letter-spacing: 0.1em;
	background: #1A322F;
	text-align: center;
	color: #FCF6ED;
}

.setButton:hover {
	letter-spacing: 0.5em;
}

/* ---------------------------------------- */
/* ----- >>> Color Scheme ----------------- */
/* ---------------------------------------- */

.setBCW { background-color: #FFFFFF; color: #1A322F; }
.setBCG { background-color: #FCF6ED; color: #1A322F; } 
.setBCO { background-color: #D6A68C; color: #F5F3EF; }
.setBCL { background-color: #64796A; color: #F5F3EF; }
.setBCD { background-color: #1A322F; color: #F5F3EF; }

.setFCW { color: #F5F3EF; }
.setFCO { color: #EBA680; }
.setFCG { color: #1A322F; }
.setFCL { color: #5D7261; }

.setBCL > div > .setN,
.setBCO > div > .setN { border-color: #F5F3EF; } 

.setBCW > div > .setN,
.setBCG > div > .setN { border-color: #1A322F; } 

.setBCO input:not([type=submit]), .setBCO textarea,
.setBCL input:not([type=submit]), .setBCL textarea {
	border: 1px solid rgba(255,255,255,0.75);
}

.setBT { border-top: 	1px solid rgba(112,112,112,0.5); }
.setBL { border-left: 	1px solid rgba(112,112,112,0.5); }
.setBR { border-right: 	1px solid rgba(112,112,112,0.5); }
.setBB { border-bottom: 1px solid rgba(112,112,112,0.5); }

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

a,
input,
header,
dl > dt,
.setButton {
	transition: all 0.25s ease-in-out;
}

.setMTL,
.setMTR {
	transition: all 0.25s ease-in-out;
}

.setMTL:hover { transform: rotate(+2deg); }
.setMTR:hover { transform: rotate(-2deg); }

textarea, input[type="text"] {
	-webkit-appearance: none;
}