body {
	font-family: 'Quicksand', sans-serif;
	color: #222;
	font-size: 18px;
	line-height: 34px;
}

.first-color { color: #222; }
.second-color { color: #00aae6; }
.third-color {	color: #EBF1F8; }

.bg-white {	background-color: #ffffff; }
.bg-gray { background-color: #EBF1F8; }
/*.bg-red { background-color: #00aae6; }*/
.bg-red { background-color: #284150; }
.bg-black {	background-color: #222; }
.bg-dark-gray {	background-color: #333333; }
.bg-first-color { background-color: #ad1a21; }
/*.bg-second-color { background-color: #00aae6; }*/
.bg-second-color { background-color: #284150; }
.bg-third-color { background-color: #F3F3F5; }

.white { color: #ffffff; }
.gray { color: #cccccc; }
.gray2 { color: #666666; }
.dark-gray { color: #333333; }


a {
	transition: all 0.3s;
	color: #000000;
}

a:hover {
	color: #00aae6;
	text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family: Ubuntu
}
.h3, h3 {
	font-size: 35px;
}
.h5, h5 {
    font-size: 1rem;
}

.btn {
	text-transform: uppercase;
	border-radius: 0;
	text-decoration: none;
	padding: 15px 30px;
	font-weight: bold;
	font-size: .8rem;
	text-shadow: none !important;
}

.btn i {
	margin-left: 8px;
}
.btn-custom-w {
	background-color: #ffffff;
	color: #00aae6!important;
	border-color: #00aae6;
}

.btn-custom-w:hover,
.btn-custom-w:focus {
	background-color: #00aae6;
	color: #ffffff;
}

.btn-custom-r {
	background-color: #00aae6;
	color: #ffffff;
	border-color: #00aae6;
	text-decoration: none !important;
}

.btn-custom-r:hover,
.btn-custom-r:focus {
	background-color: #ffffff;
	color: #00aae6;
}

.btn-custom-w {
	background-color: #ffffff;
	color: #00aae6;
	border-color: #00aae6;
	text-decoration: none !important;
}

.btn-custom-w:hover,
.btn-custom-w:focus {
	background-color: #00aae6;
	color: #ffffff;
	border-color: #00aae6;
}

.sidebar .menusx-children li.active a {
	color: #00aae6;
	font-weight: bold;
}

.in_hierarchy > a {
	background-color: #00aae6;
	color: #ffffff;
	font-weight: bold;
}
  .btn-black {
	background: linear-gradient(to right, #00aae6 50%, #222 50%);
	background-size: 220% 100%;
	background-position: right bottom;
	transition: all .3s ease-out;
	color: white;
	text-decoration: none!important;
  }
  .btn-black:hover {
	background-position: left bottom;
	color: white
}
.btn.focus, .btn:focus {
    box-shadow: none!important;
}
.fs-20 {
	font-size: 20px;
}