section {
	padding: 20px 0;
}

.searchArea {
	padding: 15px 0;
}

.searchArea.banerInfo .form-group {
	margin: 0;
}

.banerInfo.slider-search1 {
	margin: -180px 0 0 0;
}

@media (max-width: 768px) {
	.banerInfo.slider-search1 {
		margin: -300px 0 0 0;
	}
}


@media (min-width: 768px) {
	.banerInfo .form-inline {
		padding: 20px;
	}
	.searchArea.banerInfo .form-group {
		margin: 10px 0 0 0;
	}
	.searchArea.banerInfo .form-col .btn-primary {
		margin: 10px 0 0 0;
	}
}

.btn-primary:hover {
	background-color: #ffc61a;
}

.btn-highlight:hover,
.btn-highlight:focus {
	color: #f5b301;
}

/* Add announcement (header): solid theme color at rest; hover turns black via css/custom.css */
.navbar-default .navbar-btn,
.transparent-navbar.navbar-default .navbar-btn,
.transparent-navbar.navbar-sticky .navbar-btn {
	color: #fff !important;
	border-color: #f5b301 !important;
	background-color: #f5b301 !important;
}

.kv-file-rotate.btn-outline-secondary,
.kv-file-download.btn-outline-secondary,
.kv-file-remove.btn-outline-secondary {
	background-color: #f5b301;
	border-color: #f5b301;
	color: #fff;
}
.kv-file-rotate.btn-outline-secondary:hover,
.kv-file-download.btn-outline-secondary:hover,
.kv-file-remove.btn-outline-secondary:hover {
	background-color: #ffc61a;
	border-color: #ffc61a;
	color: #fff;
}

.sidebarInner.sidebarCategory {
	padding: 0;
}

.dataTables_paginate {
	padding: 15px 0 15px 0;
}

.dataTables_paginate .pagination {
	float: right !important;
}

.detailsInfoBox h3 {
	padding-top: 50px !important;
}

.panel .panel-heading {
	height: 60px;
	padding: 0;
	line-height: 60px;
	background-color: #f5b301;
	color: #ffffff;
	text-transform: capitalize;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	border: none;
}

.required > label.control-label:after {
	content: ' *';
	color: #f55060;
}

.form-verify-field {
	display: none !important;
}

.loginForm .form-control {
	padding: 6px 12px 6px 12px;
}

.bg-dark {
	background-color: #eeeeee;
}

.select2-selection__rendered {
	line-height: 35px !important;
}
.select2-container .select2-selection--single {
	height: 50px !important;
}
.select2-selection__arrow {
	height: 50px !important;
}

.page-heading {
	margin: 0;
	text-align: center;
	font-weight: 400;
	font-size: 40px;
}

.sidebarInner .panel-heading {
	background-color: transparent;
	border: none;
	padding: 0 0 15px 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #222222;
}

.sidebarInner.sidebarCategory .categoryList li a {
	border: none;
	padding: 10px 0;
}

.sidebarInner .categoryList li a {
	border-bottom: 1px solid #e5e5e5;
	display: inline-block;
	color: #848484;
	padding: 10px 0;
}

.signUpForm, #application-dialog  .btn-primary {
	padding: 15.5px 20px;
}

.commercial-wrapper {
	position: relative;
	text-align: center;
	overflow: hidden;
	display:inline-block;
	padding: 0px;
}

.commercial-progress {
	height: 12px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.commercial-progress .progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	background-color: #ff9f19;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}

.commercial-wrapper .badge-bottom-right img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
}

