:root {
  --primary-color: #F6A800;
  --text-color: #000000;
  --font-headline: "Montserrat", Sans-serif;
  --font-text: "PT Sans", Sans-serif;
}

html {
  	font-family: var(--font-text);
  	font-weight: 400;
  	font-style: normal;
	font-size: 16px;
	line-height: 1.6em;
	color: var(--text-color);
}
* {
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
  	word-wrap: break-word;
 	-moz-hyphens: auto;
  	-o-hyphens: auto;
  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

.fw-100, .light {font-weight: 100!important;}
.fw-300 {font-weight: 300!important;}
.fw-400, .regular {font-weight: 400!important;}
.fw-600 {font-weight: 600!important;}
.fw-800, .bold, b {font-weight: 800!important;}
.italic {font-style: italic;}

.col-05 {width: 4.1666%;float: left;}
.col-1 {width: 8.3333%;float: left;}.
.col-15 {width: 12.4999%;float: left;}
.col-2 {width: 16.6666%;float: left;}
.col-3 {width: 25%;float: left;}
.col-4 {width: 33.3333%;float: left;}
.col-5 {width: 41.6666%;float: left;}
.col-6 {width: 50%;float: left;}
.col-7 {width: 58.3333%;float: left;}
.col-8 {width: 66.6666%;float: left;}
.col-9 {width: 75%;float: left;}
.col-10 {width: 83.3333%;float: left;}
.col-11 {width: 91.6666%;float: left;}
.col-12 {width: 100%;float: left;}

a {
    color: var(--primary-color);
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
	text-align: center!important;
}
.text-red,
.text-red i,
.text-red p{
	color: #e11401!important;
}
.text-green,
.text-green i,
.text-green p{
	color: #01c812!important;
}
.float-left {
	float: left!important;
}
.float-right {
	float: right!important;
}
.cursor-pointer {
	cursor: pointer!important;
}
.cursor-disallow {
	cursor: not-allowed!important;
}
.display-none {
	display: none!important;
}
.display-block {
	display: block!important;
}

.m-0 {margin: 0!important}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.ml-0 {margin-left: 0;}
.mr-0 {margin-right: 0;}

.m-10 {margin: 10px;}
.mb-10 {margin-bottom: 10px;}
.mt-10 {margin-top: 10px;}
.ml-10 {margin-left: 10px;}
.mr-10 {margin-right: 10px;}

.m-20 {margin: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-20 {margin-top: 20px;}
.ml-20 {margin-left: 20px;}
.mr-20 {margin-right: 20px;}

.p-10 {padding: 10px;}
.pb-10 {padding-bottom: 10px;}
.pt-10 {padding-top: 10px;}
.pl-10 {padding-left: 10px;}
.pr-10 {padding-right: 10px;}

.p-20 {padding: 20px;}
.pb-20 {padding-bottom: 20px;}
.pt-20 {padding-top: 20px;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.bold {font-weight: 700;}

.fs-12 {font-size: 12px;}
.fs-11 {font-size: 11px;}
.fs-10 {font-size: 10px;}

body {
  	background-color: #e9e9e9;
}
.button {
    width: 100%;
    float: left;
    background: var(--primary-color);
    border-radius: 4px;
    color: #fff;
    padding: 12px;
    cursor: pointer;
	font-family: var(--font-headline);
	font-weight: 700;
	border: 0;
}

.alert.danger, .alert.error {
    color: #fff;
    background-color: #d4061c;
    border-color: #d4061c;
}
.alert {
  	position: relative;
  	padding: 12px 15px;
  	margin-bottom: 1rem;
  	border: 1px solid transparent;
	color: #000;
	background-color: #ddd;
	border-color: #bbb;
	width: 100%;
    float: left;
}
.alert.success {
  	color: #085f2e;
  	background-color: #cff1de;
  	border-color: #bcebd1;
}
.alert.notice {
  	color: #fff;
  	background-color: #999;
  	border-color: #666;
}