/*
**   _____                           _                                    
**  / ____|                         | |                                   
** | |  __  ___ _ __   ___ _ __ __ _| |                                   
** | | |_ |/ _ \ '_ \ / _ \ '__/ _` | |                                   
** | |__| |  __/ | | |  __/ | | (_| | |                                   
**  \_____|\___|_| |_|\___|_|  \__,_|_|                                   
*/

/* @font-face
{
	font-family: "'Montserrat', sans-serif";
	src: url("../font/LosAndes-'Montserrat', sans-serifRegular.otf") format("truetype");
}

@font-face
{
	font-family: "'Montserrat', sans-serifBold";
	src: url("../font/LosAndes-'Montserrat', sans-serifBold.otf") format("truetype");
}

@font-face
{
	font-family: "'Montserrat', sans-serifItalic";
	src: url("../font/LosAndes-'Montserrat', sans-serifItalic.otf") format("truetype");
} */

*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html
{
	margin: 0;
	padding: 0;
	height: 100%;
}

body
{
	margin: 0;
	padding-top: 90px;
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif;
}

p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px !important;
	font-weight: 500 !important;
}

a
{
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color: inherit;
	transition: all 0.1s linear;
}

ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.subtitle
{
	font-size: 18px !important;
}

/*
** ____                      _
** |  _ \                    | |                                          
** | |_) |_ __ __ _ _ __   __| |                                          
** |  _ <| '__/ _` | '_ \ / _` |                                          
** | |_) | | | (_| | | | | (_| |                                          
** |____/|_|  \__,_|_| |_|\__,_|                                          
*/

strong
{
	font-family: 'Montserrat', sans-serifBold;
}

.pointer
{
	cursor: pointer;
}

.helper
{
	cursor: help;
}

.tohide
{
	display: none;
}

.toshow
{
	display: inherit;
}

.margincenter
{
	margin: 0 auto;
}

.marginleft
{
	margin-right: auto;
	margin-left: 0;
}

.marginright
{
	margin-left: auto;
	margin-right: 0;
}

.textcenter
{
	text-align: center;
}

.textleft
{
	text-align: left;
}

.textright
{
	text-align: right;
}

.fitContent
{
	width: fit-content;
}

.block
{
	display: block;
}

.flex
{
	display: flex;
}

.inline
{
	display: inline-block;
}

.brand--color--green
{
	color: #39BA9A !important;
	width: 489px;
	left: 1000px;
}

.brand--background-color--green
{
	background-color: #39BA9A !important;
	padding: 20px 0 0 0;
}

.brand--color--grey
{
	color: #2E2E2E !important;
}

.brand--background-color--grey
{
	background-color: #2E2E2E !important;
}

.brand--color--violet
{
	color: #55286D !important;
}

.brand--background-color--violet
{
	background-color: #55286D !important;
}

button.brand--button--tier1
{
	border-radius: 5px;
	background-color: #d6a756;
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier1:not(:disabled):hover
{
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier1:focused
{
	opacity: 0.95;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier1:disabled
{
	opacity: 0.50;
	color: #888888;
	cursor: default;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier2
{
	border-radius: 5px;
	border: 2px solid #d6a756;
	background-color: rgba(214, 167, 86, 0);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier2:not(:disabled):hover
{
	background-color: rgba(214, 167, 86, 0.05);
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier2:focused
{
	background-color: rgba(214, 167, 86, 0.10);
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier2:disabled
{
	opacity: 0.50;
	color: #888888;
	cursor: default;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier3
{
	border-radius: 5px;
	color: #d6a756;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier3:not(:disabled):hover
{
	background-color: rgba(214, 167, 86, 0.10);
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier3:focused
{
	background-color: rgba(214, 167, 86, 0.5);
	border: none;
	transition: all 0.2s ease-in-out;
}

button.brand--button--tier3:disabled
{
	opacity: 0.50;
	color: #888888;
	cursor: default;
	background-color: rgba(0, 0, 0, 0);
	transition: all 0.2s ease-in-out;
}

button.brand--button--cancel
{
	border-radius: 5px;
	border: 2px solid #d65555;
	background-color: rgba(214, 85, 85, 0);
	color: #FFFFFF;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

button.brand--button--cancel:not(:disabled):hover
{
	background-color: rgba(214, 85, 85, 0.05);
	transition: all 0.2s ease-in-out;
}

button.brand--button--cancel:focused
{
	background-color: rgba(214, 85, 85, 0.10);
	transition: all 0.2s ease-in-out;
}

button.brand--button--cancel:disabled
{
	opacity: 0.50;
	color: #FFFFFF;
	cursor: default;
	transition: all 0.2s ease-in-out;
}

input[type="text"],
input[type="email"],
input[type="password"]
{
	padding: 10px 20px;
	display: block;
	height: 40px;
	border: none;
	border-bottom: 1px solid #ab7acb;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0);
}

textarea
{
	padding: 10px 20px;
	display: block;
	resize: none;
	border: 1px solid #ab7acb;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0);
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.94;
	color: #FFFFFF;
}

textarea::placeholder
{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.94;
	color: #FFFFFF;
}

div.requiredInput
{
	position: relative;
}

div.requiredInput:after
{
	content: "*";
	display: block;
	position: absolute;
	top: 5px;
	right: -30px;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	color: #ab7acb;
	margin: 6px 0 0 5px;
}

div.greyfilter
{
	display: none;
	position: absolute;
	top: -32px;
	left: -205px;
	width: 9000px;
	height: 9000px;
	z-index: -2;
	background-color: rgba(0, 0, 0, 0.75);
	transition: 0.3s background-color 0s linear;
}





.cropBox
{
	width: fit-content;
	position: relative;
	overflow: hidden;
}

.cropBox.shadow
{
	-webkit-box-shadow: 18px 8px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 18px 8px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 18px 8px 0px 0px rgba(0,0,0,0.2);
}

.cropBox.left:before
{
	content: "";
	display: block;
	position: absolute;
	height: 200px;
	width: 200px;
	z-index: -1;
	transform: rotate(110deg);
	top: 10px;
	left: 0;
}

.cropBox.left:after
{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: calc(100% - 70px);
	z-index: -1;
	right: 0;
	top: 0;
}

.cropBox.right:before
{
	content: "";
	display: block;
	position: absolute;
	height: 200px;
	width: 200px;
	z-index: -1;
	transform: rotate(110deg);
	top: -60px;
	right: 21px;
}

.cropBox.right:after
{
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: calc(100% - 70px);
	z-index: -1;
	left: 0;
	top: 0;
}

.cropBox.black:before
{
	background-color: #000000;
}

.cropBox.black:after
{
	background-color: #000000;
}

.cropBox.white:before
{
	background-color: #FFFFFF;
}

.cropBox.white:after
{
	background-color: #FFFFFF;
}

.cropBox.grey:before
{
	background-color: #2E2E2E;
	top: -55px;
}

.cropBox.grey:after
{
	background-color: #2E2E2E;
}

.cropBox.green:before
{
	background-color: #39BA9A;
}

.cropBox.green:after
{
	background-color: #39BA9A;
}

.cropBox.violet:before
{
	background-color: #55286D;
}

.cropBox.violet:after
{
	background-color: #55286D;
}

p.desc.transparent.green
{
	margin: 0;
	color: #ffffff;
	background-color: rgba(57, 186, 154, 0.72);
}

.triangle:after
{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	right: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 45px 45px;
	border-color: transparent transparent #39BA9A transparent;
}