@import url(fontawesome-all.min.css);
html {margin:0;padding:0;font-size:62.5%;overflow-x:hidden;width:100%;}

body {
	background:#f2ece5;
	font-family:'Roboto', sans-serif, FontAwesome;
	font-weight:500;
	font-size:1.75rem;
	line-height:2.25rem;
	color:#493736;
	margin:0;
	padding:0;
	position:relative;}

/*-----------------------------------------------------------------------------------*/
/*	LOADER
/*-----------------------------------------------------------------------------------*/
#loader-wrapper {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;}
#loader-wrapper .loader-section {position:fixed;top:0;width:100%;height:100%;z-index:1001;}
#loader-wrapper .section-bg {background:#493736;width:25%;height:100vh;transition:all 1s ease;}
#loader-wrapper .section-bg-2 {background:#493736;width:25%;margin-left:25%;height:100vh;transition:all 1.25s ease;}
#loader-wrapper .section-bg-3 {background:#493736;width:25%;margin-left:50%;height:100vh;transition:all 1.5s ease;}
#loader-wrapper .section-bg-4 {background:#493736;width:25%;margin-left:75%;height:100vh;transition:all 1.75s ease;}
.loaded #loader {opacity:0;}
.loaded #loader-wrapper {visibility:hidden;}
.loaded #loader-wrapper .section-bg {height:0;margin-top:100vh;}
.loaded #loader-wrapper .section-bg-2 {height:0;margin-top:100vh;}
.loaded #loader-wrapper .section-bg-3 {height:0;margin-top:100vh;}
.loaded #loader-wrapper .section-bg-4 {height:0;margin-top:100vh;}

/*-----------------------------------------------------------------------------------*/
/*	CURSOR
/*-----------------------------------------------------------------------------------*/
.custom-cursor {
	background:#d35f5f;
	position:fixed;
	top:0;
	left:0;
	width:1.5rem;
	height:1.5rem;
	border-radius:50%;
	pointer-events:none;
	z-index:9999;
	transform:translate(-50%,-50%);
	transition:transform 1s ease;}
.custom-cursor.scale-up {
	background:transparent;
	width:0;
	height:0;
	transition:transform 0.3s ease;}
.custom-cursor.scale-up-2 {
	background:#493736;
	width:1.5rem;
	height:1.5rem;
	transition:transform 0.3s ease;}
.custom-cursor.scale-up-3 {
	background:transparent;
	border:0.15rem solid #d35f5f;
	width:15rem;
	height:15rem;
	transition:transform 0.3s ease;
	text-align:center;}
.custom-cursor.scale-up-3::before {
	color:#d35f5f;
	font-family: FontAwesome;
	font-size:2rem;
	content: "◀" " " "▶";
	position: absolute;
	margin-left:-1.8rem;
	line-height:15rem;
	z-index:2;}

/*-----------------------------------------------------------------------------------*/
/*	BASIC
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:500;text-transform:uppercase;}
h1 {font-size:6.8rem;line-height:7.5rem;letter-spacing:-0.15rem;}
h2 {font-size:5.25rem;line-height:6rem;}
h3 {font-size:4.2rem;line-height:5.25rem;}
h4 {font-size:2.25rem;line-height:3rem;}
h5 {font-size:1.6rem;line-height:2.25rem;}
h6 {font-size:1.3rem;line-height:1.8rem;text-transform:none;}
p {font-size:1.75rem;line-height:2.25rem;margin:0;padding:0;}

hr {border-top:0.15rem solid #ccc;border-bottom:0;border-left:0;border-right:0;width:100%;height:0;margin:0;}
strong {font-weight:600;}

a {cursor:pointer;color:#493736;text-decoration:none;transition:all 0.3s ease-in-out;}
a:hover {color:#d35f5f;text-decoration:none;}

img {margin:0;width:100%;}
ul, ol {padding:0;margin:0;}
li {padding:0;margin:0;list-style:none;}
section {margin:0;padding:0;position:relative;}

.background {background:#d35f5f;}
.color {color:#d35f5f;}
.font {font-family: "Merriweather", serif;font-style:italic;font-weight:300;}

/*-----------------------------------------------------------------------------------*/
/*	COL
/*-----------------------------------------------------------------------------------*/
.col-25 {width:25%;float:left;}
.col-33 {width:33.333333%;float:left;}
.col-50-a {width:calc(50% - 3rem);margin-right:3rem;float:left;}
.col-50-b {width:calc(50% - 3rem);margin-left:3rem;float:left;}
.clear {width:100%;height:0;clear:left;}
.clear-2 {width:100%;height:0;clear:left;display:none;}
.clear-3 {width:100%;height:0;clear:left;}