.breadcrumb {
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.breadcrumb > li.active {
	color: #f5b301;
}
.breadcrumb .page-title {
	display: inline-block;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.btn-primary {
	padding: 25.5px 30px;
}

.js-typeahead {
	width: 100% !important;
	color: #848484 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	padding: 6px 14px !important;
}

.typeahead__dropdown .typeahead__dropdown-item>a, .typeahead__list .typeahead__item>a {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
}


@media (min-width: 768px) {
	.home-search-input {
		width: 45% !important;
	}
	.home-search-btn > .btn-primary {
		text-align: center;
	}
}

@media (min-width: 768px) {
	.home-search-btn {
		width: 8% !important;
	}
}

@media (min-width: 992px) {
	.home-search-btn {
		width: 9% !important;
	}
	.home-search-btn > .btn-primary {
		width: 100% !important;
		text-align: center;
	}
}

.equal {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.equal > [class*='col-'] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.equal > [class*='col-'] > * {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.figureBody {
	border: 1px solid #e5e5e5;
	border-bottom: none;
	border-top: none;
	padding: 21px 20px;
}

.figureFooter {
	padding: 22px 20px;
}

.listContent {
	 padding: 30px 0;
}

.img-ratio {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 65%; }
.img-ratio.img-ratio-landscape {
	padding-bottom: 74%; }
.img-ratio.img-ratio-portrait {
	padding-bottom: 99%; }
.img-ratio .img-ratio-object {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-backface-visibility: hidden;
	-webkit-transform: none;
	width: 100%;
	transform: scale(1.25);
}

.announcement-promo {
	margin: 15px 0 40px 0;
}

.paginationCommon .pagination li span {
	width: 30px;
	height: 30px;
	line-height: 17px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
	.announcement-promo {
		margin: 15px 0 15px 0;
	}
	.paginationCommon .pagination li span {
		width: 45px;
		height: 45px;
		line-height: 34px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

.input-group-append .btn-primary {
	padding: 18px 30px;
}

.list-inline {
	margin: -0.4375em;
}
.list-inline > li {
	padding: 0;
	margin: 0.4375em;
	display: inline-block !important;
}

/* TreeView */
.treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.treeview ul ul {
	padding-left: 15px;
}
.treeview li {
	position: relative;
}
.treeview .subtree {
	display: none;
}
.treeview .subtree-open > .subtree {
	display: block;
}
.treeview .subtree-open > .subtree-header > .btn-subtree-toggle > span::before {
	content: '\f068';
}
.treeview a {
	border-radius: 0;
	padding: 10px 0;
	border-bottom: 1px solid transparent;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #848484;
	font-weight: 400;
	display: block;
}
.treeview .subtree-open > .subtree-header > a {
	border-bottom-color: #f5b301;
	color: #f5b301;
}
.treeview .active > a,
.treeview a:hover {
	color: #f5b301;
}
/* Subtree */
.treeview .has-subtree > .subtree-header {
	position: relative;
}
.treeview .has-subtree > .subtree-header > a {
	padding-right: 25px;
}
.treeview .btn-subtree-toggle {
	min-width: 20px;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #848484;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.treeview .btn-subtree-toggle:focus,
.treeview .btn-subtree-toggle:hover {
	outline: none;
	color: #f5b301;
}

.input-group .select2-container--krajee {
	float: initial !important;
}

#cookiebar {
	position: fixed;
	width: 100%;
	padding: 15px 0;
	background-color: #fff;
	bottom: 0;
	z-index: 9999;
	color: #727272;
	font-size: 16px;
	line-height: 20px;
	border-top: 3px solid #f5b301;;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.29);
	transition: all 1s ease-in-out;
}

#cookiebar.hide {
	bottom: -100%;
	transition: all 1s ease-in-out
}

#cookiebar .container {
	width: 1170px;
	margin: 0 auto
}

@media (max-width: 768px) {
	#cookiebar .container {
		width: 100%;
	}
}

#cookiebar h3 {
	font-size: 20px;
	font-weight: 500;
	color: #464646;
	margin-bottom: 10px
}

#cookiebar a {
	color: #f5b301;;
	text-decoration: none;
	margin-left: 20px
}

#cookiebar a:hover {
	text-decoration: underline
}

#cookiebar a:hover {
	text-decoration: underline
}

.file-input .file-preview-custom .file-preview-frame .file-preview-image {
	 max-height: 99em !important;
}


