/*
Theme Name: Power of 9 2019
Author: Daryl Glass
Author URI: http://www.wordpressdev.capetown
Description: A custom theme for Power of 9.
Version: 1.0
License:
License URI:
Text Domain: powerof9
*/

/* --- CONTENTS ---
	1. General Styling
	2. Headings & Fonts
	3. Top & Menus
		3.1 Top
		3.2 Menus
	4. Home Page
		4.1 Hero Image
		4.2 Services
		4.3 Portfolio
		4.4 Call To Action
		4.5 About Us
		4.6 Testimonials
		4.7 News
		4.8 Contact us
	5. Images
	6. Single
		6.1 News
		6.2 Portfolio
		6.3 People
	7. Pages
	8. Archives
	9. Footer
*/

/* --- COLOURS ---
	Turquoise: #66C9BA
	Yellow: #F5CE3E
	Red: #CF3339
	Blue: #003A5D
	Grey: #E6E6E6
	Purple: #673065
*/

/* --- 1. General Styling --- */
body {
	margin: 0;
	padding: 0;
	font-family: 'Didact Gothic', sans-serif;
	color: #222222;
	background-color: #FFFFFF
}
a {
	text-decoration: none;
	color: #343C4A;
	text-transform: lowercase!important
}
a:hover {
	color: #66C9BA
}
div, img, a {
	box-sizing: border-box;
	transition: 0.3s all;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	
}
.clearfix {
	clear: both;
	width: 100%;
}
.frm_message p {
	margin:0!important;
}
.content ul, .services_item ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.content ul li, .services_item ul li {
	margin: 0;
	background-image: url("images/bullet.svg");
	background-repeat: no-repeat;
}
.loader {
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.loader_message {
	position: absolute;
	top: 0;
	left: 50%;
	text-transform: lowercase;
}
.blink {
    -webkit-animation: blink 1s step-end infinite;
            animation: blink 1s step-end infinite;
}
.table-cal {    
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}
.table-cal tr {
    display: flex;
}
.table-cal th {
    width: 100%;
    height: 30px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table-cal th:last-child, .table-cal td:last-child {
    border-right: 1px solid #ddd;
}
.table-cal td {
    width: 100%;
    height: 100px;
    position: relative;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table-cal td:hover {
    background-color: #ddd;
}
.table-cal tr:last-child td {
    border-bottom: 1px solid #ddd;
}
.table-cal .today {
    background-color: #66C9BA;
}
.table-cal .today:hover {
    background-color: #003A5D;
    color: #fff;
}
.table-cal th:nth-of-type(1), td:nth-of-type(1) {
    color: #cf3339;
}
.table-cal th:nth-of-type(7), td:nth-of-type(7) {
    color: #003A5D;
}
.cal-day {
    position: absolute;
    top: 1em;
    left: 1em;
}
.table-cal>tbody>tr>td, .table-cal>tbody>tr>th, .table-cal>tfoot>tr>td, .table-cal>tfoot>tr>th, .table-cal>thead>tr>td, .table-cal>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
@-webkit-keyframes blink { 50% { visibility: hidden; }}
        @keyframes blink { 50% { visibility: hidden; }}
.frm_final_submit {
	border-radius: 0 20px 0 0!important
}
.post_pagination {
	clear: both;
	padding:0 0 60px 0;
}
.page-numbers {
	padding: 0 10px;
}
.screen-reader-text {
	display: none
}
.see_all {
	color: #66C9BA
}
.see_all:hover {
	color: #003A5D
}
.content70 img {
    width: 100%;
    height: auto;
}
.content.pages iframe {
	max-width: 100%!important
}
.content.pages iframe, .book-widget {
    min-height: 70vh!important;
    max-height: 100vh!important
} 
/* --- General Styling Media Queries --- */
@media only screen and (max-width: 699px) {
	.wrapper {
		width: 100%;
		padding: 0 10%;
	}
	.hide_if_mobile {
		display:none;
	}
	.content20, .content25, .content30, .content33, .content40, .content50, .content60, .content66, .content70, .content80, .content100 {
		width: 100%;
	}
	body {
		font-size: 14px;
		line-height: 20px;
	}
	.content p {
		margin: 0 0 15px 0
	}
	.content {
		padding: 0 0 30px 0;
	}
	.content ul li, .services_item ul li {
		padding: 0 0 25px 25px;
		background-size: 15px 15px;
		background-position: top 10px left;
	}
	.content.pages img {
		width: 100%!important;
		height: auto!important;
	}
/* 	.content.pages iframe {
		height: auto;
	} */
}
@media only screen and (min-width: 700px) {
	.wrapper {
		width: 90%;
	}
	.hide_if_desktop {
		display: none
	}
	.content20 {
		width: 20%;
	}
	.content25 {
		width: 25%;
	}
	.content30 {
		width: 30%;
	}
	.content33 {
		width: 33.33333%;
	}
	.content40 {
		width: 40%;
	}
	.content50 {
		width: 50%;
	}
	.content60 {
		width: 60%;
	}
	.content66 {
		width: 66.66666%;
	}
	.content70 {
		width: 70%;
	}
	.content80 {
		width: 80%;
	}
	.content100 {
		width: 100%;
	}
	.content20.left, .content30.left, .content25.left, .content33.left, .content40.left, .content50.left, .content60.left, .content66.left, .content70.left, .content80.left {
		float: left;
		padding: 0 20px 0 0;
	}
	.content20.right, .content30.right, .content25.right, .content33.right, .content40.right, .content50.right, .content60.right, .content66.right, .content70.right, .content80.right {
		float: right;
		padding: 0 0 0 20px;
	}
	body {
		font-size: 14px;
		line-height: 20px;
	}
	.content p {
		margin: 0 0 20px 0
	}
	.content {
		padding: 0 0 30px 0;
	}
	.content ul li, .services_item ul li {
		padding: 0 0 15px 20px;
		background-size: 11px 11px;
		background-position: top 5px left;
	}
	.content.pages {
		padding-bottom: 180px;
	}
	.content.pages iframe, .book-widget {
		min-height: 800px!important;
		max-height: 1200px!important
	} 
}
@media only screen and (min-width: 1200px) {
	.wrapper {
		width: 1000px;
	}
	body {
		font-size: 16px;
		line-height: 22px;
	}
	.content p {
		margin: 0 0 30px 0
	}
	.content20.left, .content30.left, .content25.left, .content33.left, .content40.left, .content50.left, .content60.left, .content66.left, .content70.left, .content80.left {
		padding: 0 40px 0 0;
	}
	.content20.right, .content30.right, .content25.right, .content33.right, .content40.right, .content50.right, .content60.right, .content66.right, .content70.right, .content80.right {
		padding: 0 0 0 40px;
	}
	.content ul li, .services_item ul li {
		padding: 0 0 18px 25px;
		background-size: 13px 13px;
		background-position: top 5px left;
	}
	.content.pages {
		padding-bottom: 230px;
	}
/* 	.content.pages iframe {
		height: auto;
	} */
}
@media only screen and (min-width: 1400px) {
	.wrapper {
		width: 1200px;
	}
	.content20.left, .content30.left, .content25.left, .content33.left, .content40.left, .content50.left, .content60.left, .content66.left, .content70.left, .content80.left {
		padding: 0 60px 0 0;
	}
	.content20.right, .content30.right, .content25.right, .content33.right, .content40.right, .content50.right, .content60.right, .content66.right, .content70.right, .content80.right {
		padding: 0 0 0 60px;
	}
}
@media only screen and (min-width: 1600px) {
	.wrapper {
		width: 1400px;
	}
	.content20.left, .content30.left, .content25.left, .content33.left, .content40.left, .content50.left, .content60.left, .content66.left, .content70.left, .content80.left {
		padding: 0 80px 0 0;
	}
	.content20.right, .content30.right, .content25.right, .content33.right, .content40.right, .content50.right, .content60.right, .content66.right, .content70.right, .content80.right {
		padding: 0 0 0 80px;
	}
}
@media only screen and (min-width: 1800px) {
	.wrapper {
		width: 1600px;
	}
	body {
		font-size: 18px;
		line-height: 26px;
	}
	.content p {
		margin: 0 0 40px 0
	}
	.content20.left, .content30.left, .content25.left, .content33.left, .content40.left, .content50.left, .content60.left, .content66.left, .content70.left, .content80.left {
		padding: 0 100px 0 0;
	}
	.content20.right, .content30.right, .content25.right, .content33.right, .content40.right, .content50.right, .content60.right, .content66.right, .content70.right, .content80.right {
		padding: 0 0 0 100px;
	}
	.content ul li, .services_item ul li {
		padding: 0 0 20px 30px;
		background-size: 15px 15px;
		background-position: top 6px left;
	}
	.content.pages {
		padding-bottom: 330px;
	}
/* 	.content.pages iframe {
		height: auto;
	} */
}
@media only screen and (min-width: 2000px) {
	.wrapper {
		width: 1800px;
	}
/* 	.content.pages iframe {
		height: auto;
	} */
}
/* --- 2. Headings and Fonts --- */
h1, h2, h3, h4, h5 {
	font-weight: 200!important;
	color: #666666;
	text-transform: lowercase;
}
a h1 {
	color: #666666;
}
a:hover h1  {
	color: #66C9BA; 
}
.content h2 {
	color: #66C9BA
}
.content h3 {
	color: #F5CE3E
}
.content h4 {
	color: #CF3339
}
/* ---  Headings and Fonts Media Queries--- */
@media only screen and (max-width: 699px) {
	h1 {
		margin: 30px 0;
		font-size: 36px;
		line-height: 38px;
	}
	h2 {
		margin: 0 0 20px 0;
		font-size: 20px;
		line-height: 22px;
	}
	h3 {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 20px;
	}
	h4 {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 18px;
	}
}
@media only screen and (min-width: 700px) {
	h1 {
		margin: 30px 0;
		font-size: 40px;
		line-height: 42px;
	}
	h2 {
		margin: 0 0 25px 0;
		font-size: 25px;
		line-height: 27px;
	}
	h3 {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 20px;
	}
	h4 {
		margin: 0 0 10px 0;
		font-size: 16px;
		line-height: 18px;
	}
}
@media only screen and (min-width: 1200px) {
	h1 {
		margin: 40px 0;
		font-size: 55px;
		line-height: 57px;
	}
	h2 {
		margin: 0 0 30px 0;
		font-size: 30px;
		line-height: 32px;
	}
	h3 {
		margin: 0 0 15px 0;
		font-size: 20px;
		line-height: 22px;
	}
	h4 {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 20px;
	}
}
@media only screen and (min-width: 1800px) {
	h1 {
		margin: 50px 0;
		font-size: 65px;
		line-height: 67px;
	}
	h2 {
		margin: 0 0 40px 0;
		font-size: 40px;
		line-height: 42px;
	}
	h3 {
		margin: 0 0 25px 0;
		font-size: 30px;
		line-height: 32px;
	}
	h4 {
		margin: 0 0 10px 0;
		font-size: 24px;
		line-height: 26px;
	}
}

/* --- 3. Top and Menus --- */
/* --- 3.1 Top --- */
.top {
	width: 100%;
}
.top_sticky {
	position: fixed;
	z-index: 100;
	top: -50px;
	left: 50%;
	background-color: #FFFFFF;
}
.top_sticky.active {
	top: 0;
}
.logo {
	float:left;
}

/* --- 3 Top and Menus Media Queries --- */
@media only screen and (max-width: 699px) {
	.top {
		height: 100px;
	}
	.top_sticky {
		height: 40px;
		left: 0;
		right: 0;
	}
	.top .logo {
		margin: 20px 0 0 0;
		width: 130px;
	}
	.top .logo img {
		width: 130px;
		height: auto
	}
	.top_sticky .logo {
		margin: 5px 0 0 10%;
		width: 52px;
	}
	.top_sticky .logo img {
		width: 52px;
		height: auto
	}
}
@media only screen and (min-width: 700px) {
	.top {
		height: 90px;
		margin: 0 0 10px 0;
	}
	.top_sticky {
		height: 40px;
		left: 0;
		right: 0;
	}
	.top .logo {
		margin: 18px 0 0 0;
		width: 110px;
	}
	.top .logo img {
		width: 110px;
		height: auto
	}
	.top_sticky .logo {
		margin: 5px 0 0 10%;
		width: 55px;
	}
	.top_sticky .logo img {
		width: 55px;
		height: auto
	}
}
@media only screen and (min-width: 900px) {
	.top {
		height: 110px;
		margin: 0 0 20px 0;
	}
	.top .logo {
		margin: 30px 0 0 30px;
		width: 110px;
	}
	.top .logo img {
		width: 110px;
		height: auto
	}
	.top_sticky .logo {
		margin: 10px 0 0 12px;
		width: 50px;
	}
	.top_sticky .logo img {
		width: 50px;
		height: auto
	}
}
@media only screen and (min-width: 1200px) {
	.top {
		height: 90px;
		margin: 0 0 30px 0;
	}
	.top_sticky {
		height: 40px;
		width: 1200px;
		margin-left: -600px;
		left: 50%;
	}
	.top .logo {
		margin: 20px 0 0 0;
		width: 130px;
	}
	.top .logo img {
		width: 130px;
		height: auto
	}
	.top_sticky .logo {
		margin: 5px 0 0 15px;
		width: 58px;
	}
	.top_sticky .logo img {
		width: 58px;
		height: auto
	}
}
@media only screen and (min-width: 1800px) {
	.top {
		height: 100px;
		margin: 0 0 40px 0;
	}
	.top_sticky {
		height: 50px;
		width: 1800px;
		margin-left: -900px;
	}
	.top .logo {
		margin: 20px 0 0 0;
		width: 150px;
	}
	.top .logo img {
		width: 150px;
		height: auto
	}
	.top_sticky .logo {
		margin: 8px 0 0 15px;
		width: 65px;
	}
	.top_sticky .logo img {
		width: 65px;
		height: auto
	}
}

/* --- 3.2 Menus --- */
.main_menu {
	float: right;
}
.main_menu ul {
	margin:0;
	padding: 0;
	list-style: none;
	width: 100%;
}
.main_menu ul li {
	float: left;
	position: relative
}
.main_menu ul li a, .portfolio_tab {
	text-transform: lowercase;
	color: #003A5D;
}

/* SUB MENU LEVEL 1 */
.sub-menu li :hover::before, .sub-menu li a:hover::after {
	content:''!important
}


@media only screen and (max-width: 699px) {
	.top .mobile_menu_icon, .top_sticky .mobile_menu_icon {
		background-image: url("images/mobile-menu-icon.svg");
		cursor: pointer;
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
	}
	.top .mobile_menu_icon:hover, .top_sticky .mobile_menu_icon:hover {
		background-image: url("images/mobile-menu-hover-icon.svg");
	}
	.top .mobile_menu_icon {
		width: 30px;
		height: 30px;
		right: 10%;
		top: 40px;
	}
	.top_sticky .mobile_menu_icon {
		width: 20px;
		height: 20px;
		right: 10%;
		top: 10px;
	}
	.top .main_menu, .top_sticky .main_menu {
		margin: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 101;
	}
	.top .main_menu, .top_sticky .main_menu {
		margin: 0;
		position: absolute;
		right: 0;
		left: 0;
		top: -600px;
		z-index: 101;
	}
	.top .main_menu.active, .top_sticky .main_menu.active {
		right: 0;
		left: 0;
		top: 0;
	}
	.main_menu ul li {
		margin: 0;
		border-bottom: 1px solid #FFFFFF;
		width: 100%;
	}
	.main_menu ul li a {
		font-size: 18px;
		line-height: 18px;
		width: 100%;
		display: block;
		text-align: center!important;
		background-color: #CCCCCC;
		padding: 25px 0;
	}
	.main_menu ul li a:hover, .top_sticky .main_menu ul li a:hover {
		color: #FFFFFF;
		background-color: #66C9BA;
	}
	.sub-menu {
		/*position: absolute;
		z-index: 101;*/
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:100%!important;
		background-color: #FFF!important;
	}
	.sub-menu li {
		margin: 0!important;
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:100%!important;
		border-bottom: none!important;
	}
	.sub-menu li a {
		width:100%;
		display: block;
		border-top: 1px solid #CCC!important;
		background-color: #FFF!important;
	}
	.sub-menu li a:hover {
		color: #FFF!important;
		background-color: #66C9BA!important;
	}
	/* SUB MENU LEVEL 2 */
	.sub-menu .sub-menu li a {
		width:100%;
		background-color: #BBBBBB;
		display: block
	}
	.sub-menu .sub-menu li a:hover {
		color: #FFFFFF!important;
		background-color: #66C9BA!important;
	}
	.sub-menu .sub-menu {
		/*position: absolute;
		left:140px;
		top:20px;
		border: 0.5px solid #66C9BA*/
	}
	.main_menu ul li:hover > .sub-menu {
		height: auto!important;
		max-height: 400px;
		opacity: 1!important;
		overflow: scroll;
	}
	.main_menu ul li:hover > .sub-menu li {
		height: auto!important;
		opacity: 1!important;
		overflow: visible;

	}
	/* SUB MENU LEVEL 2 */
	.sub-menu li:hover > .sub-menu .sub-menu {
		height: auto!important;
		opacity: 1!important;
	}
	.sub-menu li:hover > .sub-menu .sub-menu li {
		height: auto!important;
		opacity: 1!important;

	}
}
@media only screen and (min-width: 700px) and (max-width: 899px) {
	.top_sticky .main_menu ul li a:hover::before {
		content:''!important;
	}
	.top_sticky .main_menu ul li a:hover::after {
		content:''!important;
	}
	.top .mobile_menu_icon, .top_sticky .mobile_menu_icon {
		background-image: url("images/mobile-menu-icon.svg");
		cursor: pointer;
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
	}
	.top .mobile_menu_icon:hover, .top_sticky .mobile_menu_icon:hover {
		background-image: url("images/mobile-menu-hover-icon.svg");
	}
	.top .mobile_menu_icon {
		width: 35px;
		height: 35px;
		right: 0;
		top: 28px;
	}
	.top_sticky .mobile_menu_icon {
		width: 20px;
		height: 20px;
		right: 10%;
		top: 10px;
	}
	.top .main_menu, .top_sticky .main_menu {
		margin: 0;
		position: absolute;
		right: 0;
		left: 0;
		top: -600px;
		z-index: 101;
		
	}
	.top .main_menu.active, .top_sticky .main_menu.active {
		right: 0;
		left: 0;
		top: 0;
	}
	.main_menu ul li {
		margin: 0;
		border-bottom: 1px solid #FFFFFF;
		width: 100%;
	}
	.top .main_menu ul li a, .top_sticky .main_menu ul li a {
		font-size: 18px;
		line-height: 18px;
		width: 100%;
		display: block;
		text-align: center!important;
		background-color: #CCCCCC;
		padding: 25px 0;
	}
	.top .main_menu ul li a:hover, .top_sticky .main_menu ul li a:hover {
		color: #FFFFFF;
		background-color: #66C9BA;
	}
	/* SUB MENU LEVEL 1 */
	.sub-menu {
		/*position: absolute;
		z-index: 101;*/
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:100%!important;
		background-color: #FFF!important;
	}
	.sub-menu li {
		margin: 0!important;
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:100%!important;
		border-bottom: none!important;
	}
	.sub-menu li a {
		width:100%;
		display: block;
		border-top: 1px solid #CCC!important;
		background-color: #FFF!important;
	}
	.sub-menu li a:hover {
		color: #FFF!important;
		background-color: #66C9BA!important;
	}
	/* SUB MENU LEVEL 2 */
	.sub-menu .sub-menu li a {
		width:100%;
		background-color: #BBBBBB;
		display: block
	}
	.sub-menu .sub-menu li a:hover {
		color: #FFFFFF!important;
		background-color: #66C9BA!important;
	}
	.sub-menu .sub-menu {
		/*position: absolute;
		left:140px;
		top:20px;
		border: 0.5px solid #66C9BA*/
	}
	.main_menu ul li:hover > .sub-menu {
		height: auto!important;
		max-height: 400px;
		opacity: 1!important;
		overflow: scroll;
	}
	.main_menu ul li:hover > .sub-menu li {
		height: auto!important;
		opacity: 1!important;
		overflow: visible;

	}
	/* SUB MENU LEVEL 2 */
	.sub-menu li:hover > .sub-menu .sub-menu {
		height: auto!important;
		opacity: 1!important;
	}
	.sub-menu li:hover > .sub-menu .sub-menu li {
		height: auto!important;
		opacity: 1!important;

	}
}
@media only screen and (min-width: 900px) {
	.top .main_menu ul li a:hover::before, .portfolio_tab:hover::before, .portfolio_tab.active::before {
		content:'(';
		position: absolute;
		left: -10px;
		top: 3px
	}
	.top .main_menu ul li a:hover::after, .portfolio_tab:hover::after, .portfolio_tab.active::after {
		content:')';
		position: absolute;
		right: -10px;
		top: 3px
	}
	.top_sticky .main_menu ul li a:hover::before {
		content:'(';
		position: absolute;
		left: -6px;
		top: 6px
	}
	.top_sticky .main_menu ul li a:hover::after {
		content:')';
		position: absolute;
		right: -6px;
		top: 6px
	}
	.mobile_menu_icon {
		display: none;
	}
	.top .main_menu {
		margin: 45px 90px 0 0;
	}
	.top_sticky .main_menu {
		margin: 10px 60px 0 0;
	}
	.main_menu ul li {
		margin: 0 0 0 30px;
	}
	.top .main_menu ul li a {
		font-size: 16px;
		line-height: 16px;
	}
	.top_sticky .main_menu ul li a {
		font-size: 12px;
		line-height: 12px;
	}
	.main_menu ul li a:hover {
		color: #66C9BA
	}
	/* SUB MENU LEVEL 1 */
	.sub-menu {
		position: absolute;
		z-index: 101;
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:auto!important;
	}
	.sub-menu li {
		margin: 0!important;
		height: 0;
		opacity: 0;
		overflow: hidden;
		width:250px!important;
	}
	.sub-menu li a {
		width:100%;
		background-color: #FFF;
		border-bottom: 1px solid #003A5D!important;
		display: block
	}
	.sub-menu li a:hover {
		border-bottom: 1px solid #66C9BA!important;
	}
	/* SUB MENU LEVEL 2 */
	.sub-menu .sub-menu li a {
		width:100%;
		background-color: #BBBBBB;
		display: block
	}
	.sub-menu .sub-menu li a:hover {
		color: #FFFFFF!important;
		background-color: #66C9BA!important;
	}
	.sub-menu li a {
		font-size: 12px!important;
		line-height: 12px!important;
		padding: 10px 10px 10px 0;
		border-bottom: 1px solid #FFFFFF;
	}
	.sub-menu li a:hover {
		padding: 10px 10px 10px 15px;
	}
	.sub-menu {
		left:-15px;
	}
	.sub-menu li {
		width:200px!important;
	}
	.sub-menu .sub-menu {
		left:180px;
		top:20px;
		border: 0.5px solid white
	}
	.main_menu ul li:hover > .sub-menu {
		height: auto!important;
		opacity: 1!important;
		overflow: visible;
	}
	.main_menu ul li:hover > .sub-menu li {
		height: auto!important;
		opacity: 1!important;
		overflow: visible;

	}
	/* SUB MENU LEVEL 2 */
	.sub-menu li:hover > .sub-menu .sub-menu {
		height: auto!important;
		opacity: 1!important;
	}
	.sub-menu li:hover > .sub-menu .sub-menu li {
		height: auto!important;
		opacity: 1!important;

	}
	.sub-menu li a:hover {
		/*color: #FFFFFF!important;
		background-color: #66C9BA!important;*/
		border-bottom: 1px solid #66C9BA!important;
	}
}
@media only screen and (min-width: 1200px) {
	.top .main_menu {
		margin: 35px 0 0 20px;
	}
	.top_sticky .main_menu {
		margin: 8px 60px 0 0;
	}
	.main_menu ul li {
		margin: 0 0 0 40px;
	}
	.top .main_menu ul li a {
		font-size: 18px;
		line-height: 18px;
	}
	.top_sticky .main_menu ul li a {
		font-size: 14px;
		line-height: 14px;
	}
	.sub-menu li a {
		font-size: 14px!important;
		line-height: 14px!important;
		padding: 10px 0
	}
	.sub-menu li a:hover {
		padding: 10px 10px 10px 15px;
	}
	.sub-menu {
		left:-15px;
	}
	.sub-menu li {
		width: 230px!important;
	}
	.sub-menu .sub-menu {
		left: 210px;
		top: 20px;
		border: 0.5px solid white
	}
	.main_menu ul li a:hover::before {
		left: -8px;
		top: 5px
	}
}
@media only screen and (min-width: 1800px) {
	.top .main_menu {
		margin: 40px 0 0 20px;
	}
	.top_sticky .main_menu {
		margin: 11px 75px 0 0;
	}
	.main_menu ul li {
		margin: 0 0 0 50px;
	}
	.top .main_menu ul li a {
		font-size: 20px;
		line-height: 20px;
	}
	.top_sticky .main_menu ul li a {
		font-size: 16px;
		line-height: 16px;
	}
	.sub-menu li a {
		font-size: 16px!important;
		line-height: 16px!important;
		padding: 15px 0;
	}
	.sub-menu li a:hover {
		padding: 15px 15px 15px 20px;
	}
	.sub-menu {
		left:-20px;
	}
	.sub-menu li {
		width:270px!important;
	}
	.sub-menu .sub-menu {
		left: 250px;
		top: 20px;
		border: 0.5px solid white
	}
}
/* --- 4. Home Page --- */
.section {
	width: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: auto 10px;

}
.next_section {
	width: 50px;
	height: 50px;
}
.home.loader {
	background-color: #003A5D;
	display: block;
	position: fixed;
	z-index: 1000;
}
.home.loader_message {
	top: 50%;
	font-size: 150%;
	text-align: left;
	color: #FFF;
}

.home.loader_message h1 {
	color: #66C9BA;
}
.detail_icon {
	position: absolute;
	z-index: 97;
	transition: 1s all
}
.detail_icon.right {
	right: -300px;
}
.detail_icon.left {
	left: -300px;
}
/* --- 4 Home Page Queries --- */
@media only screen and (max-width: 699px) {
	.section  {
		padding: 60px 0;
	}
	.home.loader_message {
		top: 100px;
		left: 10%;
		right: 10%;
		height: auto;
		margin: 0;
	}
}
@media only screen and (min-width: 700px) {
	.section  {
		padding: 80px 0;
	}
	.home.loader_message {
		width: 700px;
		height: auto;
		margin: -200px 0 0 -350px;
	}
}
@media only screen and (min-width: 1200px) {
	.section  {
		padding: 100px 0;
	}
	.home.loader_message {
		width: 800px;
		height: auto;
		margin: -200px 0 0 -400px;
	}

}
@media only screen and (min-width: 1800px) {
	.section  {
		padding: 120px 0;
	}
	.home.loader_message {
		width: 900px;
		height: auto;
		margin: -300px 0 0 -450px;
	}
	
}
/* --- 4.1 Hero Image --- */
.section.hero {
	background-image: url("images/tear-white-blue.svg");
	background-color: #fff
}
.image_map {
	cursor: pointer;
}
.tagline {
	color: #66C9BA
}
.popup {
  	position: absolute;
  	color: white;
	opacity: 0;
	cursor: pointer;
	overflow-y: hidden;
	z-index: 101
}
.popup.active {
	opacity: 0.97;
	height: auto;
}
.popup h3 {
	margin: 0 0 15px 0;
	color: #FFFFFF;
}

/* --- 4.1 Hero Image Queries --- */
@media only screen and (max-width: 699px) {
	.section.hero {
		padding:20px 0 0 0;
	}
	.section h1 {
		margin: 0 0 30px 0;
	}
	.hero_scroller {
		width:100%;
		overflow-x: scroll
	}
	.hero_inner {
		width: 300%;
	}
	.hero_scrool_btn.right {
		position: absolute;
		top: 50%;
		right: 0;
		width: 40px;
		height: 80px;
		margin: -40px 0 0 0;
		border-radius: 40px 0 0 40px;
		background-color: #FFFFFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		background-image: url(images/arrow-right-icon.svg);
		background-position: center right 3px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		z-index: 100
	}
	.hero_scrool_btn.left {
		position: absolute;
		top: 50%;
		left: 0;
		width: 40px;
		height: 80px;
		border-radius: 0 40px 40px 0;
		margin: -40px 0 0 0;
		background-color: #FFFFFF;
		display: none;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
		background-image: url(images/arrow-left-icon.svg);
		background-position: center left 3px;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		z-index: 100
	}
	.popup {
		padding: 10px;
		width: 150px;
		margin-left: -100px;
		border-radius: 0 40px 0 0;
		font-size: 9px;
		line-height: 12px;
	}
}
@media only screen and (min-width: 700px) {
	.section.hero {
		padding:0;
	}
	.section h1 {
		margin: 0 0 40px 0;
	}
	.popup {
		padding: 15px;
		width: 200px;
		margin-left: -100px;
		border-radius: 0 40px 0 0;
		font-size: 10px;
		line-height: 16px;
	}
	.hero_scrool_btn.left, .hero_scrool_btn.right {
		display: none
	}
}
@media only screen and (min-width: 1200px) {
	.section.hero {
		padding:0;
	}
	.section h1 {
		margin: 0 0 50px;
	}
	.popup {
		padding: 20px;
		width: 250px;
		margin-left: -125px;
		border-radius: 0 50px 0 0;
		font-size: 12px;
		line-height: 18px;
	}
}
@media only screen and (min-width: 1800px) {
	.section.hero {
		padding:0;
	}
	.section h1 {
		margin: 0 0 60px 0;
	}
	.popup {
		padding: 30px;
		width: 350px;
		margin-left: -175px;
		border-radius: 0 60px 0 0;
		font-size: 15px;
		line-height: 20px;
	}
}
/* --- 4.2 Services --- */
.section.services h1 {
	color: #FFFFFF
}
.section.services {
	background-color: #003A5D;
	background-image: url(images/tear-blue-white.svg);
	position: relative;
	overflow-x: hidden
}
.services ul {
    padding: 0;
    list-style: none;
}
.services ul li {
	box-sizing: border-box;
	color: #FFFFFF;
	float: left;
}
.services ul li h2 {
	color: #FFFFFF
}
.services ul li a {
	color: #66C9BA
}
.services ul li a:hover {
	color: #F5CE3E
}
.services_icon {
      width: 100%;
      background-position: right top;
      background-repeat: no-repeat;
 }

.services_icon.brand-consulting {
	background-image: url(images/consulting-icon.svg)
}

.services_icon.brand-strategy {
	background-image: url(images/strategy-icon.svg)
}
.services_icon.marketing-planning {
	background-image: url(images/forward-arrow-icon.svg)
}
.services_icon.social-media-marketing {
	background-image: url(images/heart-icon.svg)
}
.services_icon.design {
	background-image: url(images/design-icon.svg)
}
.services_icon.concept-creative-direction {
	background-image: url(images/light-bulb-info-icon.svg)
}
.services_icon.copy-script-content-pr-writing {
	background-image: url(images/writing-icon.svg)
}
.services_icon.seo-ppc {
	background-image: url(images/seo-icon.svg)
}
.services_icon.employer-branding {
	background-image: url(images/star-icon.svg)
}
.services_icon.outsourced-marketing-solutions {
	background-image: url(images/globe-icon.svg)
}
.services_icon.website-design-development {
	background-image: url(images/cursor-icon.svg)
}
.services_icon.video-multimedia-production{
	background-image: url(images/video-icon.svg)
}
.services_item h2 {
	background-repeat: no-repeat;
}
.services_item h2.brand-consulting {
	background-image: url(images/consulting-icon-gry.svg)
}
.services_item h2.brand-strategy {
	background-image: url(images/strategy-icon-gry.svg)
}
.services_item h2.marketing-planning {
	background-image: url(images/forward-arrow-icon-gry.svg)
}
.services_item h2.social-media-marketing {
	background-image: url(images/heart-icon-gry.svg)
}
.services_item h2.design {
	background-image: url(images/design-icon-gry.svg)
}
.services_item h2.concept-creative-direction {
	background-image: url(images/light-bulb-info-icon-gry.svg)
}
.services_item h2.copy-script-content-pr-writing {
	background-image: url(images/writing-icon-gry.svg)
}
.services_item h2.seo-ppc {
	background-image: url(images/seo-icon-gry.svg)
}
.services_item h2.employer-branding {
	background-image: url(images/star-icon-gry.svg)
}
.services_item h2.outsourced-marketing-solutions {
	background-image: url(images/globe-icon-gry.svg)
}
.services_item h2.website-design-development {
	background-image: url(images/cursor-icon-gry.svg)
}
.services_item h2.video-multimedia-production{
	background-image: url(images/video-icon-gry.svg)
}
.detail_icon.bottom {
	background-image: url(images/random_icons/bottom.svg);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	right: -300px;
	bottom: 15px;
}

/* --- 4.2 Services Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.services  {
		padding: 40px 0 20px 0;
	}
	.services ul {
		margin: 0;
	}
	.services ul li {
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	.services_icon {
		height: 90px;
		background-position: center top;
		background-size: 75px 75px;
	}
	.detail_icon.bottom {
		display:none;
	}
	.services_item {
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
		border-bottom: dotted #999 1px
	}
	.services_item h2 {
		background-position: left center;
		background-size: 25px 25px;
		min-height: 25px;
		padding: 0 0 0 30px;
	}
	.section.services.archive {
		margin: 0 0 30px 0;
	}
}
@media only screen and (min-width: 700px) {
	.section.services  {
		padding: 60px 0 30px 0;
	}
	.services ul {
		margin: 0 -30px;
	}
	.services ul li {
		width: 50%;
		padding: 0 30px;
		margin: 0 0 30px 0;
	}
	.services ul li h2 {
		height: 58px
	}
	.services_icon {
		height: 58px;
		background-size: 48px 48px;
	}
	.detail_icon.bottom, .page_detail_icon.bottom {
		width: 40px;
		height: 80px;
	}
	.page_detail_icon.hat, .page_detail_icon.apple, .page_detail_icon.bicycle, .page_detail_icon.kite, .page_detail_icon.music, .page_detail_icon.birds {
		width:100px;
		height: 100px;
	}
	.services_item {
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
		border-bottom: dotted #999 1px
	}
	.services_item h2 {
		background-position: left center;
		background-size: 30px 30px;
		height: 30px;
		padding: 0 0 0 35px;
	}
	.section.services.archive {
		margin: 0 0 30px 0;
	}
}
@media only screen and (min-width: 900px) {
	.section.services  {
		padding: 80px 0 40px 0;
	}
	.services ul {
		margin: 0 -30px;
	}
	.services ul li {
		width: 33.333%;
		padding: 0 30px;
		margin: 0 0 30px 0;
	}
	.services ul li h2 {
		height: 58px
	}
	.services_icon {
		height: 58px;
		background-size: 48px 48px;
	}
	.detail_icon.bottom, .page_detail_icon.bottom {
		width: 50px;
		height: 100px;
	}
	.page_detail_icon.hat, .page_detail_icon.apple, .page_detail_icon.bicycle, .page_detail_icon.kite, .page_detail_icon.music, .page_detail_icon.birds {
		width:150px;
		height: 150px;
	}
	.services_item {
		margin: 0 0 60px 0;
		padding: 0 0 60px 0;
		border-bottom: dotted #999 1px
	}
	.services_item h2 {
		background-position: left center;
		background-size: 35px 35px;
		height: 35px;
		padding: 0 0 0 45px;
	}
	.section.services.archive {
		margin: 0 0 60px 0;
	}
}
@media only screen and (min-width: 1200px) {
	
	.services ul {
		margin: 0 -50px;
	}
	.services ul li {
		width: 33.333%;
		padding: 0 50px;
		margin: 0 0 25px 0;
	}
	.services ul li h2 {
		height: 62px
	}
	.services_item {
		margin: 0 0 80px 0;
		padding: 0 0 80px 0;
		border-bottom: dotted #999 1px
	}
	.services_item h2 {
		background-position: left center;
		background-size: 35px 35px;
		height: 35px;
		padding: 0 0 0 45px;
	}
	.section.services.archive {
		margin: 0 0 80px 0;
	}

}
@media only screen and (min-width: 1400px) {
	.section.services  {
		padding: 100px 0 50px 0;
	}
	.services ul {
		margin: 0 -80px;
	}
	.services ul li {
		width: 33.333%;
		padding: 0 80px;
		margin: 0 0 40px 0;
	}
	.services ul li h2 {
		height: 62px
	}
	.services_icon {
		height: 62px;
		background-size: 52px 52px;
	}
	.detail_icon.bottom, .page_detail_icon.bottom {
		width: 75px;
		height: 150px;
	}
	.page_detail_icon.hat, .page_detail_icon.apple, .page_detail_icon.bicycle, .page_detail_icon.kite, .page_detail_icon.music, .page_detail_icon.birds {
		width: 200px;
		height: 200px;
	}
	.services_item {
		margin: 0 0 120px 0;
		padding: 0 0 120px 0;
		border-bottom: dotted #999 1px
	}
	.services_item h2 {
		background-position: left center;
		background-size: 45px 45px;
		height: 45px;
		padding: 0 0 0 55px;
	}
	.section.services.archive {
		margin: 0 0 120px 0;
	}
}
@media only screen and (min-width: 1800px) {
	.section.services  {
		padding: 120px 0 60px 0;
	}
	.services ul {
		margin: 0 -120px;
	}
	.services ul li {
		float: left;
		width: 33.333%;
		padding: 0 120px;
		margin: 0 0 60px 0;
	}
	.services ul li h2 {
		height: 82px
	}
	.services_icon {
		height: 82px;
		background-size: 72px 72px;
	}
	.detail_icon.bottom, .page_detail_icon.bottom {
		width: 100px;
		height: 200px;
	}
	.page_detail_icon.hat, .page_detail_icon.apple, .page_detail_icon.bicycle, .page_detail_icon.kite, .page_detail_icon.music, .page_detail_icon.birds {
		width: 300px;
		height: 300px;
	}
}
/* --- 4.3 Portfolio --- */
.section.portfolio {
	background-image: url("images/tear-white-grey.svg");
}
.portfolio_tab {
	position: relative;
}
.portfolio_tab.active {
	color: #66C9BA
}
.portfolio_tab:hover {
      color: #66C9BA
  }
.portfolio ul {
	padding: 0;
	list-style: none;
}
.portfolio ul li {
	box-sizing: border-box;
	float: left;
	transition: 0.3s all;
}
.portfolio ul li h3, .portfolio_title h3 {
	margin: 0!important;
	height: auto!important;
}
.portfolio_title {
    position: absolute;
    background-color:rgba(245,245,245,0.90);
	bottom: 0;
	left: 0;
	right: 0;
}
.portfolio.news a {
	color: #66C9BA
}
.portfolio.news a:hover {
	color: #F5CE3E
}
.portfolio_inner {
	background-color: #e9eef1;
	background-position: center center;
	border: 1px solid #e6e6e6;
	position: relative
}
.portfolio ul li:hover .portfolio_inner  {
	transform: scale(1.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.portfolio_items {
	position: relative;
}
.portfolio.loader {
	background-color: #FFF;
	position: absolute;
	z-index: 98
}
.portfolio.loader .loader_message {
	margin-top: 30%;
	font-size: 200%;
	text-align: center
}
/* --- 4.3 Portfolio Media Queries --- */
@media only screen and (max-width: 399px) {
	.portfolio_filter {
		display: none;
	}
	.section.portfolio  {
		padding: 40px 0 20px 0;
	}
	.portfolio ul {
		margin: 0;
	}
	.portfolio ul li {
		width: 100%;
		padding: 0;
		margin: 0 0 30px 0!important;
	}
	.portfolio_title {
		padding: 10px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 200px!important;
	}
}
@media only screen and (min-width: 400px) {
	.portfolio_filter {
		display: none;
	}
	.section.portfolio  {
		padding: 40px 0 20px 0;
	}
	.portfolio ul {
		margin: 0 -15px!important;
	}
	.portfolio ul li {
		width: 50%!important;
		padding:0 15px!important;
		margin: 0 0 30px 0!important;
	}
	.portfolio_title {
		padding: 10px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 200px!important;
	}
}
@media only screen and (min-width: 700px) {
	.section.portfolio  {
		padding: 60px 0 30px 0;
	}
	.portfolio ul {
		margin: 0 -30px!important;
	}
	.portfolio ul li {
		width: 50%!important;
		padding:0 30px!important;
		margin: 0 0 30px 0!important;
	}
	.portfolio_title {
		padding: 10px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 220px!important;
	}
}
@media only screen and (min-width: 900px) {
	.section.portfolio  {
		padding: 80px 0 40px 0;
	}
	.portfolio ul {
		margin: 0 -30px!important;
	}
	.portfolio ul li {
		width: 33.333%!important;
		padding:0 30px!important;
		margin: 0 0 30px 0!important;
	}
	.portfolio_title {
		padding: 10px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 160px!important;
	}
	
}
@media only screen and (min-width: 1050px) {
	.portfolio_filter {
		display: block;
		margin: 0 0 30px 0;
		padding: 0 15px
	}
	.portfolio_tab {
		margin: 0 20px 0 0;
		font-size: 14px;
		line-height: 14px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 180px!important;
	}
}
@media only screen and (min-width: 1200px) {
	.portfolio_tab {
		margin: 0 20px 0 0;
		font-size: 16px;
		line-height: 16px;
	}
	.portfolio_filter {
		margin: 0 0 40px 0;
	}
	.section.portfolio  {
		padding: 100px 0 50px 0;
	}
	.portfolio ul {
		margin: 0 -40px!important;
	}
	.portfolio ul li {
		width: 33.333%!important;
		padding:0 40px!important;
		margin: 0 0 40px 0!important;
	}
	.portfolio_title {
		padding: 20px;
	}
	.portfolio_inner {
		border-radius: 0 90px 0 0;
		height: 250px!important;
	}
}
@media only screen and (min-width: 1800px) {
	.portfolio_filter {
		margin: 0 0 60px 0;
	}
	.portfolio_tab {
		margin: 0 30px 0 0;
		font-size: 18px;
		line-height: 18px;
	}
	.section.portfolio  {
		padding: 120px 0 60px 0;
	}
	.portfolio ul {
		margin: 0 -60px!important;
	}
	.portfolio ul li {
		width: 33.333%!important;
		padding:0 60px!important;
		margin: 0 0 60px 0!important;
	}
	.portfolio_title {
		padding: 30px;
	}
	.portfolio_inner {
		border-radius: 0 100px 0 0;
		height: 350px!important;
	}
}
/* --- 4.4 Call To Action --- */
.section.action h1 {
	color: #FFFFFF
}
.section.action {
	background-color: #E6E6E6;
	background-image: url("images/tear-grey-blue.svg");
}
.section.action.cta_pages {
	background-color: #E6E6E6;
	background-image: url("images/tear-grey-white.svg");
}
.action ul, .cta_pages ul {
    padding: 0;
    list-style: none!important
}
.cta_pages ul {
	padding: 30px 0 0 0;
}
.cta_pages.pages ul {
	padding: 60px 0 0 0;
}
.section.cta_pages ul {
    padding: 0 -30px!important;
}
.cta_pages ul li {
	padding: 0;
	list-style: none!important;
	background-image: none;
}
.section.cta_pages ul li {
	padding: 0 30px!important;
}
.action ul li, .cta_pages ul li {
	box-sizing: border-box;
	color: #FFFFFF;
	float: left;
	transition: 0.3s all;
}
.action ul li a, .cta_pages ul li a {
	color: #FFFFFF;
	display: block;
}
.action ul li:hover, .cta_button ul li:hover, .cta_pages ul li:hover  {
	transform: scale(1.1);
}
.action ul li:hover .cta_inner, .cta_button ul li:hover .cta_inner, .cta_pages ul li:hover .cta_inner {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.cta_icon {
      width: 100%;
      background-position: center top;
      background-repeat: no-repeat;
 }
.cta_button_icon {
      width: 100%;
      background-position: right top;
      background-repeat: no-repeat;
 }
.cta_inner {
	color: #FFFFFF;
}
.cta_inner h2, .cta_inner h3 {
	color: #FFFFFF
}
.cta_button ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cta_button ul li {
	padding: 0;
	transition: 0.3s all;
}
/* --- 4.2 Services Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.action  {
		padding: 40px 0 20px 0;
	}
	.section.cta_pages  {
		padding: 20px 0 20px 0;
	}
	.action ul {
		margin: 0;
	}
	.action ul li {
		width: 100%;
		padding: 0;
		margin: 0 0 30px 0;
	}
	.cta_inner {
		border-radius: 0 60px 0 0;
		padding: 30px;
		font-size: 13px;
		line-height: 18px;
	}
	.cta_inner h2, .cta_inner h3 {
		margin: 10px 0;
	}
	.cta_icon, .cta_button_icon {
		height: 100px;
		background-size: 100px 100px;
		background-position: center top;
	}
	.cta_button ul li {
		margin: 0 0 20px 0;
	}
	.cta_pages ul li {
		margin: 0 0 30px 0;
	}
}
@media only screen and (min-width: 700px) {
	.section.action  {
		padding: 60px 0 30px 0;
	}
	.section.cta_pages  {
		padding: 30px 0 30px 0;
	}
	.action ul {
		margin: 0 -30px;
	}
	.action ul li {
		float: left;
		width: 50%;
		padding:0 30px;
		margin: 0 0 30px 0;
	}
	.cta_pages ul li {
		margin: 0 0 30px 0;
	}
	.action ul li h2 {
		height: 55px;
		margin: 10px 0;
	}
	.cta_inner {
		border-radius: 0 60px 0 0;
		padding: 20px;
		font-size: 12px;
		line-height: 16px;
	}
	.cta_inner h2, .cta_inner h3 {
		margin: 15px 0;
	}
	.cta_icon, .cta_button_icon {
		height: 80px;
		background-size: 75px 75px;
		background-position: center top;
	}
	.cta_button ul li {
		margin: 0 0 30px 0;
	}
}
@media only screen and (min-width: 900px) {
	.section.action  {
		padding: 80px 0 40px 0;
	}
	.section.cta_pages  {
		padding: 40px 0 40px 0;
	}
	.action ul {
		margin: 0 -30px;
	}
	.action ul li {
		float: left;
		width: 33.333%;
		padding:0 30px;
		margin: 0 0 30px 0;
	}
	.cta_pages ul li {
		margin: 0 0 30px 0;
	}
	.action ul li h2 {
		height: 58px;
		margin: 15px 0;
	}
	.cta_inner {
		border-radius: 0 60px 0 0;
		padding: 20px;
		font-size: 12px;
		line-height: 17px;
	}
	.cta_pages .cta_inner {
		border-radius: 0 50px 0 0;
		padding: 15px;
		font-size: 13px;
		line-height: 16px;
	}
	.cta_inner h2, .cta_inner h3 {
		margin: 20px 0;
	}
	.cta_pages .cta_inner h2 {
		margin: 10px 0;
		font-size: 20px;
	}
	.cta_icon {
		height: 80px;
		background-size: 80px 80px;
	}
	.cta_pages .cta_icon {
		height: 60px;
		background-size: 60px 60px;
	}
	.cta_button_icon {
		height: 58px;
		background-size: 48px 48px;
	}
	.cta_button ul li {
		margin: 0 0 30px 0;
	}
}
@media only screen and (min-width: 1200px) {
	.section.action  {
		padding: 100px 0 50px 0;
	}
	.section.cta_pages {
		padding: 50px 0 50px 0;
	}
	.action ul {
		margin: 0 -40px;
	}
	.action ul li {
		float: left;
		width: 33.333%;
		padding:0 40px;
		margin: 0 0 40px 0;
	}
	.cta_pages ul li {
		margin: 0 0 30px 0;
	}
	.action ul li h2 {
		height: 62px;
		margin: 15px 0;
	}
	.cta_inner {
		border-radius: 0 80px 0 0;
		padding: 30px;
		font-size: 15px;
		line-height: 20px;
	}
	.cta_pages .cta_inner {
		border-radius: 0 60px 0 0;
		padding: 20px;
		font-size: 14px;
		line-height: 18px;
	}
	.cta_inner h2, .cta_inner h3 {
		margin: 20px 0;
	}
	.cta_pages .cta_inner h2 {
		margin: 10px 0;
		font-size: 25px;
	}
	.cta_icon {
		height: 120px;
		background-size: 120px 120px;
	}
	.cta_pages .cta_icon {
		height: 80px;
		background-size: 80px 80px;
	}
	.cta_button_icon {
		height: 62px;
		background-size: 52px 52px;
	}
	.cta_button ul li {
		margin: 0 0 40px 0;
	}
}
@media only screen and (min-width: 1800px) {
	.section.action  {
		padding: 120px 0 60px 0;
	}
	.section.cta_pages  {
		padding: 60px 0 60px 0;
	}
	.action ul {
		margin: 0 -60px;
	}
	.action ul li {
		float: left;
		width: 33.333%;
		padding:0 60px;
		margin: 0 0 60px 0;
	}
	.cta_pages ul li {
		margin: 0 0 30px 0;
	}
	.action ul li h2 {
		height: 82px;
		margin: 20px 0;
	}
	.cta_inner {
		border-radius: 0 100px 0 0;
		padding: 40px;
		font-size: 17px;
		line-height: 22px;
	}
	.cta_pages .cta_inner {
		border-radius: 0 70px 0 0;
		padding: 25px;
		font-size: 16px;
		line-height: 20px;
	}
	.cta_inner h2, .cta_inner h3 {
		margin: 30px 0;
	}
	.cta_pages .cta_inner h2 {
		margin: 15px 0;
		font-size: 30px;
	}
	.cta_icon {
		height: 150px;
		background-size: 150px 150px;
	}
	.cta_pages .cta_icon {
		height: 100px;
		background-size: 100px 100px;
	}
	.cta_button_icon {
		height: 82px;
		background-size: 72px 72px;
	}
	.cta_button ul li {
		margin: 0 0 60px 0;
	}
}
/* --- 4.5 About Us --- */
.section.about h1, .section.about h2, .section.about {
	color: #FFFFFF
}
.section.about {
	background-color: #003A5D;
	background-image: url(images/tear-blue-grey.svg);
	position: relative;

}
.section.about a {
	color: #66C9BA
}
.section.about a:hover {
	color: #F5CE3E
}
.detail_icon.curie {
	background-image: url(images/random_icons/chameleon.svg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: contain;
	left: -300px;
}
/* --- 4.2 About Us Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.about {
		padding: 40px 0 20px 0;
	}
	.section.about .content70 {
		padding-bottom:20px!important;
	}
	.detail_icon.curie, .page_detail_icon.curie {
		display: none;
	}
}
@media only screen and (min-width: 700px) {
	.section.about {
		padding: 60px 0 30px 0;
	}
	.section.about .content70 {
		padding-bottom:30px!important;
	}
	.detail_icon.curie {
		width: 150px;
		height: 150px;
		bottom: -35px;
	}
	.page_detail_icon.curie {
		width: 150px;
		height: 150px;
	}
}
@media only screen and (min-width: 900px) {
	.section.about {
		padding: 80px 0 40px 0;
	}
	.section.about .content70 {
		padding-bottom:40px!important;
	}
	.detail_icon.curie {
		width: 200px;
		height: 200px;
		bottom: -45px;
	}
	.page_detail_icon.curie {
		width: 200px;
		height: 200px;
	}
}
@media only screen and (min-width: 1200px) {
	.section.about {
		padding: 100px 0 50px 0;
	}
	.section.about .content70 {
		padding-bottom:50px!important;
	}
	.detail_icon.curie {
		width: 300px;
		height: 300px;
		bottom: -70px;
	}
	.page_detail_icon.curie {
		width: 300px;
		height: 300px;
	}
}
@media only screen and (min-width: 1800px) {
	.section.about {
		padding: 120px 0 60px 0;
	}
	.section.about .content70 {
		padding-bottom:60px!important;
	}
	.detail_icon.curie {
		width: 350px;
		height: 350px;
		bottom: -90px;
	}
	.page_detail_icon.curie {
		width: 350px;
		height: 350px;
	}
	
}
/* --- 4.6 Testimonials --- */
.section.testimonials {
	background-color: #E6E6E6;
	background-image: url("images/megaphone-icon.svg"), url("images/tear-grey-white.svg");
	background-repeat: no-repeat, repeat-x;
	background-position: right 15% center, bottom left;
}
.section.testimonials a {
	color: #66C9BA
}
.section.testimonials a:hover {
	color: #F5CE3E
}
.testimonial_inner {
    font-style: italic;
	color: #003A5D;
}
.testimonial_inner span {
    font-style: normal;
	color: #66C9BA;
}

/* --- 4.8 Testimonials Queries --- */
@media only screen and (max-width: 699px) {
	.testimonial_inner span {
		font-size: 14px;
		line-height: 14px;
	}
	.testimonial_inner {
		padding: 0;
		font-size: 120%;
		background: none;
	}
}
@media only screen and (min-width: 700px) {
	.testimonial_inner span {
		font-size: 14px;
		line-height: 14px;
	}
	.section.testimonials {
		background-size: 0 0, auto 10px;
	}
	.testimonial_inner {
		padding: 0 25% 0 15%;
		font-size: 140%;
		line-height: 140%;
	}
}
@media only screen and (min-width: 900px) {
	.testimonial_inner {
		padding: 0 30% 0 15%;
		font-size: 150%;
		line-height: 150%;
	}
	.testimonial_inner.services {
		padding: 0;
		margin: 0 0 15px 0;
		font-size: 100%;
		line-height: 1.5;
	}
	.testimonial_inner span {
		font-size: 14px;
		line-height: 14px;
	}
	.section.testimonials {
		background-size: 200px 200px, auto 10px;
	}
}
@media only screen and (min-width: 1200px) {
	.testimonial_inner {
		padding: 0 30% 0 15%;
		font-size: 150%;
		line-height: 150%;
	}
	.testimonial_inner.services {
		padding: 0;
		margin: 0 0 20px 0;
		font-size: 100%;
		line-height: 1.5;
	}
	.testimonial_inner span {
		font-size: 16px;
		line-height: 16px;
	}
	.section.testimonials {
		background-size: 250px 250px, auto 10px;
	}
}
@media only screen and (min-width: 1800px) {
	.testimonial_inner {
		padding: 0 30% 0 15%;
		font-size: 160%;
		line-height: 160%;
	}
	.testimonial_inner.services {
		padding: 0;
		margin: 0 0 30px 0;
		font-size: 100%;
		line-height: 1.5;
	}
	.testimonial_inner span {
		font-size: 18px;
		line-height: 18px;
		
	}
	.section.testimonials {
		background-size: 300px 300px, auto 10px;
	}
}
/* --- 4.7 News --- */
.section.news {
	background-image: url("images/tear-white-grey.svg");
}
.news ul {
	padding: 0;
	list-style: none;
}
.news ul li {
	box-sizing: border-box;
	float: left;
	transition: 0.3s all;
}
.post-BearesPicturePerfect2021,
.post-BearesBringItHome2021,
.post-BearesTakeTwo2021,
.post-BearesFullHouse2021,
.post-INspirebyBeares2021 {
    display: none;
}
.section.news a {
	color: #66C9BA
}
.section.news a:hover {
	color: #F5CE3E
}
.news_thumb {
	background-color: #e9eef1;
	background-position: center center;
}
/* --- 4.7 News Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.news  {
		padding: 40px 0;
	}
	.news ul {
		margin: 0;
	}
	.news ul li {
		width: 100%;
		padding: 0;
		margin: 0 ;
	}
	.news_inner {
		padding: 10px 0;
		font-size: 13px;
		line-height: 18px;
	}
	.news_thumb {
		border-radius: 0 100px 0 0;
		height: 200px;
	}
}
@media only screen and (min-width: 700px) {
	.section.news  {
		padding: 60px 0 30px 0;
	}
	.news ul {
		margin: 0 -30px;
	}
	.news ul li {
		width: 50%;
		padding:0 30px;
		margin: 0 0 30px 0;
	}
	.news ul li h3 {

	}
	.news_inner {
		padding: 30px 0;
		font-size: 13px;
		line-height: 18px;
		height: 150px
	}
	.news_thumb {
		border-radius: 0 100px 0 0;
		height: 300px;
	}
}
@media only screen and (min-width: 900px) {
	.section.news  {
		padding: 80px 0 40px 0;
	}
	.news ul {
		margin: 0 -30px;
	}
	.news ul li {
		width: 33.333%;
		padding:0 30px;
		margin: 0 0 30px 0;
	}
	.news ul li h3 {
		height: 55px
	}
	.news_inner {
		padding: 30px 0;
		font-size: 13px;
		line-height: 18px;
		height: 200px
	}
	.news_thumb {
		border-radius: 0 100px 0 0;
		height: 300px;
	}
}
@media only screen and (min-width: 1200px) {
	.section.news  {
		padding: 100px 0 50px 0;
	}
	.news ul {
		margin: 0 -40px;
	}
	.news ul li {
		width: 33.333%;
		padding:0 40px;
		margin: 0 0 40px 0;
	}
	.news ul li h3 {
		height: 55px
	}
	.news_inner {
		padding: 30px 0;
		font-size: 15px;
		line-height: 20px;
		height: 300px;
	}
	.news_thumb {
		border-radius: 0 100px 0 0;
		height: 350px;
	}
}
@media only screen and (min-width: 1800px) {
	.section.news  {
		padding: 120px 0 60px 0;
	}
	.news ul {
		margin: 0 -60px;
	}
	.news ul li {
		width: 33.333%;
		padding:0 60px;
		margin: 0 0 60px 0;
	}
	.news ul li h3 {
		height: 65px
	}
	.news_inner {
		padding: 40px 0;
		font-size: 17px;
		line-height: 22px;
		height: 300px;
	}
	.news_thumb {
		border-radius: 0 100px 0 0;
		height: 400px;
	}
	
}
/* --- 4.8 Contact --- */
.section.contact {
	background-color: #E6E6E6;
	background-image: url("images/tear-grey-white.svg");
	position: relative;
	overflow-x: hidden;
}
.detail_icon.kitty {
	background-image: url("images/random_icons/kitty-hawk.svg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	right: -300px;
	top: 30px;
}
.section.contact a {
	color: #66C9BA
}
.section.contact a:hover {
	color: #F5CE3E
}
.social a img {
	float:left;
	transition: 0.3s all;
}
.social a img:hover  {
	transform: scale(1.1);
}
/* --- 4.8 Contact Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.contact {
		padding: 40px 0;
	}
	.social {
		width:100%;
		height: 30px;
		margin: 0 0 40px 0;
	}
	.social a img {
		width: 30px;
		height: 30px;
		margin: 0 10px 0 0;
	}
	.detail_icon.kitty {
		display: none;
	}
}
@media only screen and (min-width: 700px) {
	.social a img {
		width: 30px;
		height: 30px;
		margin: 0 10px 0 0;
	}
	.detail_icon.kitty, .page_detail_icon.kitty {
		width: 250px;
		height: 125px;
	}
}
@media only screen and (min-width: 900px) {
	.social a img {
		width: 30px;
		height: 30px;
		margin: 0 10px 0 0;
	}
	.detail_icon.kitty {
		width: 250px;
		height: 125px;
	}
}
@media only screen and (min-width: 1200px) {
	.social a img {
		width: 40px;
		height: 40px;
		margin: 0 15px 0 0;
	}
	.detail_icon.kitty, .page_detail_icon.kitty {
		width: 300px;
		height: 150px;
	}
}
@media only screen and (min-width: 1800px) {
	.social a img {
		width: 50px;
		height: 50px;
		margin: 0 20px 0 0;
	}
	.detail_icon.kitty, .page_detail_icon.kitty {
		width: 350px;
		height: 175px;
	}
}
/* --- 5. Images --- */
/* GALLERIES */
.gallery-item img {
	width: 100%;
	height: auto
}
.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, .gallery-item.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, .gallery-item.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, .gallery-item.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
.gallery-item {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

.gallery .gallery-item img {max-width:100%; height:auto; margin:0 auto; display:block!important;}

.gallery .gallery-item {float:left; margin:0 2% 1em 0!important;}

.gallery.gallery-columns-1 .gallery-item {width:100%; margin:0 0 1em 0; float:none!important;}

.gallery.gallery-columns-3 .gallery-item {width:32%!important;}
.gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {margin-right:0!important;}
.gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+4) {clear:left!important;}

.gallery.gallery-columns-2 .gallery-item {width:49%!important;}
.gallery.gallery-columns-2 .gallery-item:nth-of-type(even) {margin-right:0!important;}
.gallery.gallery-columns-2 .gallery-item:nth-of-type(odd) {clear:left!important;}

.gallery.gallery-columns-4 .gallery-item {width:23.25%!important;}
.gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {margin-right:0!important;}
.gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+5) {clear:left!important;}

.gallery.gallery-columns-5 .gallery-item {width:18%!important;}
.gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {margin-right:0!important;}
.gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+6) {clear:left!important;}

.gallery.gallery-columns-6 .gallery-item {width:14.2%!important;}
.gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {margin-right:0!important;}
.gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+7) {clear:left!important;}

.gallery.gallery-columns-7 .gallery-item {width:12%!important;}
.gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {margin-right:0!important;}
.gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+8) {clear:left!important;}

.gallery.gallery-columns-8 .gallery-item {width:10.2%!important;}
.gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {margin-right:0!important;}
.gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+9) {clear:left!important;}

.gallery.gallery-columns-9 .gallery-item {width:8.85%!important;}
.gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {margin-right:0!important;}
.gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+10) {clear:left!important;}

@media (max-width:699px) {
	img.alignright, div.alignright, .gallery-item.alignright, img.alignleft, div.alignleft, .gallery-item.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-6 .gallery-item, .gallery.gallery-columns-7 .gallery-item, .gallery.gallery-columns-8 .gallery-item, .gallery.gallery-columns-9 .gallery-item {width:100%; margin:0 0 1em 0; float:none;}
}

/* --- 6. Single --- */
/* --- 6.1 News --- */
.featured_image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #efefef;
	width: 100%;
}
/* --- 6.1 News Media Queries --- */
@media only screen and (max-width: 699px) {
	.featured_image {
		height: 100px;
		margin: 0 0 20px 
	}
}
@media only screen and (min-width: 700px) {
	.featured_image {
		height: 200px;
		margin: 0 0 30px 
	}
}
@media only screen and (min-width: 1200px) {
	.featured_image {
		height: 300px;
		margin: 0 0 40px 
	}
}
@media only screen and (min-width: 1800px) {
	.featured_image {
		height: 400px;
		margin: 0 0 50px 0;
	}
}

/* --- 6.2 Portfolio --- */
.portfolio_meta {
	background-repeat: no-repeat;
	display: table;
	color: #777777
}
.portfolio_meta_inner {
	display: table-cell;
	vertical-align: middle
}
.portfolio_meta.comment {
	background-image: url("images/comment-icon.svg");
}
.portfolio_meta.clients {
	background-image: url("images/client-icon.svg")
}
.portfolio_meta.industries {
	background-image: url("images/industry-icon.svg")
}
.portfolio_meta.url {
	background-image: url("images/url-icon.svg")
}
.portfolio_meta.description {
	background-image: url("images/info-icon.svg")
}
.portfolio_galley_main_image ul {
	width: 100%;
	list-style: none;
	background-color: #efefef;
	margin: 0;
}
.portfolio_galley_main_image ul li {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.portfolio_galley_thumbnails ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.portfolio_galley_thumbnails ul li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	float: left;
}
.video_iframe {
	width: 100%;
	background-color: #FFFFFF;
}
/* --- 6.2 Portfolio Media Queries --- */
@media only screen and (max-width: 699px) {
	.portfolio_meta {
		width: 100%;
		background-position: left top;
		background-size: 30px 30px;
		padding: 40px 0 20px 0;
	}
	.portfolio_meta.clients, .portfolio_meta.industries, .portfolio_meta.url, .portfolio_meta.comment {
		font-size: 110%;
		line-height: 120%;
	}
	.portfolio_galley_thumbnails {
		margin-bottom: 30px;
		border-bottom: 1px dotted #CCCC;
		width: 100%;
	}
	.portfolio_galley_main_image ul li {
		height: 200px;
	}
	.video_iframe {
		height: 200px;
	}
	.portfolio_meta p {
		margin: 0 0 10px 0;
	}
	.portfolio_galley_thumbnails ul, .bx-pager_holder {
		width: 100%
	}
	.bx-pager_holder {
		overflow-x: hidden
	}
	.portfolio_galley_thumbnails ul li {
		margin: 0 2% 10px 0;
		padding: 0;
		height: 100px;
		width: 23%;
	}
	
}
@media only screen and (min-width: 700px) {
	.portfolio_meta {
		background-position: left center;
		background-size: 25px 25px;
		padding: 15px 0 15px 35px;
	}
	.portfolio_meta.clients, .portfolio_meta.industries, .portfolio_meta.url, .portfolio_meta.comment {
		font-size: 120%;
		line-height: 130%;
	}
	.portfolio_galley_main_image ul li, .video_iframe {
		height: 250px;
	}
	.portfolio_meta p {
		margin: 0 0 10px 0;
	}
	.portfolio_galley_thumbnails ul li {
		margin: 10px 10px 10px 0;
		height: 80px;
		width: 80px;
		padding: 0
	}
	.portfolio_galley_thumbnails ul li a {
		display: block;
		height: 80px;
		width: 80px;
	}
}
@media only screen and (min-width: 1000px) {
	.portfolio_galley_main_image ul li, .video_iframe {
		height: 300px;
	}
}
@media only screen and (min-width: 1200px) {
	.portfolio_meta {
		background-position: left center;
		background-size: 35px 35px;
		
	}
	.portfolio_meta.clients, .portfolio_meta.industries, .portfolio_meta.url, .portfolio_meta.comment {
		font-size: 130%;
		line-height: 140%;
		padding: 20px 0 20px 50px;
	}
	.portfolio_meta.description {
		padding: 20px 0 20px 50px;
	}
	.portfolio_galley_main_image_holder {
		padding: 40px;
		border-radius: 0 80px 0 0
	}
	.portfolio_galley_main_image ul li, .video_iframe {
		height: 350px;
	}
	.portfolio_meta p {
		margin: 0 0 15px 0;
	}
	.portfolio_galley_thumbnails ul li {
		margin: 20px 20px 20px 0;
		height: 100px;
		width: 100px;
		padding: 0;
	}
	.portfolio_galley_thumbnails ul li a {
		display: block;
		height: 100px;
		width: 100px;
	}
}
@media only screen and (min-width: 1800px) {
	.portfolio_meta {
		background-position: left center;
		background-size: 40px 40px;
	}
	.portfolio_meta.clients, .portfolio_meta.industries, .portfolio_meta.url, .portfolio_meta.comment {
		font-size: 140%;
		line-height: 150%;
		padding: 30px 0 30px 60px;
	}
	.portfolio_meta.description {
		padding: 30px 0 30px 60px;
	}
	.portfolio_galley_main_image ul li, .video_iframe {
	 	height: 400px;
	}
	.portfolio_meta p {
		margin: 0 0 20px 0;
	}
	.portfolio_galley_thumbnails ul li {
		margin: 30px 30px 30px 0;
		height: 120px;
		width: 120px;
		padding: 0
	}
	.portfolio_galley_thumbnails ul li a {
		display: block;
		height: 120px;
		width: 120px;
	}
}
@media only screen and (min-width: 2000px) {
	.portfolio_galley_main_image ul li, .video_iframe {
	 	height: 450px;
	}
}

/* --- 6.3 People --- */
.section.people {
	background-image: url("images/tear-white-grey.svg");
}

/* --- 6.3 People Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.people  {
		padding: 10px 0 0 0;
	}
}
@media only screen and (min-width: 700px) {
	.section.people  {
		padding: 10px 0 0 0;
	}

}
@media only screen and (min-width: 1200px) {
	.section.people  {
		padding: 20px 0 0 0;
	}
}
@media only screen and (min-width: 1800px) {
	.section.people  {
		padding: 30px 0 0 0;
	}
}

/* --- 7. Pages --- */

/* --- 8. Archives --- 
*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #FFF;
    text-decoration:none;
	font-size: 80%;
}
.navigation ul  {
	margin: 0!important;
	padding: 0!important;
}
 
.navigation li {
    float: left;
	width: auto!important;
	padding: 0 15px 0 0!important;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #66C9BA;
    border-radius: 0 15px 0 0;
    cursor: pointer;
    padding: 6px 12px;
	color: #FFF!important
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #F5CE3E;
}
.navigation li.next_prev a {
	border-radius: 0!important;
	background: none!important;
	color: #66C9BA!important
}
.navigation li.next_prev a:hover {
	color: #F5CE3E!important
}

/* --- 8 Archive Media Queries --- */
@media only screen and (max-width: 699px) {
	.section.archive  {
			padding: 10px 0 0 0;
	}
}
@media only screen and (min-width: 700px) {
	.section.archive  {
			padding: 10px 0 0 0;
	}
}
@media only screen and (min-width: 1200px) {
	.section.archive  {
			padding: 20px 0 0 0;
	}
}
@media only screen and (min-width: 1800px) {
	.section.archive {
			padding: 30px 0 0 0;
	}
}

/* --- 9. Footer --- */
.footer {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}
.footer_copy {
	color: #999;
}
.logo_footer {
	opacity: 0.6;
	transition: 0.3s all;
}
.logo_footer:hover {
	opacity: 1;
	transform: scale(1.1);
}

/* --- 9. Footer Media Queries --- */
@media only screen and (max-width: 699px) {
	.footer {
		height: 130px;
	}
	.logo_footer {
		width: 100%;
		height: 60px;
		margin: 20px 0;
		text-align: center
	}
	.logo_footer img {
		width: auto;
		height: 60px;
	}
	.footer_copy {
		text-align: center;
		font-size: 10px;
		padding: 0 10%
	}
}
@media only screen and (min-width: 700px) {
	.footer {
		height: 130px;
	}
	.logo_footer img {
		width: 100px;
		height: auto;
	}
	.logo_footer {
		position: absolute;
		width: 100px;
		top: 20px;
		left: 0
	}
	.footer_copy {
		font-size: 10px;
		top: 35px;
		position: absolute;
		text-align: center;
		right: 0;
		left: 0
	}
}
@media only screen and (min-width: 900px) {
	.footer {
		height: 130px;
	}
	.logo_footer img {
		width: 100px;
		height: auto;
	}
	.logo_footer {
		width: 100px;
		top: 20px;
		left: 0
	}
	.footer_copy {
		font-size: 11px;
		top: 35px;
	}
}
@media only screen and (min-width: 1200px) {
	.footer {
		height: 150px;
	}
	.logo_footer img {
		width: 120px;
		height: auto;
	}
	.logo_footer {
		width: 120px;
		top: 20px;
		left: 0
	}
	.footer_copy {
		font-size: 11px;
		top: 40px;
	}
}
@media only screen and (min-width: 1800px) {
	.footer {
		height: 180px;
	}
	.logo_footer img {
		width: 130px;
		height: auto;
	}
	.logo_footer {
		width: 130px;
		top: 25px;
		left: 0
	}
	.footer_copy {
		font-size: 12px;
		top: 50px;
	}
}

/* --- 10. Details Icons --- */
.page_detail_icon {
	position: absolute;
	z-index: 97;
	transition: 1s all;
	left: -400px;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: left bottom
	
}
.page_detail_icon.bottom {
	background-image: url( "images/random_icons/bottom-2.svg");
	background-size: contain;
}
.page_detail_icon.curie {
	background-image: url( "images/random_icons/chameleon.svg");
	background-size: 80%;
	
}
.page_detail_icon.kitty {
	background-image: url( "images/random_icons/kitty-hawk-2.svg");
	background-size: contain;
}
.page_detail_icon.kite {
	background-image: url( "images/random_icons/kite.svg");
	background-size: contain;
}
.page_detail_icon.bicycle {
	background-image: url( "images/random_icons/bicycle.svg");
	background-size: contain;
}
.page_detail_icon.apple {
	background-image: url( "images/random_icons/apple.svg");
	background-size: contain;
}
.page_detail_icon.music {
	background-image: url( "images/random_icons/music.svg");
	background-size: contain;
}
.page_detail_icon.hat {
	background-image: url( "images/random_icons/hat.svg");
	background-size: contain;
}
.page_detail_icon.birds {
	background-image: url( "images/random_icons/bird.svg");
	background-size: contain;
}