/*Running Banner Section*/
section.running-banner {
	background: #303840;
	padding: 10px 0;
	color: #FFF;
}
section.running-banner .text {
	font-size: 14px;
	font-weight: bold;
}
section.running-banner .text i {
	color: #F6C80C;
}

/*Landing Section*/
section.landing {
	position: relative;
}
section.landing .landing-content {
	position: relative;
	z-index: 1;
	padding: 50px 0;
	padding-right: 30px;
}
section.landing .landing-content h2 {
	margin: 0;
}
section.landing .landing-image-absolute {
	display: inline-block;
	width: 500px;

	position: absolute;
	bottom: -350px;
	right: 15px;
}
/*Landing Section End*/

/*Search Section*/
section.search {
	background: none;
	padding: 0;
	margin: -24px 0;
	color: black;
	position: relative;
	z-index: 1;
}
section.search .form-control {
	height: auto;
	padding: 12px 20px;
	text-align: center;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border: none;
	border-radius: 4px;

	max-width: 1000px;
	margin: 0 auto;
}
/*Search Section End*/

/*Filters Section*/
section.filters {
	background: #2F3841;
	padding: 15px 0;
}
section.filters .form-group {
	position: relative;
	margin: 0;
}
section.filters .form-control {
	height: auto;
	padding: 12px 20px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border: none;
	border-radius: 4px;

	max-width: 1000px;
	margin: 0 auto;
}
section.filters select.form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
section.filters .form-group.icon .form-control {
	padding-left: 40px;
}
section.filters .form-group.caret .form-control {
	padding-right: 40px;
}
section.filters .form-group.icon i {
	position: absolute;
	top: 50%;
	left: 15px;

	margin-top: -8px;
	pointer-events: none;
	color: #777;
}
section.filters .form-group.caret i.fa-caret-down {
	left: auto!important;
	right: 15px;
}
/*Filters Section End*/

/*Browser Section*/
section.browser {
	background: #394750;
	padding-top: 15px;
	padding-bottom: 30px;
}
section.browser .pagination-group button {
	background: #F6C80C;
	border-color: #F6C80C;
	color: #FFF;
	min-width: 100px;
}
section.browser .pagination-group button:hover,
section.browser .pagination-group button:active,
section.browser .pagination-group button:focus {
	background: #C39F0B!important;
	border-color: #C39F0B!important;
}
section.browser .pagination-group .btn-primary.disabled,
section.browser .pagination-group .btn-primary:disabled {
	background: #C39F0B;
	border-color: #C39F0B;
	cursor: not-allowed;
}

/*Browser Section End*/


/*Small devices (Phones, 768px and down)*/
@media (max-width: 768px) {
	section.landing .landing-content {
		padding-top: 30px;
		padding-bottom: 140px;
	}
	section.landing .landing-image-absolute {
		width: 300px;
		right: 50%;
		bottom: -200px;
		margin-right: -150px;
	}
}

[v-cloak] {
	display: none;
}