.btn-file-preview {
	background-color: #f5b301;
	padding: 13px 19px;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
.btn-file-preview > i {
	margin-right: 0px; }
.btn-file-preview:hover {
	background-color: #f5b301; }
.btn-file-preview:focus, .btn-file-preview.active, .btn-file-preview:active {
	background-color: #f5b301; }
.btn-file-preview.btn-full {
	float: left;
	width: 100%; }

.fileinput-remove-button {
	padding: 18px 18px !important;
}

.btn-kv {
	background-color: #f5b301;
	padding: 10px 10px !important;
}

.form-fields .btn-default {
	background-color: #f5b301;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sidebarInner {
	margin-bottom: 0px !important;
}

.sidebarInner.sidebarCategory .form-control {
	border: 1px solid #e5e5e5 !important;
}

.sidebarInner.sidebarCategory .form-group {
	display: block !important;
}

.categoryImage .img-responsive {
	width: 100% !important;
}

.categoryImage .img-ratio {
	border-radius: 6px !important;
}


.sidebarInner.sidebarCategory .input-group-addon {
	border: 1px solid #e5e5e5 !important;
}

.sidebarInner.sidebarCategory .control-label {
	width: 100% !important;
}

.sidebarInner.sidebarCategory .datetimepicker-input {
	min-width: 222px !important;
}

.listContent {
	border-bottom: 0 !important;
	padding-bottom: 30px;
}

.form-group {
	margin-bottom: 10px !important;
}

.detailsInfoBox {
	padding: 15px 0 15px 0;
}

.img-responsive {
	width: 100% !important;
}

.overlay-context {
	position: relative; }

.overlay-wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em 1em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.4);
	color: #000000;
	text-align: center; }
.overlay-wrapper:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle; }
.overlay-wrapper .overlay-body {
	padding-left: 2em;
	display: inline-block;
	position: relative;
	text-align: left; }
.overlay-wrapper .overlay-body:before {
	content: '\f110';
	font-family: 'FontAwesome';
	font-size: 1.8em;
	display: block;
	-webkit-animation: fa-spin 1s infinite steps(10);
	-moz-animation: fa-spin 1s infinite steps(10);
	-o-animation: fa-spin 1s infinite steps(10);
	animation: fa-spin 1s infinite steps(10);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px; }

