/* ========= HEADER ========= */
.header-coolinary {
	height: 100px;
	background-color: #231f20;
}

.header-coolinary .header-content {
	position: relative;
	max-width: 1440px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 1;
}

.header-coolinary .header-content .logo {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 295px;
	height: auto;
	z-index: 20010;
}

.header-coolinary .header-content .logo p { margin: 0; }

@media screen and (max-width: 1024px) {
	.header-coolinary {	height: 60px; }

	.header-coolinary .header-content .logo {
		top: 5px;
		left: 50%;
		transform: translateX(-50%);
		width: 90px;
	}

	.header-coolinary .mobilenav .fa {
		background-color: #f7a81b;
		color: #231f20;
		font-size: 18px;
		width: 55px;
		height: 60px;
		justify-content: center;
		align-items: center;
	}

	.header-coolinary .mobilenav .fa-navicon { display: inline-flex; }
	
	.header-coolinary .mobilenav.active .fa-navicon { display: none; }

	.header-coolinary .mobilenav .fa-times { display: none; }
	
	.header-coolinary .mobilenav.active .fa-times { display: inline-flex; }

	.header-coolinary .mobile-dd { display: none; }
	
	.header-coolinary .mobile-dd.active {display: block;background-color: #231f20;}

	.header-coolinary .mobile-dd .menu-text { display: none; }

	.header-coolinary .mobile-dd .nav-list {
		list-style: none;
		margin: 0;
		padding: 60px 25px 20px;
	}

	.header-coolinary .mobile-dd .nav-list a {
		font-family: 'Brown-Regular', Arial, sans-serif;
		font-size: 20px;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 30px;
		display: block;
	}
}

/* ========= FOOTER ========= */
.footer-coolinary {
	height: 340px;
	background-color: #444;
	border-top: 10px solid #f7a81b;
}

.footer-coolinary .footer-social {
	position: relative;
	height: 90px;
	background-color: #72afb6;
	border-top: 4px solid #231f20;
	border-bottom: 4px solid #231f20;
}

.footer-coolinary .footer-social .social-buttons {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	width: 100%;
	text-align: center;
}

.footer-coolinary .footer-social .social-title { display: none; }

.footer-coolinary .footer-social .social-icon {
	background-color: #f7a81b;
	color: #231f20;
	border: 2px solid #231f20;
	border-radius: 50%;
	margin: 0 3px;
	width: 45px;
	height: 45px;
}

.footer-coolinary .footer-social .social-icon a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.footer-coolinary .footer-social .social-icon a .fa { font-size: 26px; }

.footer-coolinary .footer-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.footer-coolinary .footer-logo p { margin: 0; }

.footer-coolinary .footer-logo > div {
	margin: 26px 29px;
	overflow: hidden;
}

.footer-coolinary .footer-logo .logo-left {	width: 154px; }

.footer-coolinary .footer-logo .logo-right { width: 244px; }

.footer-coolinary .footer-navbar {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Brown-Regular', Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	margin-top: 10px;
	padding: 0 15px;
}

.footer-coolinary .footer-navbar > div { margin: 0 8px; }

.footer-coolinary .footer-navbar .footer-nav-cont { width: 100%; }

.footer-coolinary .footer-navbar ul { display: flex; }

.footer-coolinary .footer-navbar li {
	width: initial;
	margin-right: 12px;
}

.footer-coolinary .footer-navbar li:last-of-type { margin-right: 0; }

.footer-coolinary .footer-navbar li a {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-transform: none;
	border-bottom: 1px solid #fff;
	transition: all 225ms ease-in-out;
	letter-spacing: 0.2px;
}

.footer-coolinary .footer-navbar li a:hover { border-color: #84dde3; }

@media screen and (max-width: 1024px) {
	.footer-coolinary { height: 535px; }

	.footer-coolinary .footer-logo { flex-direction: column; }

	.footer-coolinary .footer-logo > div:first-of-type { margin: 26px 0 22px; }

	.footer-coolinary .footer-logo > div:last-of-type { margin: 0 0 22px; }

	.footer-coolinary .footer-navbar { flex-direction: column; }

	.footer-coolinary .footer-navbar > div { margin: 0 0 5px; }
}

/* ================================== */
.contentRender_name_plugins_common_header_coolinary + section + section .controlled-sm { margin-bottom: 0; }