.br-25 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(25% - 0.075rem);position:absolute;}
.br-33 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(33.333333% - 0.075rem);position:absolute;}
.br-40 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(40% - 0.075rem);position:absolute;}
.br-50 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(50% - 0.075rem);position:absolute;}
.br-60 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(60% - 0.075rem);position:absolute;}
.br-66 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(66.666666% - 0.075rem);position:absolute;}
.br-75 {border-left:0.15rem solid #ccc;width:0;height:100%;top:0;left:calc(75% - 0.075rem);position:absolute;}

/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/
.button {
	background:#493736;
	border-radius:0.75rem;
	color:#f2ece5;
	padding:0 3rem;
    font-size:1.2rem;
	line-height:4.5rem;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-top:3rem;
	font-weight:900;
	position:relative;
	transition:all 0.3s ease;
	z-index:1;}
.button:hover {color:#f2ece5;}
.button i {border-left:0.15rem solid #f2ece5;margin-left:2.25rem;padding-left:2.25rem;}
.button::before {
	background:#d35f5f;
	border-radius:0.75rem;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	width:0;
	transition:width 0.3s ease;
	z-index:-1;}
.button:hover::before {width:100%;}

/*-----------------------------------------------------------------------------------*/
/*	ICONS
/*-----------------------------------------------------------------------------------*/
.icon {text-decoration:none;border-bottom:none;position:relative;}
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 100; }
.icon > .label {display: none; }
.icon:before {line-height: inherit; }
.icon.solid:before {font-weight: 900; }
.icon.brands:before {font-family: 'Font Awesome 5 Brands'; }

/*-----------------------------------------------------------------------------------*/
/*	FORM
/*-----------------------------------------------------------------------------------*/
form {position:relative;}

label {}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background:#e4d7ca;
	border:0;
	font-size:1.5rem;
	line-height:1.8rem;
	font-weight:600;
	font-family: 'Roboto', sans-serif, FontAwesome;
	width:calc(100% - 3rem);
	margin:0.75rem 0 3rem;
	padding:1.5rem;}
textarea {
	background:#e4d7ca;
	border:0;
	font-size:1.5rem;
	line-height:1.8rem;
	font-weight:600;
	font-family: 'Roboto', sans-serif, FontAwesome;
	overflow:hidden;
	min-height:21rem;
	resize:none;
	margin:0.75rem 0;}	
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea {outline:0;box-shadow:none;}

button, input[type="button"], input[type="submit"]  {
	background:#493736;
	border:0;
	border-radius:0.75rem;
	color:#eee;
	padding:0 3rem;
    font-size:1.2rem;
	line-height:4.5rem;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	font-family: 'Roboto', sans-serif, FontAwesome;
	margin-top:1.5rem;
	font-weight:600;
	transition:all 0.3s ease;}
button, input[type="button"]:hover, input[type="submit"]:hover {background:#d35f5f;}

@media (min-width: 1025px) and (max-width: 1265px) {
h1 {font-size:6rem;line-height:6.75rem;}
h2 {font-size:4.5rem;line-height:5.25rem;}
h3 {font-size:3.5rem;line-height:4rem;}}

@media (min-width: 655px) and (max-width: 1025px) {
.custom-cursor {display:none;}
h1 {font-size:5rem;line-height:5.75rem;}
h2 {font-size:4.5rem;line-height:5.25rem;}
h3 {font-size:3.5rem;line-height:4rem;}
.col-25 {width:50%;}
.col-33 {width:50%;}
.col-50-a {width:calc(50% - 1.5rem);margin-right:1.5rem;}
.col-50-b {width:calc(50% - 1.5rem);margin-left:1.5rem;}
.clear-2 {display:inline-block;}
.clear-3 {display:none;}
.br-25 {display:none;}
.br-75 {display:none;}}

@media (min-width: 0px) and (max-width: 655px) {
.custom-cursor {display:none;}
h1 {font-size:10vw;line-height:10.5vw;}
h2 {font-size:7.5vw;line-height:7.5vw;}
h3 {font-size:2.5rem;line-height:3.25rem;}
.col-25 {width:100%;}
.col-33 {width:100%;}
.col-50-a {width:100%;margin-right:0;}
.col-50-b {width:100%;margin-left:0;}
.br-25 {display:none;}
.br-75 {display:none;}}