body.overlay-context > .overlay-wrapper {
	position: fixed;
	z-index: 1000005;
	background: rgba(68, 106, 115, 0.4);
	color: #ffffff; }

.radiobtn label {
	background: #fee8c3;
	color: #444;
	border-radius: 4px;
	padding: 10px 20px;
	border: 2px solid #fdd591;
	margin-bottom: 5px;
	cursor: pointer;
}

.radiobtn label:hover {
	background: #fdcb77;
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	border-color: #fcae2c;
}

.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.radiobtn input[type="radio"]:checked ~ * {
	background: #f5b301 !important;
	color: #fff !important;
}

.pageTitle h1 {
	font-size: 40px;
	line-height: 44px;
	font-family: 'Poppins', sans-serif;
	text-transform: none;
	margin-top: 0;
	font-weight: 400;
	color: #222222;
}

.select2-selection__rendered > .select2-selection__clear {
	top: 0 !important;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear,
.select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
	position: absolute;
	top: 0;
	font-size: 16px;
}

.work-email textarea {
	position: fixed;
	top: -9999px;
	left: -9999px;
}

.socialbox{	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-bottom:6px;float:left; width: 37px; height: 37px; border: 1px solid #BEBCBC; border-radius: 100%; background: transparent; margin-right: 6px; font-size: 16px; text-align: center; padding-top: 7px;}
.socialbox i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #f5b301;}
.social-widget a:hover .socialbox{background: #09afdf;}
.social-widget a:hover .socialbox i { color: #fff; }
.social-widget .socialbox i{ font-size: 16px;}
.blog-share h4{float:left;}
.blog-share {margin-top:20px;margin-bottom:20px;background: #f5b301; border: 1px solid #f5b301; padding: 10px 15px 54px 15px;}

.services-overlay:after {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.interestContent span {
	z-index: 9999;
}

.interestContent:hover .services-overlay:after {
	background: transparent;
}

#newsletterform .has-error .help-block, #newsletterform .has-error .control-label, #newsletterform .has-error .radio, #newsletterform .has-error .checkbox, #newsletterform .has-error .radio-inline, #newsletterform .has-error .checkbox-inline, #newsletterform .has-error.radio label, #newsletterform .has-error.checkbox label, #newsletterform .has-error.radio-inline label, #newsletterform .has-error.checkbox-inline label {
	color: #f55060 !important;
}

.auth-clients-holder {
	display: inline-block;
	vertical-align: top;
}

.btn-google {
	background-color: #d93025;
	border-color: #d93025;
}

.btn-facebook {
	background-color: #1877f2;
	border-color: #1877f2;
}

.btn-facebook > i.fa, .btn-google > i.fa {
	position: relative;
	width: 40px;
	line-height: 30px;
}

.listContent {
	padding: 0 0 30px 0;
}


.loader {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	border: 4px solid #f5b301;
	top: 50%;
	animation: loader 5s infinite ease;
}

.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: #f5b301;
	animation: loader-inner 5s infinite ease-in;
}

@keyframes loader {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes loader-inner {
	0% {
		height: 0%;
	}

	25% {
		height: 0%;
	}

	50% {
		height: 100%;
	}

	75% {
		height: 100%;
	}

	100% {
		height: 0%;
	}
}

.checkbox input[type="checkbox"] ~ span {
	border: 1px solid #ccc;
}

#copyButton {
	cursor: pointer;
}

#copyTarget {
	border-left: none;
}

.copied {
	opacity: 1;
	position: absolute;
	left: 55px;
}

@media (min-width: 768px) {
	.copied {
		left: 135px;
	}
}

/* intl-tel-input: full-width block so the field label sits above the input (like the email field) */
.iti {
	display: block;
	width: 100%;
}


/* Badge hover in the theme accent — listing card pills (.label) and the white
   overlay links/chips on the home announcement tiles (.thingsMask). */
.label-primary:hover,
.label-share:hover,
a.label:hover,
a.label:focus {
	background-color: #f5b301 !important;
	color: #fff !important;
	transition: background-color .2s ease, color .2s ease;
}

.thingsMask h2 a:hover,
.thingsMask p a:hover,
.thingsMask a:focus {
	color: #f5b301 !important;
	transition: color .2s ease;
}

/* Price decimal separator (Formatter::asPrice) in the theme accent */
.product-price sup small {
	color: #f5b301;
}

/* The wordmarks this theme ships are oversized so they stay sharp on a HiDPI screen —
   logo.png is 459x178 and logo-alt.png 1924x817, against the 200x41 marks the blue
   theme carries. The navbar takes its size from the image (.navbar-brand is width:auto
   above 768px, its img width:100%), so without this the logo rendered at its full
   intrinsic width. Size the image rather than the box, at 140px, and cap the footer
   mark to match so header and footer read the same. The sticky header keeps its own
   narrower box and shrinks the logo with it, and max-width holds the logo inside the
   box on a phone. The footer img carries an inline max-width from the shared layout,
   so overriding it needs !important. */
.navbar-brand > img {
	width: 140px;
	max-width: 100%;
	height: auto;
	/* .navbar-brand carries 25px of top padding for the 200x41 mark the blue theme ships;
	   at 140px this one is taller than that, so it sat low against the nav links. Pull it
	   back up, keeping enough of the padding that it stays clear of the header edge. */
	margin-top: -10px;
}

.footerText > a > img {
	max-width: 140px !important;
	/* Pulled up the same 10px as the header mark, so the gap above it matches the one the
	   200x41 mark left. The theme's own gap under the mark lives on .footerLogo, which the
	   shared layout does not use — the anchor wraps an .img-responsive block and the
	   description butts straight against it — so the space goes on the image. */
	margin-top: -10px;
	margin-bottom: 18px;
}