/**
* Polices
*/

@font-face {
	src: url('../fonts/gotham/GothamNarrow-Medium.otf');
	font-family: 'Gotham Medium';
}

@font-face {
	src: url('../fonts/gotham/GothamNarrow-Light.otf');
	font-family: 'Gotham Light';
}
@font-face {
	src: url('../fonts/gotham/GothamNarrow-Book.otf');
	font-family: 'Gotham Book';
}

:root {
--yellowcs: #F9CA06;
--time: all .6s cubic-bezier(0.22, 0.81, 0.01, 0.99);
--gm : 'Gotham Medium';
--gl : 'Gotham Light';
--gb : 'Gotham Book';
}

.no-margin{
	margin: 0px;
}
.no-padding{
	padding: 0px;
}
.img-full img{
	width: 100%;
	height: auto;
}
.bordered{
	border: 1px solid #000;
}

/**
* Bg Colors
*/
.bgwhite{
	background-color: #fff;
}

/**
* Header
*/
.header {
	background-color: rgba(0, 0, 0, .8);
	padding: 1rem 0;
}
/***
* Main
*/

.main, #dashboard {
	background-color: #f2f2f2;
}
.desc{
	font-family: var(--gl);
	text-align: justify;
	font-size: 14px;
}
#forms label {
	font-family: var(--gm);
	text-align: justify;
	font-size: 13px;
}
.input, #forms textarea {
	font-family: var(--gl);
	border-radius: 2px!important;
	outline: 0!important;
	transition: var(--time)!important;
	color: #000;
	box-shadow: none!important;
}

.input:focus, #forms textarea:focus {
	border-color: var(--yellowcs)!important;
}

.warning {
	font-family: var(--gl);
	font-size: 14px;
}

.btn_submit {
	background-color: var(--yellowcs)!important;
	font-family: var(--gm)!important;
	transition: var(--time)!important;
	border: 2px solid var(--yellowcs)!important;
}

.btn_submit:hover {
	background-color: transparent!important;
}

.btn_submit + p {
	font-family: var(--gl)!important;
	margin-top: 1rem;
}
.title {
	font-family: var(--gb);
	text-transform: uppercase;
}
#success {
	position: fixed;
    z-index: 999;
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: none;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
}

#failed {
	position: fixed;
    z-index: 999;
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: none;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
}

.wrap-login {
	background-color: #fff;
	margin: 0 auto;
	width: 80%;
	padding: 15% 2.5rem;
	border-radius: 3px;
}
/**
* Footer
*/

.footer {
	background-color: #ffffff;
	font-family: var(--gb);
}