/* ---------------------------------------------------------------------------------------------

	1.	Document Setup
	2.	Header Menu
	3.	Homepage Hero & Featured Content
	4.	Hero Image, Hero Slider, Page Title, Subheader Navigation
	5.	Stripe Sections
	6.	Picture Boxes
	7.	Icon Boxes
	8.	Stages
	9.	Feature List
	10.	Fancy Image
	11.	Fancy Icon
	12.	Round Thumbnails
	13.	Carousel Plugin
	14.	Info Box
	15.	Standard Gallery
	16.	Gallery: Simple Metro Style
	17.	Preview Image List (Image Grid)
	18.	Testimonials
	19.	Staff
	20.	Tabs
	21.	Accordion / Toggle
	22.	Stat Data
	23.	Blog
	24.	Pagination
	25.	Single Post
	26.	News & Client Stories
	27.	Twitter Feed
	28.	Flickr Photostream
	29.	Standard Table
	30.	Pricing Table
	31.	Preview Image Overlay & Lightbox Overlay
	32.	Forms
	33.	Contact Info & Google Map
	34.	Sidebar
	35.	Footer
	36.	Typography
	37.	Other Elements and Misc.

*/


/*-----------------------------------------------------------------------------------*/
/*	1. Document Setup
/*-----------------------------------------------------------------------------------*/

@media (min-width: 1921px) {
	body {
		width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 992px) {
	body {
		position: relative;
		background-image: url(../images/backgrounds/body-bg.jpg);
		background-repeat: repeat-y;
		background-attachment: fixed;
	}
	body.touch-screen {
		background-attachment: scroll;
	}
}

/* adjust body background appearance at the page's right side */
@media (min-width: 1520px) { /* screen width 1600px, 1680px, 1920px */
	body {
		background-position: right calc(50vw - 970px) top; /* 920px = 1320px/2 + 260px */
	}
}
@media (min-width: 1360px) and (max-width: 1519px) { /* screen width: 1360px, 1366px, 1440px */
	body {
		background-position: right calc(50vw - 930px) top; /* 880px = 1170px/2 + 295px */
	}
}
@media (min-width: 1200px) and (max-width: 1359px) { /* screen width: 1280px */
	body {
		background-position: right -300px top;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { /* screen width: 1024px */
	body {
		background-position: right -350px top;
	}
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4;
	background: url(../images/backgrounds/primary-color/sky-blue/dots-bg.svg) no-repeat top 100px right 30px;
}
#header .container {
	min-height: 130px; /* For customizing this property, use custom.css */
}
#header.extended .container {
	min-height: 144px; /* For customizing this property, use custom.css */
}
#main {
	position: relative;
	z-index: 1;
}

#page-content {
	position: relative;
	padding: 0;
	overflow: hidden;
}

/* Page layout with sidebar
--------------------------------------------------- */
#page-content.sidebar-layout {
	padding-top: 110px;
}
#main-content {
	margin-bottom: 110px;
}
@media (min-width: 768px) {
	.contact-page .contact-info.columns {
		float: right;
	}
}
@media (min-width: 992px) {
	#sidebar.page-right-col.columns,
	.single-post-details.columns {
		float: right;
	}
}
@media (min-width: 1520px) { /* screen width 1600px, 1680px, 1920px */
	#header .container {
		width: 100%;
		padding-left: 70px;
		padding-right: 40px;
	}
	#main-content.page-left-col.columns,
	.contact-page .stripe-contact-details .col-sm-7 {
		padding-right: 35px;
	}
	#page-content.sidebar-layout {
		padding-top: 125px;
	}
	#main-content {
		margin-bottom: 125px;
	}
	
	/* width 330px */
	#sidebar.page-right-col.columns,
	.single-post-details.columns,
	.contact-page .contact-info.columns,
	.contact-page .stripe-contact-details .col-sm-5 {
		padding-left: 95px;
	}
}
@media (min-width: 1850px) {
	#header {
		background-position: top 55px left 33%; /* dots-bg.svg */
	}
	#header.extended {
		background-position: top 70px left 33%;
	}
}
@media (max-width: 1849px) {
	#header.extended {
		background: none;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) { /* screen width: 1280px, 1360px, 1366px, 1440px */
	#main-content.page-left-col.columns,
	.contact-page .stripe-contact-details .col-sm-7 {
		padding-right: 15px;
	}
	
	/* width 300px */
	#sidebar.page-right-col.columns,
	.single-post-details.columns,
	.contact-page .contact-info.columns,
	.contact-page .stripe-contact-details .col-sm-5 {
		padding-left: 75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { /* screen width: 1024px */
	#page-content.sidebar-layout {
		padding-top: 100px;
	}
	#main-content.page-left-col.columns {
		padding-right: 32px;
	}
	.contact-page #main-content.page-left-col.columns,
	.contact-page .stripe-contact-details .col-sm-7 {
		padding-right: 62px;
	}
	
	/* width 280px */
	#sidebar.page-right-col.columns,
	.single-post-details.columns,
	.contact-page .contact-info.columns,
	.contact-page .stripe-contact-details .col-sm-5 {
		padding-left: 28px;
	}
}
@media (max-width: 991px) {
	#header .container,
	#header.extended .container {
		/* For customizing this property, use custom.css */
		height: 115px; /* fallback */
		min-height: 115px; /* 115px = 55px (theme's default logo height) + 30px*2 (margins: top and bottom) */
	}
}
@media (min-width: 571px) and (max-width: 991px) {
	#header {
		background-position: top 85px right 7px; /* dots-bg.svg */
	}
}
@media (min-width: 768px) and (max-width: 991px) { /* screen width: 768px */
	#page-content.sidebar-layout {
		padding-top: 100px;
	}
	.contact-page #main-content.page-left-col.columns,
	.contact-page .stripe-contact-details .col-sm-7 {
		padding-right: 65px;
	}
	
	/* width 298px */
	.contact-page .contact-info.columns,
	.contact-page .stripe-contact-details .col-sm-5,
	.contact-page #sidebar.page-right-col.columns {
		padding-left: 0;
	}
}
@media (max-width: 767px) {
	#page-content.sidebar-layout {
		padding-top: 80px;
	}
	#main-content {
		margin-bottom: 70px;
	}
}
@media (max-width: 570px) {
	#header {
		background: none !important;
	}
}

/* Logo
--------------------------------------------------- */
#logo {
	position: absolute;
	left: 15px;
	top: 0;
	height: 100%;
}
#logo > a {
	position: relative;
	display: block;
	width: 185px; /* The width of theme's default logo image. Set the width of your logo in custom.css */
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
#logo .high-dpi {
	display: none;
}

/* for high-resolution devices */
@media (-webkit-min-device-pixel-ratio: 1.5),
	   (-o-min-device-pixel-ratio: 3/2),
	   (min-resolution: 1.5dppx),
	   (min-resolution: 144dpi) {
	#logo .normal-dpi {
		display: none;
	}
	#logo .high-dpi {
		display: block;
	}
}

@media (min-width: 1520px) {
	#logo {
		left: 70px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	2. Header Menu
/*-----------------------------------------------------------------------------------*/

#navigation {
	float: right;
	margin-top: 40px; /* For customizing this property, use custom.css */
}
#header.extended #navigation {
	margin-top: 12px; /* For customizing this property, use custom.css */
}
#primary-nav {
	float: right;
	margin-bottom: 30px;
}
#primary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary-nav ul a {
	display: block;
	position: relative;
}
#primary-nav > ul > li > a {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: -0.2px;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 18px;
}
#primary-nav > ul > li:not(.button-item) > a {
	height: 44px;
}
#primary-nav ul li {
	position: relative;
	margin: 0;
}
#primary-nav > ul > li {
	float: left;
}
#primary-nav > ul > li:not(.button-item):last-child > a {
	padding-right: 0;
}
#primary-nav > ul > li:not(.button-item) > a:hover,
#primary-nav > ul > li:not(.button-item).sfHover > a {
	color: #cfdee5;
}
#primary-nav > ul > li:not(.button-item).current-menu-item > a,
#primary-nav > ul > li:not(.button-item).top-current-menu-ancestor > a,
#primary-nav > ul > li:not(.button-item).current-menu-item > a:hover,
#primary-nav > ul > li:not(.button-item).top-current-menu-ancestor > a:hover {
	color: #faca7d;
}
#primary-nav > ul > li.button-item > a {
	color: #fff;
	background-color: #6b9bb3;
	margin: 0 12px;
	padding: 8px 13px;
}
#primary-nav > ul > li.button-item:last-child > a {
	margin-right: 0;
}
#primary-nav > ul > li.button-item > a:hover,
#primary-nav > ul > li.button-item.sfHover > a {
	color: #fff;
	background-color: rgba(107, 155, 179, 0.8); /* #6b9bb3 */
}

#primary-nav ul ul {
	position: absolute;
	top: -999em;
	width: 170px; /* left offset of submenus need to match (see below) */
	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    		box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
	z-index: 2;
}
#primary-nav ul ul a {
	padding: 6px 24px;
	text-transform: none;
	overflow: hidden;
}
.js #primary-nav ul ul {
	width: auto;
	min-width: 160px;
}
.js #primary-nav ul ul a {
	white-space: nowrap;
}
#primary-nav ul ul li:not(.sf-mega-section) {
	width: 100%;
	background-color: #fff;
}

/* Item's bottom divider */
#primary-nav ul ul li.bottom-divider {
	padding-bottom: 6px;
}
#primary-nav ul ul li.bottom-divider::after {
	position: absolute;
	bottom: 0;
	left: 18px;
	right: 18px;
	height: 0;
	content: "";
	border-bottom: 1px dashed #ccc;
}
#primary-nav ul ul li.bottom-divider + li {
	padding-top: 6px;
}

#primary-nav > ul > li > ul > li:first-child {
	border-top: 1px solid #eaeaea;
}
#primary-nav ul ul li:first-child {
	padding-top: 10px;
}
#primary-nav ul ul li:last-child {
	padding-bottom: 10px;
}
#primary-nav ul ul li a {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #507385;
}
#primary-nav ul ul li a:hover,
#primary-nav ul ul li.current-menu-item a:hover,
#primary-nav ul ul li.sfHover > a {
	color: #384b54;
	background-color: rgba(131, 156, 168, 0.1); /* #839ca8 */
}
#primary-nav ul ul li.current-menu-item > a,
#primary-nav ul ul li.current-menu-item > a:hover,
#primary-nav ul ul li.current-menu-ancestor > a {
	color: #266484;
	background-color: rgba(107, 155, 179, 0.2); /* #6b9bb3 */
}

/* 3rd level */
#primary-nav ul ul ul {
	width: 170px;
}
.js #primary-nav ul ul ul {
	width: auto;
	min-width: 160px;
}
#primary-nav ul ul li:not(.sf-mega-section) ul {
	-webkit-box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.15);
    		box-shadow: -1px 5px 10px rgba(0, 0, 0, 0.15);
}
#primary-nav ul ul li:not(.sf-mega-section) li {
	background-color: #fff;
	background-image: -webkit-linear-gradient(left, rgba(131, 156, 168, 0.1), rgba(131, 156, 168, 0.1));
	background-image: -o-linear-gradient(left, rgba(131, 156, 168, 0.1), rgba(131, 156, 168, 0.1));
	background-image: linear-gradient(to right, rgba(131, 156, 168, 0.1), rgba(131, 156, 168, 0.1)); /* #839ca8 */
}

/* Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	left: 0;
	top: 43px; /* match top ul list item height - 1px */
}

/* Hide all subs subs (3 levels deep) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul {
	top: -999em;
}

/* Display all subs subs (3 levels deep) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul {
	left: 170px; /* match ul width */
	top: 0;
	z-index: 2;
}
#primary-nav ul li li.bottom-divider + li:hover > ul,
#primary-nav ul li li.bottom-divider + li.sfHover > ul,
#primary-nav ul li li li.bottom-divider + li:hover > ul,
#primary-nav ul li li li.bottom-divider + li.sfHover > ul {
	top: 1px;
}

/* Submenu arrows */
#primary-nav .sf-arrows > li:not(.button-item) > .sf-with-ul::after { /* top level */
	font-family: Ionicons;
	font-size: 15px;
	line-height: 1;
	color: #a3b6bf;
	content: "\f35f";
	padding-left: 6px;
	vertical-align: -1px;
}
#primary-nav .sf-arrows > li:not(.button-item) > .sf-with-ul:hover::after,
#primary-nav .sf-arrows > li:not(.button-item).sfHover > .sf-with-ul::after {
	color: #839ca8;
}
#primary-nav .sf-arrows ul .sf-with-ul::after { /* 2nd level */
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -7px;
	font-family: Ionicons;
	font-size: 15px;
	line-height: 1;
	color: #839ca8;
	content: "\f363";
}
#primary-nav .sf-arrows ul .sf-with-ul:hover::after,
#primary-nav ul ul li.sfHover > .sf-with-ul::after {
	color: #fab23c;
}
#primary-nav ul ul .sf-with-ul {
	padding-right: 40px;
}

/* Megamenu
--------------------------------------------------- */
#primary-nav > ul {
	position: relative;
}
#primary-nav .sf-mega-parent {
	position: static;
}
#primary-nav .sf-mega {
	position: absolute;
	left: 0;
	top: -999em;
	max-width: 1036px;
	padding: 20px 28px;
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    		box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
	z-index: 2;
}
#primary-nav .sf-mega > .sub-menu {
	display: table;
	width: 100%;
}
#primary-nav ul li:hover .sf-mega {
	top: 43px; /* match top ul list item height - 1px */
}
#primary-nav .sf-mega-section {
	position: static;
	display: table-cell;
	min-width: 150px;
	padding-left: 30px;
}
#primary-nav .sf-mega-section:first-child {
	min-width: 120px;
	padding-left: 0;
}
#primary-nav .sf-mega-section ul {
	position: static;
	display: block !important;
	opacity: 1 !important;
	margin-left: -12px;
}
#primary-nav .sf-mega-section h6 {
	font-size: 18px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 2px solid rgba(250, 202, 125, 0.5); /* #faca7d */
}
#primary-nav .sf-mega-section:first-child h6 {
	margin-left: 0;
	padding-left: 0;
}
#primary-nav .sf-mega-section.title-merged h6 {
	margin-left: -30px;
	padding-left: 30px;
	text-indent: -999em;
}
#primary-nav .sf-mega ul {
	position: static;
	top: auto;
	width: auto !important;
	min-width: 0 !important;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#primary-nav .sf-mega .sf-mega-section li {
	width: auto;
	height: auto;
	background-color: transparent;
}
#primary-nav .sf-mega a {
	position: static;
	height: auto;
	padding: 4px 12px;
	overflow: visible;
	white-space: normal !important;
}
#primary-nav .sf-mega .sf-mega-section li.current-menu-item > a {
	color: #266484;
	background-color: rgba(107, 155, 179, 0.2); /* #6b9bb3 */
}

/* Sticky menu
--------------------------------------------------- */
@media (min-width: 992px) {
	body.sticky-menu-active #header {
		position: fixed;
		/* "top" = sticky header height:
		   44px (#primary-nav height) + 25px ("sticky" #navigation margin-top) + 15px ("sticky" #primary-nav margin-bottom)
		   The adjustStickyMenu JS function (custom.js) overrides #header's "top" property.
		*/
		top: -84px;
		background: rgba(56, 75, 84, 0.9); /* #384b54 */
		-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
		        box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
	}
	body.sticky-menu-active #header .container,
	body.sticky-menu-active #header.extended .container {
		min-height: 0;
	}
	body.sticky-menu-active #navigation,
	body.sticky-menu-active #header.extended #navigation {
		margin-top: 25px;
	}
	body.sticky-menu-active #secondary-nav {
		display: none;
	}
	body.sticky-menu-active #primary-nav {
		margin-bottom: 15px;
	}
	body.sticky-menu-active #logo > a {
		width: auto;
	}
	body.sticky-menu-active #logo img {
		max-height: 55px; /* The height of theme's default logo image. Set the max-height of your logo (for "sticky" header) in custom.css */
	}
}

/* Mobile side menu
--------------------------------------------------- */

/* Mobile menu toggle */
#mobile-nav-toggle {
	display: none;
	float: right;
	margin: 0 -10px 0 40px;
}
#mobile-menu-button {
	display: block;
	padding: 0 10px;
}
#mobile-menu-button .fa { /* vector icons - Font Awesome */
	font-size: 24px;
	line-height: 40px;
	color: #a3b6bf;
	-webkit-transition: color 0.15s ease;
	     -o-transition: color 0.15s ease;
	        transition: color 0.15s ease;
}
#mobile-menu-button:hover .fa {
	color: #cfdee5;
}

/* Mobile menu close button */
#mobile-menu-close {
	display: inline-block;
	float: right;
	padding: 5px 10px;
}
#mobile-menu-close .fa { /* vector icons - Font Awesome */
	font-size: 16px;
	color: #cfdee5;
}
#mobile-menu-close:hover .fa {
	color: #e5e5e5;
}

/* Side menu */
.sidr {
	display: none;
	position: fixed;
	top: 0;
	right: -420px;
	height: 100%;
	width: 100%;
	max-width: 420px;
	overflow-x: visible;
	overflow-y: auto;
	z-index: 100002;
	background-color: #507385;
}
.sidr .sidr-inner {
	padding: 15px 20px;
}
.sidr .sidr-inner:first-child {
	padding: 5px 15px 5px 20px;
	background-color: #6b9bb3;
}
.sidr ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidr ul a,
.sidr .sidr-class-sf-mega-section h6 {
	display: block;
	position: relative;
	padding: 0 5px;
	margin: 0;
}
.sidr ul li,
.sidr .sidr-class-sf-mega-section {
	margin: 0;
	background-color: #507385;
	border-top: 1px dotted #839ca8;
}
.sidr > .sidr-inner > ul > li:first-child {
	border-top: none;
}
.sidr ul li a,
.sidr .sidr-class-sf-mega-section h6 {
	font-size: 17px;
	font-weight: normal;
	line-height: 50px;
	color: #e5e5e5;
}
.sidr > .sidr-inner > ul > li > a {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}
.sidr ul li.sidr-class-current-menu-item > a,
.sidr ul ul li.sidr-class-current-menu-item a::before,
.sidr ul li.sidr-class-current-menu-ancestor > a,
.sidr ul ul li.sidr-class-current-menu-ancestor > a::before {
	color: #f7deb5;
}
#sidr-id-main-menu > li > ul > li > a,
.sidr .sidr-class-sf-mega-section h6 {
	padding-left: 30px;
	padding-top: 13px;
	padding-bottom: 13px;
	line-height: 24px;
}
#sidr-id-main-menu > li > ul > li > ul > li a,
.sidr .sidr-class-sf-mega-section .sidr-class-sub-menu a {
	font-size: 16px;
	padding-left: 60px;
	padding-top: 13px;
	padding-bottom: 13px;
	line-height: 24px;
}

/* Marker for submenu item */
.sidr .sidr-class-sub-menu a::before,
.sidr .sidr-class-sf-mega-section h6::before {
	position: absolute;
	left: 20px;
	top: 13px;
	font-size: 10px;
	line-height: 24px;
	content: "-";
}
.sidr ul ul .sidr-class-sub-menu a::before {
	left: 50px;
}

/* Submenu arrows */
.sidr .dropdown-toggle {
	position: absolute;
	display: block;
	top: 11px;
	right: 0;
	width: 28px;
	height: 28px;
	line-height: 18px;
	background-color: rgba(56, 75, 84, 0.7); /* #384b54; */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	padding: 5px 0;
	text-align: center;
}
.sidr .dropdown-toggle .fa { /* vector icons - Font Awesome */
	font-size: 18px;
	color: #d5d5d5;
}
.sidr .dropdown-toggle:hover .fa {
	color: #f5f5f5;
}
.sidr a.sidr-class-sf-with-ul {
	padding-right: 46px;
}
.sidr .sidr-class-sf-mega-section .dropdown-toggle:hover {
	cursor: pointer;
}

.sidr .sidr-class-sub-menu,
.sidr .sidr-class-sf-mega {
	display: none;
}
.sidr .sidr-class-sf-mega > .sidr-class-sub-menu,
.sidr .sidr-class-top-current-menu-ancestor > .sidr-class-sub-menu,
.sidr .sidr-class-top-current-menu-ancestor > .sidr-class-sf-mega,
.sidr li .sidr-class-current-menu-ancestor > .sidr-class-sub-menu {
	display: block;
}

/* Secondary menu (Header Quick Links) + phone number
--------------------------------------------------- */
#secondary-nav {
	overflow: hidden;
	margin-bottom: 18px;
}
#secondary-nav .quick-links {
	float: right;
}
#secondary-nav .quick-links {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#secondary-nav .quick-links li {
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	font-weight: 400;
	margin: 0 0 0 10px;
}
#secondary-nav .quick-links li:first-child {
	margin-left: 0;
}
#secondary-nav .quick-links .menu-item a {
	display: block;
	color: #a3b6bf;
}
#secondary-nav .quick-links .menu-item a:hover {
	color: #cfdee5;
}
#secondary-nav .quick-links .contact-phone {
	line-height: 33px;
	color: #faca7d;
	margin-left: 20px;
	padding: 0 15px;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 17px;
	        border-radius: 17px;
}
#secondary-nav .quick-links .phone-number {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #cfdee5;
	margin-left: 3px;
}
#secondary-nav .quick-links .phone-number:hover {
	color: #f7deb5;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#primary-nav > ul > li > a {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#primary-nav > ul > li > a {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 992px) {
	#mobile-nav {
		display: none !important;
		right: -420px !important;
	}
}
@media (max-width: 991px) {
	.js #primary-nav,
	.js #secondary-nav .quick-links {
		float: none;
	}
	.js #primary-nav {
		margin-bottom: 0;
	}
	.js #secondary-nav {
		float: right;
		margin: 0;
		overflow: visible;
	}
	.js #navigation {
		position: absolute;
		top: 50%;
		right: 15px;
		min-height: 0;
		float: none;
		-webkit-transform: translate(0, -50%);
	        -ms-transform: translate(0, -50%);
	         -o-transform: translate(0, -50%);
	            transform: translate(0, -50%);
	}
	.js #navigation,
	.js #header.extended #navigation {
		margin-top: 0;
	}
	.js #main-menu {
		display: none;
	}
	.js #header #mobile-nav-toggle {
		display: block;
		margin-top: -10px;
	}
	.js #header.extended #mobile-nav-toggle {
		margin-top: -2px;
	}
}
@media (max-width: 767px) {
	#mobile-nav-toggle {
		margin-left: 30px;
	}
}
@media (max-width: 570px) {
	.js #header #mobile-nav-toggle {
		margin-top: -2px;
	}
	#secondary-nav .quick-links .menu-item {
		display: none;
	}
}
@media (max-width: 479px) {
	#secondary-nav {
		display: none;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	3. Homepage Hero & Featured Content
/*-----------------------------------------------------------------------------------*/

#home-header {
	position: relative;
	/* For customizing this property, use custom.css */
	padding-top: 130px; /* this should match #header .container min-height */
}
#header.extended + #main #home-header {
	/* For customizing this property, use custom.css */
	padding-top: 144px; /* this should match #header.extended .container min-height */
}
#home-header > .stripe-upper-bg {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#home-header > .stripe-upper-bg::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-image: -webkit-linear-gradient(135deg, #384b54, rgba(56, 75, 84, 0.9) 18%, rgba(80, 115, 133, 0.8));
	background-image: -o-linear-gradient(135deg, #384b54, rgba(56, 75, 84, 0.9) 18%, rgba(80, 115, 133, 0.8));
	background-image: linear-gradient(135deg, #384b54, rgba(56, 75, 84, 0.9) 18%, rgba(80, 115, 133, 0.8)); /* #384b54, #507385 */
}

#home-hero-content {
	position: relative;
}
#home-hero-content::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	content: "";
	background-color: #fff;
	background-image: url(../images/backgrounds/pinstriped-bg.png);
	background-position: left top;
	background-repeat: repeat;
	opacity: 0.9;
	z-index: 2;
}
#home-hero-content .content-wrapper {
	position: relative;
	overflow: hidden;
	z-index: 4;
}

#home-hero {
	position: relative;
	z-index: 2;
}
#home-hero .hero-image {
	position: relative;
}
#home-hero .hero-image.shadow {
	-webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.15);
    		box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.15);
}
#home-hero .hero-image img {
	position: relative;
	z-index: 1;
}
#home-hero .hero-image::before { /* image overlay border */
	position: absolute;
	content: "";
	border: 2px solid #eee;
	z-index: 2;
}
#home-hero-content .top-square-wrapper,
#home-hero-content .bottom-square-wrapper {
	position: absolute;
	left: 0;
	right: 0;
}
#home-hero-content .top-square-wrapper {
	z-index: 1;
}
#home-hero-content .bottom-square-wrapper {
	z-index: 3;
}
#home-hero-content .top-square { /* top colored square */
	position: relative;
	left: 100%;
	background-color: #6b9bb3;
}
#home-hero-content .bottom-square { /* bottom colored square */
	position: relative;
	left: 50%;
	background-color: #faca7d;
}

/* Homepage intro
--------------------------------------------------- */
#home-intro {
	position: relative;
	align-self: center;
	z-index: 1;
}
#home-intro::before {
	position: absolute;
	content: "";
	background-color: #f9f9f9;
}
#home-intro .intro-text {
	position: relative;
}
#home-intro .intro-text p {
	margin-bottom: 25px;
}
#home-intro .intro-text p:not(.lead-text-large) {
	line-height: 1.5;
}

/* Homepage featured content
--------------------------------------------------- */
#home-featured-content {
	
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#home-hero-content::before {
		width: calc(50% + 645px); /* 645px = 1320px / 2 - 15px */
	}
	#home-hero {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#home-hero .hero-image {
		margin-right: calc(-8.073vw); /* -155px for 1920px */
	}
	#home-hero .hero-image::before {
		top: 50px;
		left: 50px;
		bottom: 50px;
		right: 50px;
	}
	#home-hero-content .top-square {
		width: 260px;
		height: 260px;
		margin-left: calc(8.073vw - 220px);
		margin-top: 52px;
	}
	#home-hero-content .bottom-square {
		width: 140px;
		height: 140px;
		margin-top: -60px;
	}
	#home-intro {
		height: 645px;
	}
	#home-intro::before {
		top: -180px;
		left: -240px;
		bottom: -180px;
		right: -120px;
	}
	#home-intro .intro-text {
		padding-right: 90px;
	}
	#home-intro .intro-text p {
		margin-bottom: 30px;
	}
}
@media (min-width: 1681px) {
	#home-hero-content .top-square {
		background-color: #adcad9;
	}
}
@media (min-width: 1850px) {
	#home-hero .hero-image {
		width: 477px;
		margin-right: -155px;
	}
	#home-hero-content .top-square {
		width: 300px;
		height: 300px;
		margin-left: -95px;
	}
}
@media (min-width: 1520px) and (max-width: 1680px) {
	#home-hero .hero-image {
		margin-right: -145px;
	}
	#home-hero-content .top-square {
		width: 60px;
		height: 60px;
		margin-left: 35px; /* 30px = -60px - 50px + 145px */
		margin-top: 35px;
	}
	#home-intro::before {
		top: -170px;
		left: -220px;
		bottom: -170px;
		right: -120px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	#home-hero-content::before {
		width: calc(50% + 467px); /* 467px = 1170px / 2 - 15px - (58px + 45px)  */
	}
	#home-hero {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	#home-hero .hero-image {
		margin-left: 30px;
		margin-right: -62px;
	}
	#home-hero .hero-image::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 40px;
	}
	#home-hero-content .top-square {
		width: 80px;
		height: 80px;
		margin-left: -58px; /* -58px = -80px - 40px + 62px */
		margin-top: 37px;
	}
	#home-hero-content .bottom-square {
		width: 140px;
		height: 140px;
		margin-left: 30px;
		margin-top: -70px;
	}
	#home-intro {
		height: 570px;
	}
	#home-intro::before {
		top: -130px;
		left: -135px;
		bottom: -130px;
		right: -125px;
	}
}
@media (min-width: 1360px) and (max-width: 1519px) {
	#home-hero-content::before {
		width: calc(50% + 495px); /* 495px = 1170px / 2 - 15px - (25px + 50px) */
	}
	#home-hero {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#home-hero .hero-image {
		margin-left: 40px;
		margin-right: -105px;
	}
	#home-hero-content .top-square {
		width: 90px;
		height: 90px;
		margin-left: -25px; /* -25px = -90px - 40px + 105px */
		margin-top: 30px;
	}
	#home-hero-content .bottom-square {
		margin-left: 40px;
		margin-top: -60px;
	}
	#home-intro::before {
		top: -135px;
		left: -140px;
		bottom: -135px;
		right: -130px;
	}
}
@media (min-width: 992px) {
	#home-hero-content .content-wrapper .container {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-flex-direction: row-reverse;
				flex-direction: row-reverse;
	}
	#home-hero,
	#home-intro {
		-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
			-ms-flex-positive: 1;
				flex-grow: 1;
	}
	#home-intro::before {
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}
	#home-intro .intro-text {
		top: 50%;
		-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			 -o-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#home-hero-content::before {
		width: calc(50% + 353px); /* 353px = 970px / 2 - 15px - (77px + 50px) */
	}
	#home-hero {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	#home-hero .hero-image {
		margin-left: 20px;
		margin-right: -73px; /* 73px = 43px + 30px (hidden image part from the right side) */
	}
	#home-hero .hero-image::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 70px;
	}
	#home-hero-content .top-square {
		width: 80px;
		height: 80px;
		margin-left: -77px; /* -77px = -80px - 70px + 73px */
		margin-top: 65px;
	}
	#home-hero-content .bottom-square {
		width: 120px;
		height: 120px;
		margin-left: 20px;
		margin-top: -80px;
	}
	#home-intro {
		height: 470px;
	}
	#home-intro::before {
		top: -160px;
		left: -180px;
		bottom: -160px;
		right: -140px;
	}
	#home-intro .intro-text .lead-text-extra-large {
		font-size: 28px;
	}
	#home-intro .intro-text .lead-text-large {
		font-size: 25px;
	}
	#home-intro .intro-text p:not([class*="lead-text-"]) {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	#home-header,
	#header.extended + #main #home-header {
		/* For customizing this property, use custom.css */
		padding-top: 115px; /* this should match #header .container min-height for @media (max-width: 991px) */
	}
	#home-hero-content .bottom-square-wrapper {
		z-index: 5;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#home-hero-content::before {
		width: calc(50% + 219px); /* 219px = 750px / 2 - 15px - (96px + 45px) */
	}
	#home-hero {
		padding-top: 70px;
		padding-bottom: 0;
	}
	#home-hero .hero-image {
		margin-left: 120px;
		margin-right: -24px;
	}
	#home-hero .hero-image::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 40px;
	}
	#home-hero-content .top-square {
		width: 80px;
		height: 80px;
		margin-left: -96px; /* 96px = -80px - 40px + 24px */
		margin-top: 20px;
	}
	#home-hero-content .bottom-square {
		left: 100%;
		width: 100px;
		height: 100px;
		margin-left: -100px;
		margin-top: -50px;
	}
	#home-intro::before {
		top: -100px;
		bottom: 0px;
		left: -136px;
		right: -136px;
	}
	#home-intro .intro-text {
		padding: 70px 0 80px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	#home-hero-content::before {
		width: 330px; /* fallback */
		width: calc(100% - 150px); /* 150px = 40px + 70px + 40px */
	}
	#home-hero {
		padding-top: 60px;
		padding-bottom: 0;
	}
	#home-hero .hero-image {
		margin-left: 110px;
		margin-right: -15px;
	}
	#home-hero .hero-image::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 40px;
	}
	#home-hero-content .top-square {
		width: 70px;
		height: 70px;
		margin-left: -95px; /* 95px = -70px - 40px + 15px */
		margin-top: 20px;
	}
	#home-hero-content .bottom-square {
		left: 100%;
		width: 100px;
		height: 100px;
		margin-left: -100px;
		margin-top: -50px;
	}
	#home-intro::before {
		top: -100px;
		bottom: 0px;
		left: -15px;
		right: -15px;
	}
	#home-intro .intro-text {
		padding: 70px 0 80px;
	}
}
@media (max-width: 479px) {
	#home-hero-content::before {
		width: 200px; /* fallback */
		width: calc(100% - 120px); /* 120px = 30px + 60px + 30px */
	}
	#home-hero {
		padding-top: 40px;
		padding-bottom: 0;
	}
	#home-hero .hero-image {
		margin-left: 25px;
		margin-right: -15px;
	}
	#home-hero .hero-image::before {
		top: 30px;
		left: 30px;
		bottom: 30px;
		right: 30px;
		border-width: 1px;
	}
	#home-hero-content .top-square {
		width: 60px;
		height: 60px;
		margin-left: -75px; /* 75px = -60px - 30px + 15px */
		margin-top: 15px;
	}
	#home-hero-content .bottom-square {
		left: 100%;
		width: 70px;
		height: 70px;
		margin-left: -70px;
		margin-top: -35px;
	}
	#home-intro::before {
		top: -100px;
		bottom: 0px;
		left: -15px;
		right: -15px;
	}
	#home-intro .intro-text {
		padding: 60px 0 80px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	4. Hero Image, Hero Slider, Page Title, Subheader Navigation
/*-----------------------------------------------------------------------------------*/

#hero-content {
	position: relative;
	background-color: #f0f6f9;
	z-index: 1;
}
#hero-content .content-wrapper {
	position: relative;
	/* For customizing this property, use custom.css */
	padding-top: 130px; /* this should match #header .container min-height */
	overflow: hidden;
}
#header.extended + #main #hero-content .content-wrapper {
	/* For customizing this property, use custom.css */
	padding-top: 144px; /* this should match #header.extended .container min-height */
}
#hero-content .content-wrapper::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	content: "";
	background-image: -webkit-linear-gradient(top, #384b54 200px, rgba(80, 115, 133, 0.6));
	background-image: -o-linear-gradient(top, #384b54 200px, rgba(80, 115, 133, 0.6));
	background-image: linear-gradient(to bottom, #384b54 200px, rgba(80, 115, 133, 0.6)); /* #507385 */
}
#hero-content .slide {
	width: 100%;
}
#hero-content.image-bg .hero-banner {
	position: relative;
	z-index: 1;
}
#hero-content.image-bg .hero-banner img {
	position: relative;
	z-index: 1;
}
#hero-content.image-bg .hero-banner::before { /* image overlay border */
	position: absolute;
	content: "";
	border: 2px solid #eee;
	z-index: 2;
}
#hero-content .bottom-square-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#hero-content .bottom-square { /* bottom colored square */
	position: relative;
	float: right;
	width: 120px;
	height: 120px;
	background-color: #faca7d;
}

/* This is used with the subscription form (or call-to-action box) below hero image/slider */
#hero-content.image-bg.hero-subheader-dots {
	background-image: url(../images/backgrounds/dots-bg-pattern.svg);
	background-repeat: repeat;
	background-position: bottom 10px left;
}
#hero-content.image-bg.hero-subheader-dots::before {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-image: -webkit-linear-gradient(bottom, rgba(240, 246, 249, 0) 130px, #f0f6f9 180px);
	background-image: -o-linear-gradient(bottom, rgba(240, 246, 249, 0) 130px, #f0f6f9 180px);
	background-image: linear-gradient(to top, rgba(240, 246, 249, 0) 130px, #f0f6f9 180px); /* #f0f6f9 */
}

/* Hero Slider
--------------------------------------------------- */
#hero-slider .slide {
	display: none;
}
#hero-slider .slide:first-of-type {
	display: block;
}

/* Page Title / Slide Caption
--------------------------------------------------- */
#hero-content.image-bg .hero-caption {
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 2;
}
#hero-content.image-bg .hero-caption::before { /* left colored rectangle */
	position: absolute;
	top: 0;
	background-color: #adcad9;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
	content: "";
	z-index: 2;
}
#hero-content.image-bg .hero-caption::after {
	position: absolute;
	top: 50%;
	height: 50%;
	left: -315px; /* max: 315px = (1920 - 1320) / 2 + 15px */
	width: 315px;
	background-color: #f0f6f9;
	content: "";
	z-index: 1;
}
#hero-content .hero-caption h1 {
	color: #266484;
	margin-bottom: 0;
}
#hero-content .hero-caption p + h1 {
	margin-top: 0;
}
#hero-content .hero-caption p {
	color: #266484;
	margin-bottom: 0;
}
#hero-content .hero-caption h1 + p {
	margin-top: 3px;
	margin-bottom: 5px;
}
#hero-content .hero-caption p:first-child {
	color: #6b9bb3;
}
#hero-content.image-bg .hero-caption .lead-text-extra-large.text-uppercase {
	letter-spacing: -0.8px;
}
#hero-content.image-bg .hero-caption .lead-text-large.text-uppercase {
	letter-spacing: -0.5px;
}

/* Gradient background */
#hero-content.gradient-bg .content-wrapper::before {
	background: #384b54;
}
#hero-content.gradient-bg .content-wrapper::after {
	position: absolute;
	/* For customizing this property, use custom.css */
	top: 130px; /* this should match #header .container min-height */
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
	background-image: url(../images/backgrounds/header-gradient-bg.png);
	background-position: left top;
	background-repeat: repeat;
}
#header.extended + #main #hero-content.gradient-bg .content-wrapper::after {
	/* For customizing this property, use custom.css */
	top: 144px; /* this should match #header.extended .container min-height */
}
#hero-content.gradient-bg #hero-image {
	position: relative;
	z-index: 2;
}
#hero-content.gradient-bg #hero-image:last-child { /* no secondary menu */
	margin-bottom: 25px;
}
#hero-content.gradient-bg .bottom-square {
	width: 100px;
	height: 100px;
	margin-bottom: -50px;
}

#hero-content.gradient-bg .title-wrapper {
	margin: 30px 0 10px;
}
.single-post #hero-content.gradient-bg .title-wrapper {
	margin-top: 35px;
}
#hero-content.gradient-bg .title-wrapper .post-meta {
	font-size: 18px;
	font-weight: 400;
	margin-top: 20px;
}
#hero-content.gradient-bg .title-wrapper .post-category a:first-child {
	margin-left: 10px;
}
#hero-content.gradient-bg .title-wrapper .post-category:first-child a {
	margin-left: 0;
}

/* Full-width hero image
--------------------------------------------------- */
#hero-content.image-bg.full-width-image .hero-banner {
	margin-left: 0;
	margin-right: 0;
}
#hero-content.image-bg.full-width-image .hero-banner::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	background-image: -webkit-linear-gradient(15deg, rgba(56, 75, 84, 0.95), rgba(56, 75, 84, 0.9) 40%, rgba(56, 75, 84, 0.2));
	background-image: -o-linear-gradient(15deg, rgba(56, 75, 84, 0.95), rgba(56, 75, 84, 0.9) 40%, rgba(56, 75, 84, 0.2));
	background-image: linear-gradient(15deg, rgba(56, 75, 84, 0.95), rgba(56, 75, 84, 0.9) 40%, rgba(56, 75, 84, 0.2)); /* #384b54 */
	opacity: 0;
}

/* Possible opacity values for each slide's overlay background */
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.1"] .hero-banner::before { opacity: 0.1; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.2"] .hero-banner::before { opacity: 0.2; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.3"] .hero-banner::before { opacity: 0.3; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.4"] .hero-banner::before { opacity: 0.4; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.5"] .hero-banner::before { opacity: 0.5; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.6"] .hero-banner::before { opacity: 0.6; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.7"] .hero-banner::before { opacity: 0.7; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.8"] .hero-banner::before { opacity: 0.8; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="0.9"] .hero-banner::before { opacity: 0.9; }
#hero-content.image-bg.full-width-image .slide[data-overlay-bg-opacity="1"] .hero-banner::before { opacity: 1; }

#hero-content.image-bg.full-width-image .hero-caption::before,
#hero-content.image-bg.full-width-image .hero-caption::after {
	display: none;
}
#hero-content.image-bg.full-width-image .title-wrapper {
	padding: 0 0 30px 0;
	background: none;
}
#hero-content.image-bg.full-width-image .hero-caption {
	padding-right: 50px;
}
#hero-content.image-bg.full-width-image .hero-caption h1 {
	color: #fff;
}
#hero-content.image-bg.full-width-image .hero-caption p {
	color: #f7deb5;
}

/* Full-width slider controls - direction */
#hero-content.image-bg.full-width-image #hero-slider .cycle-direction {
	position: absolute;
	display: none;
	right: 0;
	top: 50%;
	margin-top: -55px;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease;
	     -o-transition: opacity 0.15s ease;
	        transition: opacity 0.15s ease;
	z-index: 500;
}
#hero-content.image-bg.full-width-image #hero-slider[data-cycle-next*="cycle-direction"] .cycle-direction {
	display: block;
}
#hero-content.image-bg.full-width-image #hero-slider:hover .cycle-direction,
.touch-screen #hero-content.image-bg.full-width-image #hero-slider .cycle-direction {
	opacity: 1;
}
#hero-content.image-bg.full-width-image #hero-slider .cycle-prev,
#hero-content.image-bg.full-width-image #hero-slider .cycle-next {
	position: relative;
	width: 40px;
	height: 54px;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transition: background-color 0.15s ease;
	     -o-transition: background-color 0.15s ease;
	        transition: background-color 0.15s ease;
	cursor: pointer;
}
#hero-content.image-bg.full-width-image #hero-slider .cycle-prev:hover,
#hero-content.image-bg.full-width-image #hero-slider .cycle-next:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#hero-content.image-bg.full-width-image #hero-slider .cycle-next {
	margin-top: 1px;
}
#hero-content.image-bg.full-width-image #hero-slider .cycle-direction .ion { /* vector icons - Ionicons */
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	color: #eee;
	margin-top: -10px;
	margin-left: -5px;
}

/* Subheader secondary menu
--------------------------------------------------- */
#subheader-bar {
	position: relative;
	padding: 20px 0;
}
#hero-content.gradient-bg #subheader-bar {
	z-index: 3;
}

#subheader-bar .sub-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#subheader-bar .sub-nav li {
	display: inline-block;
	margin: 0 12px 0 0;
}
#subheader-bar .sub-nav li:last-child {
	margin-right: 0;
}
#subheader-bar .sub-nav li a {
	display: inline-block;
	font-size: 17px;
	line-height: 38px;
	color: #839ca8;
	font-weight: 600;
	padding-bottom: 2px;
}
#subheader-bar .sub-nav li span {
	color: #cfdee5;
	margin-left: 15px;
}
#subheader-bar .sub-nav li a:hover,
#subheader-bar .sub-nav li.current-menu-item a {
	color: #445761;
}

/* Breadcrumb navigation
--------------------------------------------------- */
.breadcrumb-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
.breadcrumb-nav li {
	display: inline-block;
	font-size: 15px;
	line-height: 40px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 15px 0 0;
}
.breadcrumb-nav li::after {
	font-family: Ionicons;
	font-size: 9px;
	line-height: 1;
	color: rgba(163, 182, 191, 0.7); /* #a3b6bf */
	padding-left: 17px;
	vertical-align: 2px;
	content: "\f125";
	-webkit-transition: color 0.15s ease;
	     -o-transition: color 0.15s ease;
	        transition: color 0.15s ease;
}
.breadcrumb-nav li:last-child {
	margin-right: 0;
}
.breadcrumb-nav li:last-child::after {
	display: none;
}
.breadcrumb-nav a {
	color: #839ca8;
	padding: 6px 0;
}
.breadcrumb-nav a:hover {
	color: #445761;
}

/* Subscription form (or call-to-action box) below the hero image/slider
--------------------------------------------------- */
#subheader-bar.extended {
	position: relative;
	padding-top: 65px;
	padding-bottom: 60px;
}
#hero-content #subheader-bar.extended .bottom-square-wrapper {
	top: 0;
	bottom: auto;
}
#hero-content #subheader-bar.extended .bottom-square {
	margin-top: 30px;
}
#subheader-bar.extended .container > p:first-child {
	font-weight: 400;
	color: #839ca8;
}

#subheader-bar .action-box {
	margin-bottom: 10px;
	text-align: center;
}
#subheader-bar.extended .action-box {
	margin-top: -25px;
	margin-bottom: -5px;
}
#subheader-bar .action-box > div {
	display: inline-block;
	padding-top: 10px;
}
#subheader-bar .action-box > div:first-child p {
	color: #266484;
	margin-bottom: 0;
}
#subheader-bar .action-box .action-button {
	padding: 10px 0 0 40px;
}
#subheader-bar .action-box .action-button .button {
	vertical-align: 3px;
}
#subheader-bar .action-box .action-button .button-colored {
	background: rgba(250, 178, 60, 0.85); /* #fab23c */
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#hero-content .content-wrapper::before {
		bottom: 113px; /* 114px = 126px (~ one-line .title-wrapper height) / 2 + 50px */
	}
	#hero-content.image-bg .hero-banner {
		margin-right: calc(645px - 50vw); /* 645px = 1320px / 2 - 15px */
	}
	#hero-content.image-bg .hero-banner::before {
		top: 50px;
		left: 50px;
		bottom: 50px;
		right: 50px;
	}
	#hero-content .bottom-square {
		margin-bottom: -57px;
		margin-right: calc(695px - 50vw); /* 695px = 1320px / 2 - 15px + 50px */
	}
	#hero-content.image-bg .title-wrapper {
		margin-bottom: 50px;
		padding: 25px 200px 25px 0;
		background: -webkit-linear-gradient(left, #fff 50px, rgba(255, 255, 255, 0.9) 100px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff 50px, rgba(255, 255, 255, 0.9) 100px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff 50px, rgba(255, 255, 255, 0.9) 100px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg .hero-caption::before {
		bottom: 50px;
		left: -120px;
		width: 120px;
	}
	#hero-content.image-bg .hero-caption::after {
		top: calc(50% - 25px);
	}
	#hero-content.image-bg .hero-caption .lead-text-extra-large {
		font-size: 37px;
	}
	#hero-content.image-bg .hero-caption .lead-text-large {
		font-size: 33px;
	}
	#hero-content.image-bg.full-width-image #hero-slider .cycle-direction {
		margin-top: -77px;
	}
	#hero-content.image-bg.full-width-image #hero-slider .cycle-prev,
	#hero-content.image-bg.full-width-image #hero-slider .cycle-next {
		width: 56px;
		height: 76px;
	}
	#hero-content.image-bg.full-width-image #hero-slider .cycle-next {
		margin-top: 2px;
	}
	#hero-content.image-bg.full-width-image #hero-slider .cycle-direction .ion { /* vector icons - Ionicons */
		font-size: 28px;
		margin-top: -14px;
		margin-left: -7px;
	}
	#subheader-bar .sub-nav li a {
		font-size: 19px;
	}
}
@media (min-width: 1850px) {
	#hero-content .bottom-square {
		width: 140px;
		height: 140px;
		margin-bottom: -80px;
	}
	#hero-content.gradient-bg .bottom-square {
		width: 110px;
		height: 110px;
		margin-bottom: -55px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	#hero-content .content-wrapper::before {
		bottom: 98px; /* 98px = 116px (~ one-line .title-wrapper height) / 2 + 40px */
	}
	#hero-content.image-bg .hero-banner {
		margin-right: calc(570px - 50vw); /* 570px = 1170px / 2 - 15px */
	}
	#hero-content.image-bg .hero-banner::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 40px;
	}
	#hero-content .bottom-square {
		margin-bottom: -60px;
	}
	#hero-content.image-bg .title-wrapper {
		margin-bottom: 40px;
		padding: 25px 100px 25px 0;
		background: -webkit-linear-gradient(left, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg .hero-caption::before {
		bottom: 40px;
		left: -50px;
		width: 50px;
	}
	#hero-content.image-bg .hero-caption::after {
		top: calc(50% - 20px);
	}
	#subheader-bar .bottom-square-wrapper + .container {
		padding-right: 175px; /* 40px offset from the bottom colored square */
	}
	#hero-content.gradient-bg #subheader-bar .container {
		padding-right: 155px; /* 40px offset from the bottom colored square */
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#hero-content .content-wrapper::before {
		bottom: 93px; /* 93px = 106px (~ one-line .title-wrapper height) / 2 + 40px */
	}
	#hero-content.image-bg .hero-banner {
		margin-right: calc(470px - 50vw); /* 470px = 970px / 2 - 15px */
	}
	#hero-content.image-bg .hero-banner::before {
		top: 40px;
		left: 40px;
		bottom: 40px;
		right: 42px;
	}
	#hero-content .bottom-square {
		width: 100px;
		height: 100px;
		margin-bottom: -50px;
	}
	#hero-content.image-bg .title-wrapper {
		margin-bottom: 40px;
		padding: 20px 100px 20px 0;
		background: -webkit-linear-gradient(left, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff 40px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 100px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg.full-width-image .title-wrapper {
		padding-bottom: 15px;
	}
	#hero-content.image-bg .hero-caption::before {
		bottom: 40px;
		left: -42px;
		width: 42px;
		background: #fff !important;
	}
	#hero-content.image-bg .hero-caption::after {
		display: none;
	}
	#hero-content .hero-caption .lead-text-large {
		font-size: 25px;
	}
	#hero-content .hero-caption .lead-text-extra-large {
		font-size: 28px;
	}
	#subheader-bar.extended {
		padding-top: 55px;
		padding-bottom: 50px;
	}
	#subheader-bar .bottom-square-wrapper + .container,
	#hero-content.gradient-bg #subheader-bar .container {
		padding-right: 155px; /* 40px offset from the bottom colored square */
	}
	#hero-content.gradient-bg #subheader-bar {
		padding-top: 15px;
	}
}
@media (max-width: 991px) {
	#hero-content .content-wrapper,
	#header.extended + #main #hero-content .content-wrapper {
		/* For customizing this property, use custom.css */
		padding-top: 115px; /* this should match #header .container min-height for @media (max-width: 991px) */
	}
	#hero-content #subheader-bar.extended .bottom-square {
		display: none;
	}
	#hero-content.gradient-bg .bottom-square {
		width: 70px;
		height: 70px;
		margin-bottom: -50px;
	}
	#hero-content.gradient-bg .content-wrapper::after,
	#header.extended + #main #hero-content.gradient-bg .content-wrapper::after {
		/* For customizing this property, use custom.css */
		top: 115px; /* this should match #header.extended .container min-height for @media (max-width: 991px) */
	}
	#hero-content.image-bg .hero-caption::before {
		background: #fff !important;
	}
	#hero-content.image-bg .hero-caption::after {
		display: none;
	}
	#hero-content.image-bg #subheader-bar:not(.extended) {
		padding: 15px 0;
	}
	#subheader-bar.extended {
		padding-top: 55px;
		padding-bottom: 50px;
	}
	#subheader-bar .sub-nav li {
		margin-right: 10px;
	}
	#subheader-bar .sub-nav li a {
		font-size: 16px;
	}
	#subheader-bar .sub-nav li span {
		margin-left: 13px;
	}
	.breadcrumb-nav li {
		font-size: 14px;
		margin-right: 13px;
	}
	.breadcrumb-nav li::after {
		padding-left: 15px;
	}
	#subheader-bar .action-box > div {
		display: block;
	}
	#subheader-bar .action-box .action-button {
		padding: 10px 0 5px 0;
	}
	#subheader-bar .action-box .action-button .button {
		font-size: 15px;
		line-height: 23px;
		padding-top: 9px;
		padding-bottom: 9px;
		vertical-align: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#hero-content .content-wrapper::before {
		bottom: 73px; /* 73px = 86px (~ one-line .title-wrapper height) / 2 + 30px */
	}
	#hero-content.image-bg .hero-banner {
		margin-right: calc(360px - 50vw); /* 360px = 750px / 2 - 15px */
	}
	#hero-content.image-bg .hero-banner::before {
		top: 30px;
		left: 30px;
		bottom: 30px;
		right: 24px;
	}
	#hero-content .bottom-square {
		width: 90px;
		height: 90px;
		margin-bottom: -45px;
	}
	#hero-content.image-bg .title-wrapper {
		margin-bottom: 30px;
		padding: 15px 50px 15px 0;
		background: -webkit-linear-gradient(left, #fff 30px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff 30px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff 30px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg.full-width-image .title-wrapper {
		padding-bottom: 10px;
	}
	#hero-content.image-bg .hero-caption::before {
		bottom: 30px;
		left: -24px;
		width: 24px;
	}
	#hero-content.image-bg .hero-caption::after {
		top: calc(50% - 15px);
	}
	#subheader-bar:not(.extended) .bottom-square-wrapper + .container {
		padding-right: 130px; /* 25px offset from the bottom colored square */
	}
	#hero-content.gradient-bg #subheader-bar {
		padding-top: 15px;
	}
}
@media (max-width: 767px) {
	#hero-content .hero-caption p[class*="lead-text-"] {
		line-height: 1.35;
	}
	#hero-content.gradient-bg .title-wrapper .post-meta {
		font-size: 16px;
	}
	#hero-content.gradient-bg #subheader-bar {
		padding-top: 10px;
	}
	#subheader-bar .sub-nav li {
		margin-right: 6px;
	}
	#subheader-bar .sub-nav li span {
		margin-left: 10px;
	}
	.breadcrumb-nav li {
		text-transform: none;
	}
	.breadcrumb-nav li::after {
		vertical-align: 1px;
	}
}
@media (min-width: 571px) and (max-width: 767px) {
	#hero-content .content-wrapper::before {
		bottom: 66px; /* 66px = 82px (~ one-line .title-wrapper height) / 2 + 25px */
	}
	#hero-content.image-bg .hero-banner {
		margin: 0 -15px;
	}
	#hero-content.image-bg .hero-banner::before {
		top: 25px;
		left: -2px;
		bottom: 25px;
		right: 25px;
	}
	#hero-content .bottom-square {
		width: 80px;
		height: 80px;
		margin-bottom: -40px;
	}
	#hero-content.image-bg .title-wrapper {
		margin-bottom: 25px;
		padding: 12px 50px 15px 0;
		background: -webkit-linear-gradient(left, #fff 25px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, #fff 25px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, #fff 25px, rgba(255, 255, 255, 0.9) 80px, rgba(255, 255, 255, 0.8) calc(100% - 50px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg.full-width-image .title-wrapper {
		padding-bottom: 10px;
	}
	#hero-content.image-bg .hero-caption::before {
		bottom: 25px;
		left: -15px;
		width: 15px;
	}
	#subheader-bar:not(.extended) .bottom-square-wrapper + .container {
		padding-right: 115px; /* 20px offset from the bottom colored square */
	}
	#subheader-bar .sub-nav li a {
		font-size: 15px;
	}
	#subheader-bar .sub-nav li span {
		font-size: 15px;
	}
	#subheader-bar.extended .container > p:first-child:not([class*="lead-text-"]) {
		text-align: center;
	}
}
@media (max-width: 570px) {
	#hero-content .content-wrapper::before {
		bottom: 57px; /* 57px = 74px (~ one-line .title-wrapper height) / 2 + 20px */
	}
	#hero-content.image-bg .hero-banner,
	#hero-content.image-bg.full-width-image .hero-banner {
		margin: 0 -65px;
	}
	#hero-content.image-bg .hero-banner::before {
		top: 20px;
		left: 20px;
		bottom: 20px;
		right: 65px;
		border-width: 1px;
	}
	#hero-content .bottom-square {
		width: 50px;
		height: 50px;
		margin-bottom: -35px;
	}
	#hero-content.image-bg .title-wrapper {
		margin: 0 0 20px -15px;
		padding: 12px 35px 15px 15px;
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) 216px, rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) 216px, rgba(255, 255, 255, 0));
		background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) 216px, rgba(255, 255, 255, 0)); /* fallback */
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) calc(100% - 35px), rgba(255, 255, 255, 0));
		background: -o-linear-gradient(left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) calc(100% - 35px), rgba(255, 255, 255, 0));
		background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8) calc(100% - 35px), rgba(255, 255, 255, 0));
	}
	#hero-content.image-bg.full-width-image .title-wrapper {
		margin-left: 0;
		padding-bottom: 5px;
	}
	#hero-content .hero-caption p[class*="lead-text-"],
	#hero-content.image-bg.full-width-image .hero-caption p[class*="lead-text-"],
	#hero-content.gradient-bg .hero-caption p[class*="lead-text-"] {
		display: none;
	}
	#subheader-bar .sub-nav li {
		margin-right: 4px;
	}
	#subheader-bar .sub-nav li span {
		font-size: 14px;
		margin-left: 7px;
	}
	#subheader-bar .sub-nav li a {
		font-size: 14px;
		line-height: 30px;
		font-weight: 400;
		padding-bottom: 0;
	}
	.breadcrumb-nav li {
		line-height: 30px;
		font-weight: 400;
		margin-right: 8px;
	}
	.breadcrumb-nav li::after {
		padding-left: 10px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	5. Stripe Sections
/*-----------------------------------------------------------------------------------*/

.stripe {
	position: relative;
	margin: 60px 0;
	padding: 120px 0;
	overflow: hidden;
}
.stripe-narrow {
	padding: 100px 0;
}
.stripe + .stripe {
	margin-top: -60px;
}
.stripe-bottom {
	margin: 60px 0 0;
	padding: 100px 0;
}
.stripe-bottom.stripe-narrow {
	padding: 80px 0;
}
#page-content.sidebar-layout > .container + .stripe {
	margin-top: 0;
}
#page-content.sidebar-layout > .container + .stripe-recent-posts + .stripe-bottom {
	margin-top: -57px;
}

/* No padding (for the full-width stretched stripe with .container-fluid) */
.stripe.stripe-no-padding,
.stripe.stripe-no-padding.stripe-narrow,
.stripe.stripe-bottom.stripe-no-padding {
	padding-top: 0;
	padding-bottom: 0;
}
.stripe-bottom.stripe-no-padding {
	margin-bottom: 0;
}

#home-featured-content .stripe {
	padding-top: 80px;
	margin-bottom: 0;
}

#hero-content + #page-content.fullwidth-layout > .stripe:first-child,
#hero-content + #page-content.fullwidth-layout > .stripe-narrow:first-child {
	padding-top: 110px;
}
#page-content > .stripe:first-child {
	margin-top: 0;
}

/* For blog page with featured article */
.blog-page .stripe:first-child + .stripe-whitish-bg {
	border-top: 1px solid #eee;
	padding-top: 100px;
}

/* The stripe below the hero content on a page with sidebar
   (used on .contact-page) */
#page-content.sidebar-layout > .stripe:first-child {
	padding: 0;
}

.stripe-transparent-bg + .stripe-transparent-bg,
.stripe-transparent-bg + .stripe-white-bg,
.stripe-white-bg + .stripe-transparent-bg,
.stripe-white-bg + .stripe-white-bg {
	margin-top: -100px;
	padding-top: 0 !important;
}

@media (min-width: 1520px) {
	.stripe {
		padding: 140px 0;
	}
	.stripe-narrow {
		padding: 110px 0;
	}
	.stripe-bottom {
		padding: 110px 0;
	}
	.stripe-bottom.stripe-narrow {
		padding: 85px 0;
	}
	#home-featured-content .stripe {
		padding-top: 95px 0;
	}
	#hero-content + #page-content.fullwidth-layout > .stripe:first-child,
	#hero-content + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 125px;
	}
	.blog-page .stripe:first-child + .stripe-whitish-bg {
		padding-top: 115px;
	}
	.stripe-transparent-bg + .stripe-transparent-bg,
	.stripe-transparent-bg + .stripe-white-bg,
	.stripe-white-bg + .stripe-transparent-bg,
	.stripe-white-bg + .stripe-white-bg {
		margin-top: -105px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	#home-featured-content .stripe {
		padding-top: 65px;
	}
	#hero-content + #page-content.fullwidth-layout > .stripe:first-child,
	#hero-content + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 100px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#home-featured-content .stripe {
		padding-top: 55px;
	}
	#hero-content + #page-content.fullwidth-layout > .stripe:first-child,
	#hero-content + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 100px;
	}
	.blog-page .stripe:first-child + .stripe-whitish-bg {
		padding-top: 90px;
	}
}
@media (max-width: 767px) {
	#home-featured-content .stripe {
		padding-top: 50px;
	}
	#hero-content + #page-content.fullwidth-layout > .stripe:first-child,
	#hero-content + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 80px;
	}
	.blog-page .stripe:first-child + .stripe-whitish-bg {
		padding-top: 80px;
	}
	.stripe-transparent-bg:not(.stripe-narrow):not(.stripe-no-padding),
	.stripe-white-bg:not(.stripe-narrow):not(.stripe-no-padding),
	.stripe-whitish-bg:not(.stripe-narrow):not(.stripe-no-padding) {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

/* Slogan text in the bottom stripe */
.stripe-bottom > .container > .row > .columns p.lead-text-extra-large:first-child:last-child {
	margin-bottom: 5px;
}

.stripe > .container > .row:last-child > .columns > p:last-child,
.stripe > .container > .row:last-child > .columns > ul:last-child,
.stripe > .container > .row:last-child > .columns > ol:last-child,
.stripe > .container > .row:last-child > .columns > blockquote:last-child,
.stripe > .container > .row:last-child > .columns > div > p:last-child, /* inside a block with offset */
.stripe > .container > .row:last-child > .columns > div > ul:last-child,
.stripe > .container > .row:last-child > .columns > div > ol:last-child,
.stripe > .container > .row:last-child > .columns > div > blockquote:last-child,
#main-content .stripe > .row:last-child > .columns > p:last-child,
#main-content .stripe > .row:last-child > .columns > ul:last-child,
#main-content .stripe > .row:last-child > .columns > ol:last-child,
#main-content .stripe > .row:last-child > .columns > blockquote:last-child,
#main-content > .row:last-child > .columns > p:last-child,
#main-content > .row:last-child > .columns > ul:last-child,
#main-content > .row:last-child > .columns > ol:last-child,
#main-content > .row:last-child > .columns > blockquote:last-child {
	margin-bottom: 0;
}

/* Upper background layer */
.stripe > .stripe-upper-bg {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.stripe > .stripe-upper-bg::before,
.stripe > .stripe-upper-bg::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 50px;
	content: "";
}

/* Solid backgrounds:
   - light grey
   - white
   - whitish
   - primary color
   - primary color pale
   - primary color light
   - secondary color
   - pale
--------------------------------------------------- */
.stripe-light-grey-bg {
	background-color: #edf1f2;
}
.stripe-white-bg {
	background-color: #fff;
}
.stripe-whitish-bg {
	background-color: #fafafa;
}
.stripe-primary-color-bg {
	background-color: #507385;
}
.stripe-primary-color-pale-bg {
	background-color: #f0f6f9;
}
.stripe-primary-color-light-bg {
	background-color: #ebf5fa;
}
.stripe-secondary-color-bg {
	background-color: #faca7d;
}
.stripe-pale-bg {
	background-color: #f2f1ed;
}

/* Primary color gradient background
--------------------------------------------------- */
.stripe-primary-color-gradient-bg {
	background-image: -webkit-linear-gradient(135deg, #384b54, #507385);
	background-image: -o-linear-gradient(135deg, #384b54, #507385);
	background-image: linear-gradient(135deg, #384b54, #507385);
}

/* Page layout with right-aligned sidebar:
   pale or light grey backgrounds - gradient or solid
--------------------------------------------------- */
@media (min-width: 992px) {
	#main-content.page-left-col .stripe-pale-gradient-bg {
		background-color: #f2f1ed;
		background: -webkit-linear-gradient(right, rgba(242, 241, 237, 0), #f2f1ed 400px);
		background: -o-linear-gradient(right, rgba(242, 241, 237, 0), #f2f1ed 400px);
		background: linear-gradient(to left, rgba(242, 241, 237, 0), #f2f1ed 400px); /* #f2f1ed */
		padding: 80px 0 80px 595px;
		margin: 60px 0 75px -595px;
	}
	#main-content.page-left-col .stripe-light-grey-gradient-bg {
		background-color: #edf1f2;
		background: -webkit-linear-gradient(right, rgba(237, 241, 242, 0), #edf1f2 400px);
		background: -o-linear-gradient(right, rgba(237, 241, 242, 0), #edf1f2 400px);
		background: linear-gradient(to left, rgba(237, 241, 242, 0), #edf1f2 400px); /* #edf1f2 */
		padding: 80px 0 80px 595px;
		margin: 60px 0 75px -595px;
	}
	#main-content.page-left-col .stripe-pale-bg,
	#main-content.page-left-col .stripe-light-grey-bg {
		padding: 80px 50px 80px 595px;
		margin: 60px 0 75px -595px;
	}
}
@media (min-width: 1520px) {
	#main-content.page-left-col .stripe-pale-gradient-bg,
	#main-content.page-left-col .stripe-light-grey-gradient-bg,
	#main-content.page-left-col .stripe-pale-bg,
	#main-content.page-left-col .stripe-light-grey-bg {
		padding-top: 90px;
		padding-bottom: 90px;
		margin-top: 70px;
		margin-bottom: 85px;
	}
}
@media (max-width: 991px) {
	#main-content.page-left-col .stripe-pale-gradient-bg,
	#main-content.page-left-col .stripe-pale-bg {
		background-color: #f2f1ed;
		padding: 80px 136px;
		margin: 60px -136px 75px;
	}
	#main-content.page-left-col .stripe-light-grey-gradient-bg,
	#main-content.page-left-col .stripe-light-grey-bg {
		background-color: #edf1f2;
		padding: 80px 136px;
		margin: 60px -136px 75px;
	}
}

/* Default/custom background image
--------------------------------------------------- */

/* Default background image */
.stripe-default-bg-image > .stripe-upper-bg {
	background-image: url(../images/backgrounds/stripe-default-bg-image.jpg);
	background-size: cover;
}
.stripe-default-bg-image[class*="stripe-upper-bg-"][class*="-gradient"]:not(.stripe-bg-fixed) > .stripe-upper-bg {
	-webkit-filter: saturate(80%);
	        filter: saturate(80%);
}
.stripe-default-bg-image[class*="stripe-upper-bg-"] > .stripe-upper-bg::before,
.stripe-default-bg-image[class*="stripe-upper-bg-"] > .stripe-upper-bg::after {
	opacity: 0.85;
}
.stripe-default-bg-image[class*="stripe-upper-bg-"][class*="-gradient"] > .stripe-upper-bg::before,
.stripe-default-bg-image[class*="stripe-upper-bg-"][class*="-gradient"] > .stripe-upper-bg::after {
	-webkit-filter: saturate(70%);
	        filter: saturate(70%);
}

/* Custom background image */
.stripe-custom-bg-image > .stripe-upper-bg {
	background-size: auto;
}
.stripe-custom-bg-image[class*="stripe-upper-bg-"][class*="-gradient"]:not(.stripe-bg-fixed) > .stripe-upper-bg {
	-webkit-filter: saturate(80%);
	        filter: saturate(80%);
}
.stripe-custom-bg-image[class*="stripe-upper-bg-"][class*="-gradient"] > .stripe-upper-bg::before,
.stripe-custom-bg-image[class*="stripe-upper-bg-"][class*="-gradient"] > .stripe-upper-bg::after {
	-webkit-filter: saturate(70%);
	        filter: saturate(70%);
}
.stripe-custom-bg-image.stripe-bg-size-cover > .stripe-upper-bg {
	background-size: cover;
}
.stripe-custom-bg-image.stripe-bg-size-fullwidth > .stripe-upper-bg {
	background-size: 100% auto;
}
.stripe-custom-bg-image.stripe-bg-position-top > .stripe-upper-bg {
	background-position: center top;
}

/* NOTE: Images for the "Custom Background Image" stripe section should be set in custom.css */

.stripe-default-bg-image.stripe-bg-fixed > .stripe-upper-bg,
.stripe-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
	background-attachment: fixed;
	background-position: center top;
}
.touch-screen .stripe-default-bg-image.stripe-bg-fixed > .stripe-upper-bg,
.touch-screen .stripe-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
	background-attachment: scroll;
	background-position: center;
}

/* Upper background layer:
   - transparent (primary color)
   - black-transparent (black)
   - primary-gradient (2 colors - primary)
   - mix-gradient (2 colors - primary & secondary)
--------------------------------------------------- */
.stripe-upper-bg-transparent > .stripe-upper-bg::before {
	top: 0;
	height: 100%;
	background-color: #384b54;
	opacity: 0.8;
}
.stripe-upper-bg-black-transparent > .stripe-upper-bg::before {
	top: 0;
	height: 100%;
	background-color: rgba(51, 51, 51, 0.85);
	opacity: 0.8;
}
.stripe-upper-bg-primary-gradient > .stripe-upper-bg::before {
	top: 0;
	height: 100%;
	background-color: #384b54;
	background-image: -webkit-linear-gradient(135deg, rgba(80, 115, 133, 0.4), rgba(0, 188, 212, 0.4), rgba(80, 115, 133, 0.4));
	background-image: -o-linear-gradient(135deg, rgba(80, 115, 133, 0.4), rgba(0, 188, 212, 0.4), rgba(80, 115, 133, 0.4));
	background-image: linear-gradient(135deg, rgba(80, 115, 133, 0.4), rgba(0, 188, 212, 0.4), rgba(80, 115, 133, 0.4)); /* #507385 & #00bcd4 */
	opacity: 0.8;
}
.stripe-upper-bg-mix-gradient > .stripe-upper-bg::before {
	top: 0;
	height: 100%;
	background-color: #384b54;
	background-image: -webkit-linear-gradient(135deg, rgba(0, 188, 212, 0.4), rgba(0, 188, 212, 0), rgba(0, 188, 212, 0.4));
	background-image: -o-linear-gradient(135deg, rgba(0, 188, 212, 0.4), rgba(0, 188, 212, 0), rgba(0, 188, 212, 0.4));
	background-image: linear-gradient(135deg, rgba(0, 188, 212, 0.4), rgba(0, 188, 212, 0), rgba(0, 188, 212, 0.4)); /* #00bcd4 */
	opacity: 0.8;
}
.stripe-upper-bg-mix-gradient > .stripe-upper-bg::after {
	top: 0;
	height: 100%;
	background-image: -webkit-linear-gradient(135deg, rgba(250, 178, 60, 0), rgba(250, 178, 60, 0.4), rgba(250, 178, 60, 0));
	background-image: -o-linear-gradient(135deg, rgba(250, 178, 60, 0), rgba(250, 178, 60, 0.4), rgba(250, 178, 60, 0));
	background-image: linear-gradient(135deg, rgba(250, 178, 60, 0), rgba(250, 178, 60, 0.4), rgba(250, 178, 60, 0)); /* #fab23c */
	content: "";
}
[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-80 > .stripe-upper-bg::before,
[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-80 > .stripe-upper-bg::after {
	opacity: 0.8;
}
[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-90 > .stripe-upper-bg::before,
[class*="stripe-upper-bg-"].stripe-upper-bg-opacity-90 > .stripe-upper-bg::after {
	opacity: 0.9;
}

/* Diagonal lines and diagonal pinstripe - optional background patterns for "dark colored" backgrounds */
.stripe.diagonal-lines-bg:not(.stripe-upper-bg-mix-gradient) > .stripe-upper-bg::after,
.stripe.diagonal-pinstripe-bg:not(.stripe-upper-bg-mix-gradient) > .stripe-upper-bg::after {
	top: 0;
	height: 100%;
	background: url(../images/backgrounds/diag-lines-pattern.svg) repeat left top;
	opacity: 0.15;
}
.stripe.diagonal-pinstripe-bg:not(.stripe-upper-bg-mix-gradient) > .stripe-upper-bg::after {
	background-image: url(../images/backgrounds/diag-pinstripe-pattern.svg);
}

/* Dots - optional background pattern
--------------------------------------------------- */
.stripe-light-grey-bg.dots-bg > .stripe-upper-bg,
.stripe-primary-color-pale-bg.dots-bg > .stripe-upper-bg,
.stripe-primary-color-light-bg.dots-bg > .stripe-upper-bg,
.stripe-primary-color-gradient-bg.dots-bg > .stripe-upper-bg,
.stripe-pale-bg.dots-bg > .stripe-upper-bg {
	background-image: url(../images/backgrounds/dots-bg-pattern.svg);
	background-repeat: repeat;
}

/* light grey background */
.stripe-light-grey-bg.dots-bg > .stripe-upper-bg::before {
	top: 0;
	background-image: -webkit-linear-gradient(top, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0));
	background-image: -o-linear-gradient(top, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0));
	background-image: linear-gradient(to bottom, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0)); /* #edf1f2 */
}
.stripe-light-grey-bg.dots-bg > .stripe-upper-bg::after {
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0));
	background-image: -o-linear-gradient(bottom, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0));
	background-image: linear-gradient(to top, rgba(237, 241, 242, 1), rgba(237, 241, 242, 0)); /* #edf1f2 */
}

/* primary color pale background */
.stripe-primary-color-pale-bg.dots-bg > .stripe-upper-bg::before {
	top: 0;
	background-image: -webkit-linear-gradient(top, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0));
	background-image: -o-linear-gradient(top, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0));
	background-image: linear-gradient(to bottom, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0)); /* #f0f6f9 */
}
.stripe-primary-color-pale-bg.dots-bg > .stripe-upper-bg::after {
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0));
	background-image: -o-linear-gradient(bottom, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0));
	background-image: linear-gradient(to top, rgba(240, 246, 249, 1), rgba(240, 246, 249, 0)); /* #f0f6f9 */
}

/* primary color light background */
.stripe-primary-color-light-bg.dots-bg > .stripe-upper-bg::before {
	top: 0;
	background-image: -webkit-linear-gradient(top, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0));
	background-image: -o-linear-gradient(top, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0));
	background-image: linear-gradient(to bottom, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0)); /* #ebf5fa */
}
.stripe-primary-color-light-bg.dots-bg > .stripe-upper-bg::after {
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0));
	background-image: -o-linear-gradient(bottom, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0));
	background-image: linear-gradient(to top, rgba(235, 245, 250, 1), rgba(235, 245, 250, 0)); /* #ebf5fa */
}

/* pale background */
.stripe-pale-bg.dots-bg > .stripe-upper-bg::before {
	top: 0;
	background-image: -webkit-linear-gradient(top, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0));
	background-image: -o-linear-gradient(top, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0));
	background-image: linear-gradient(to bottom, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0)); /* #f2f1ed */
}
.stripe-pale-bg.dots-bg > .stripe-upper-bg::after {
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0));
	background-image: -o-linear-gradient(bottom, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0));
	background-image: linear-gradient(to top, rgba(242, 241, 237, 1), rgba(242, 241, 237, 0)); /* #f2f1ed */
}

/* primary color gradient background */
.stripe-primary-color-gradient-bg.dots-bg > .stripe-upper-bg::before {
	top: 0;
	background-image: -webkit-linear-gradient(top, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0));
	background-image: -o-linear-gradient(top, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0));
	background-image: linear-gradient(to bottom, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0)); /* #384b54 */
}
.stripe-primary-color-gradient-bg.dots-bg > .stripe-upper-bg::after {
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0));
	background-image: -o-linear-gradient(bottom, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0));
	background-image: linear-gradient(to top, rgba(56, 75, 84, 0.5), rgba(56, 75, 84, 0)); /* #384b54 */
}

/* Memphis background image:
   - secondary color pattern at the top and primary color pattern at the bottom of stripe
   - secondary color pattern at the top and bottom of stripe with secondary color background
--------------------------------------------------- */

.stripe-memphis-bg > .stripe-upper-bg::before,
.stripe-memphis-bg > .stripe-upper-bg::after {
	top: 0;
	height: 100%;
	background-size: 546px 426px;
	background-repeat: no-repeat;
}
.stripe-memphis-bg > .stripe-upper-bg::before {
	background-image: url(../images/backgrounds/secondary-color/orange/memphis-bg-secondary.svg); /* secondary color pattern */
	opacity: 0.27;
}
.stripe-memphis-bg > .stripe-upper-bg::after {
	background-image: url(../images/backgrounds/primary-color/sky-blue/memphis-bg-primary.svg); /* primary color pattern */
	opacity: 0.2;
}

/* for secondary color background */
.stripe-secondary-color-bg.stripe-memphis-bg > .stripe-upper-bg::before {
	opacity: 0.5;
}
.stripe-secondary-color-bg.stripe-memphis-bg > .stripe-upper-bg::after {
	background-image: url(../images/backgrounds/secondary-color/orange/memphis-bg-secondary.svg);
	opacity: 0.5;
}
.stripe-secondary-color-bg.stripe-memphis-bg::before,
.stripe-secondary-color-bg.stripe-memphis-bg::after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-image: url(../images/backgrounds/memphis-bg-black.svg); /* black pattern */
	background-size: 546px 426px;
	background-repeat: no-repeat;
	opacity: 0.15;
}
.stripe-secondary-color-bg.stripe-memphis-bg::before {
	z-index: 1;
}
.stripe-secondary-color-bg.stripe-memphis-bg::after {
	z-index: 2;
}
.stripe-secondary-color-bg.stripe-memphis-bg > .stripe-upper-bg {
	z-index: 3;
}
.stripe-secondary-color-bg.stripe-memphis-bg .container {
	z-index: 4;
}

@media (min-width: 1850px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: right calc(50vw - 1115px) top -285px; /* 1115px = 1320px/2 + 455px */
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: left calc(50vw - 1120px) bottom -285px; /* 1120px = 1320px/2 + 460px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: right calc(50vw - 1115px) top -310px; /* 1115px = 1320px/2 + 455px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: left calc(50vw - 1120px) bottom -310px; /* 1120px = 1320px/2 + 460px */
	}
}
@media (min-width: 1520px) and (max-width: 1849px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: right calc(50vw - 975px) top -315px; /* 975px = 1320px/2 + 315px */
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: left calc(50vw - 990px) bottom -310px; /* 990px = 1320px/2 + 330px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: right calc(50vw - 975px) top -335px; /* 975px = 1320px/2 + 315px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: left calc(50vw - 990px) bottom -330px; /* 990px = 1320px/2 + 330px */
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: right calc(50vw - 900px) top -315px; /* 900px = 1170px/2 + 315px */
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: left calc(50vw - 920px) bottom -310px; /* 920px = 1170px/2 + 335px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: right calc(50vw - 900px) top -335px; /* 900px = 1170px/2 + 315px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: left calc(50vw - 920px) bottom -330px; /* 920px = 1170px/2 + 335px */
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: right calc(50vw - 800px) top -315px; /* 800px = 970px/2 + 315px */
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: left calc(50vw - 815px) bottom -310px; /* 815px = 970px/2 + 330px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: right calc(50vw - 800px) top -335px; /* 800px = 970px/2 + 315px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: left calc(50vw - 815px) bottom -330px; /* 815px = 970px/2 + 330px */
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: right calc(50vw - 710px) top -315px; /* 710px = 750px/2 + 335px */
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: left calc(50vw - 695px) bottom -315px; /* 695px = 750px/2 + 320px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: right calc(50vw - 710px) top -335px; /* 710px = 750px/2 + 335px */
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: left calc(50vw - 695px) bottom -335px; /* 695px = 750px/2 + 320px */
	}
}
@media (max-width: 767px) {
	.stripe-memphis-bg > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg::before {
		background-position: -546px -426px; /* fallback */
		background-position: right -335px top -340px;
	}
	.stripe-memphis-bg > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg::after {
		background-position: -546px -426px; /* fallback */
		background-position: left -370px bottom -310px;
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::before,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::before {
		background-position: -546px -426px; /* fallback */
		background-position: right -335px top -360px;
	}
	.stripe-memphis-bg.stripe-narrow > .stripe-upper-bg::after,
	.stripe-secondary-color-bg.stripe-memphis-bg.stripe-narrow::after {
		background-position: -546px -426px; /* fallback */
		background-position: left -370px bottom -330px;
	}
}

/* Semicircle background at the bottom of stripe
--------------------------------------------------- */
.stripe.semicircle-bg {
	overflow: hidden;
}
.stripe.semicircle-bg::before {
	position: absolute;
	display: block;
	left: 50%;
	bottom: -220px;
	width: 400px;
	height: 400px;
	margin-left: -200px;
	background: -webkit-radial-gradient(rgba(107, 155, 179, 0.09) 0, rgba(107, 155, 179, 0.09) 37%, rgba(107, 155, 179, 0.045) 37%);
	background: -o-radial-gradient(rgba(107, 155, 179, 0.09) 0, rgba(107, 155, 179, 0.09) 37%, rgba(107, 155, 179, 0.045) 37%);
	background: radial-gradient(circle at center, rgba(107, 155, 179, 0.09) 0, rgba(107, 155, 179, 0.09) 37%, rgba(107, 155, 179, 0.045) 37%); /* #6b9bb3 */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: "";
}

@media (min-width: 768px) and (max-width: 991px) {
	.stripe.semicircle-bg::before {
		bottom: -190px;
		width: 350px;
		height: 350px;
		margin-left: -175px;
	}
}
@media (min-width: 571px) and (max-width: 767px) {
	.stripe.semicircle-bg::before {
		bottom: -175px;
		width: 320px;
		height: 320px;
		margin-left: -160px;
	}
}
@media (max-width: 570px) {
	.stripe.semicircle-bg::before {
		bottom: -170px;
		width: 280px;
		height: 280px;
		margin-left: -140px;
	}
}

/* Full-width grey background in stripe's left/right column
--------------------------------------------------- */
@media (max-width: 991px) {
	.stripe-left-col-fullwidth-grey,
	.stripe-right-col-fullwidth-grey {
		background-color: transparent;
		padding: 0 !important;
	}
	.stripe-left-col-fullwidth-grey .columns:first-child,
	.stripe-right-col-fullwidth-grey .columns:last-child {
		background-color: #edf1f2;
	}
	.stripe-left-col-fullwidth-grey .columns:first-child,
	.stripe-left-col-fullwidth-grey .columns:last-child,
	.stripe-right-col-fullwidth-grey .columns:first-child,
	.stripe-right-col-fullwidth-grey .columns:last-child {
		float: none;
		width: auto;
		margin: 0; /* fallback */
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding: 80px 15px; /* fallback */
		padding: 80px calc(50vw - 50% + 15px);
	}
	.stripe-left-col-fullwidth-grey .columns,
	.stripe-right-col-fullwidth-grey .columns {
		padding-top: 80px !important;
	}
	.stripe-left-col-fullwidth-grey.stripe-narrow .columns,
	.stripe-right-col-fullwidth-grey.stripe-narrow .columns {
		padding-top: 70px !important;
		padding-bottom: 70px;
	}
	.stripe-left-col-fullwidth-grey.stripe-primary-color-bg .columns:last-child,
	.stripe-right-col-fullwidth-grey.stripe-primary-color-bg .columns:first-child {
		background-color: #507385;
	}
	.stripe-left-col-fullwidth-grey.stripe-secondary-color-bg .columns:last-child,
	.stripe-right-col-fullwidth-grey.stripe-secondary-color-bg .columns:first-child {
		background-color: #faca7d;
	}
}
@media (min-width: 992px) {
	.stripe-left-col-fullwidth-grey .row {
		background: url(../images/backgrounds/col-left-grey-bg-ie9.png) repeat-y center top;
		background: -webkit-linear-gradient(left, #edf1f2 50%, transparent 50%);
		background: -o-linear-gradient(left, #edf1f2 50%, transparent 50%);
		background: linear-gradient(to right, #edf1f2 50%, transparent 50%);
	}
	.stripe-right-col-fullwidth-grey .row {
		background: url(../images/backgrounds/col-right-grey-bg-ie9.png) repeat-y center top;
		background: -webkit-linear-gradient(right, #edf1f2 50%, transparent 50%);
		background: -o-linear-gradient(right, #edf1f2 50%, transparent 50%);
		background: linear-gradient(to left, #edf1f2 50%, transparent 50%);
	}
	.stripe-left-col-fullwidth-grey .row,
	.stripe-right-col-fullwidth-grey .row {
		margin: -120px calc(50% - 50vw);
		padding: 120px calc(50vw - 50% - 15px);
	}
	.stripe-left-col-fullwidth-grey.stripe-narrow .row,
	.stripe-right-col-fullwidth-grey.stripe-narrow .row {
		margin-top: -100px;
		margin-bottom: -100px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.stripe-left-col-fullwidth-grey.stripe-bottom .row,
	.stripe-right-col-fullwidth-grey.stripe-bottom .row {
		margin-top: -100px;
		margin-bottom: -100px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.stripe-left-col-fullwidth-grey.stripe-bottom.stripe-narrow .row,
	.stripe-right-col-fullwidth-grey.stripe-bottom.stripe-narrow .row {
		margin-top: -80px;
		margin-bottom: -80px;
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (min-width: 1520px) {
	.stripe-left-col-fullwidth-grey .row,
	.stripe-right-col-fullwidth-grey .row {
		margin-top: -140px;
		margin-bottom: -140px;
		padding-top: 140px;
		padding-bottom: 140px;
	}
	.stripe-left-col-fullwidth-grey.stripe-narrow .row,
	.stripe-right-col-fullwidth-grey.stripe-narrow .row {
		margin-top: -110px;
		margin-bottom: -110px;
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.stripe-left-col-fullwidth-grey.stripe-bottom .row,
	.stripe-right-col-fullwidth-grey.stripe-bottom .row {
		margin-top: -110px;
		margin-bottom: -110px;
		padding-top: 110px;
		padding-bottom: 110px;
	}
	.stripe-left-col-fullwidth-grey.stripe-bottom.stripe-narrow .row,
	.stripe-right-col-fullwidth-grey.stripe-bottom.stripe-narrow .row {
		margin-top: -85px;
		margin-bottom: -85px;
		padding-top: 85px;
		padding-bottom: 85px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	6. Picture Boxes
/*-----------------------------------------------------------------------------------*/

.picture-boxes article {
	position: relative;
	margin-top: 60px;
}
.picture-boxes .row:first-child article {
	margin-top: 0;
}
.picture-boxes > article:first-child {
	margin-top: 0;
}
.picture-boxes .box-image {
	line-height: 0;
}
.picture-boxes .box-image img {
	display: inline;
}
.picture-boxes article h4 {
	line-height: 1.25;
	margin-bottom: 0;
}
.picture-boxes article h5 {
	line-height: 1.35;
	margin-bottom: 0;
}
.picture-boxes article h6 {
	line-height: 1.5;
	margin-bottom: 0;
}
.picture-boxes .box-text .title a {
	padding: 5px 0;
}
.picture-boxes .box-text p {
	font-size: 18px;
	line-height: 1.5;
	margin: 12px 0 0;
}
.picture-boxes .box-text h6 + p {
	margin-top: 7px;
}
.picture-boxes.short-description .box-text p {
	margin-top: 5px;
}
.picture-boxes .box-text .read-more-link-small {
	margin-top: 15px;
}
.picture-boxes .box-text .button {
	margin-top: 20px;
}

/* Box with top picture
--------------------------------------------------- */
.picture-boxes.top-picture-box.centered-content article {
	text-align: center;
}
.picture-boxes.top-picture-box.centered-content .box-image {
	margin-left: auto;
	margin-right: auto;
}
.picture-boxes.top-picture-box .box-text {
	margin-top: 25px;
}

/* Round image */
.picture-boxes.top-picture-box.round-image .box-image {
	position: relative;
	width: 75%;
	max-width: 360px;
}
.picture-boxes.top-picture-box.round-image .box-image img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.picture-boxes.top-picture-box.round-image .columns[class*="col-"][class*="-3"] .box-image { /* 4 columns */
	max-width: 260px;
}
.picture-boxes.top-picture-box.round-image .box-text {
	margin-top: 25px;
}

/* Box with filled background */
.picture-boxes.top-picture-box.box-filled-bg article {
	text-align: center;
}
.picture-boxes.top-picture-box.box-filled-bg .box-image {
	position: relative;
	width: 200px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0f6f9;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	text-align: center;
	overflow: hidden;
}
.picture-boxes.top-picture-box.box-filled-bg .box-image::after {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 30px;
	background-color: #555;
	border-top: 1px solid #fff;
	content: "";
	-webkit-transition: background-color 0.15s ease;
	     -o-transition: background-color 0.15s ease;
	        transition: background-color 0.15s ease;
}
.picture-boxes.top-picture-box.box-filled-bg .box-image img {
	width: 128px;
	margin-top: 42px;
}
.picture-boxes.top-picture-box.box-filled-bg .box-image a {
	display: block;
	width: 100%;
	height: 100%;
}
.picture-boxes.top-picture-box.box-filled-bg .box-image:hover::after {
	background-color: #6b9bb3;
}

/* Box with left picture
--------------------------------------------------- */
.picture-boxes.left-picture-box article {
	margin-top: 60px;
}
.picture-boxes.left-picture-box .row:first-child article {
	margin-top: 0;
}
.picture-boxes.left-picture-box > article:first-child {
	margin-top: 0;
}
.picture-boxes.left-picture-box .box-image.shadow {
	-webkit-box-shadow: 0 4px 5px rgba(51, 51, 51, 0.25);
    		box-shadow: 0 4px 5px rgba(51, 51, 51, 0.25);
}
.picture-boxes.left-picture-box .box-text .sub {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 600;
	color: #839ca8;
	margin-top: 5px;
}

/* Medium image */
.picture-boxes.left-picture-box.image-medium .box-image {
	float: left;
	width: 128px;
}
.picture-boxes.left-picture-box.image-medium .box-text {
	margin-left: 158px;
}

/* Large image */
.picture-boxes.left-picture-box.image-large article {
	margin-top: 70px;
}
.picture-boxes.left-picture-box.image-large .box-image {
	float: left;
	width: 170px;
}
.picture-boxes.left-picture-box.image-large .box-text {
	margin-left: 200px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	
	/* small column space */
	.picture-boxes.small-col-space {
		margin: 0 -10px;
	}
	.picture-boxes.small-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* medium column space */
	.picture-boxes.medium-col-space {
		margin: 0 -15px;
	}
	.picture-boxes.medium-col-space article {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (min-width: 1200px) {
	.picture-boxes.top-picture-box:not(.recent-posts) .columns[class*="col-"][class*="-4"] article h5 { /* 3 columns */
		font-size: 26px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.picture-boxes.small-col-space {
		margin: 0 -7px;
	}
	.picture-boxes.small-col-space article {
		margin-left: 7px;
		margin-right: 7px;
	}
	.picture-boxes.medium-col-space {
		margin: 0 -10px;
	}
	.picture-boxes.medium-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (min-width: 992px) {
	.picture-boxes.long-description .box-text p {
		font-size: 16px;
	}
	.picture-boxes.left-picture-box .box-text .sub {
		font-size: 17px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.picture-boxes.small-col-space {
		margin: 0 -3px;
	}
	.picture-boxes.small-col-space article {
		margin-left: 3px;
		margin-right: 3px;
	}
	.picture-boxes.medium-col-space {
		margin: 0 -5px;
	}
	.picture-boxes.medium-col-space article {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* 2 columns >> 1 column */
	.picture-boxes.left-picture-box .col-sm-12.col-md-6 article {
		margin-top: 50px;
	}
	.picture-boxes.left-picture-box.image-large .col-sm-12.col-md-6 article {
		margin-top: 70px;
	}
	.picture-boxes.left-picture-box .row:first-child .col-sm-12.col-md-6:first-child article {
		margin-top: 0;
	}
	
	/* for long description in .box-text - 3 or 4 columns >> 1 column */
	.picture-boxes.top-picture-box .col-sm-12.col-md-3 article,
	.picture-boxes.top-picture-box .col-sm-12.col-md-4 article,
	.picture-boxes.top-picture-box.box-filled-bg .col-sm-12.col-md-4 article {
		margin-top: 50px !important;
		text-align: left;
	}
	.picture-boxes.top-picture-box .row:first-child .col-sm-12.col-md-3:first-child article,
	.picture-boxes.top-picture-box .row:first-child .col-sm-12.col-md-4:first-child article,
	.picture-boxes.top-picture-box.box-filled-bg .row:first-child .col-sm-12.col-md-4:first-child article {
		margin-top: 0 !important;
	}
	.picture-boxes.top-picture-box .col-sm-12.col-md-3 .box-image,
	.picture-boxes.top-picture-box .col-sm-12.col-md-4 .box-image {
		display: table-cell;
		width: 250px !important;
	}
	.picture-boxes.top-picture-box.round-image .col-sm-12.col-md-3 .box-image,
	.picture-boxes.top-picture-box.round-image .col-sm-12.col-md-4 .box-image {
		width: 150px !important;
	}
	.picture-boxes.top-picture-box.round-image .col-sm-12.col-md-3 .box-image .image-overlay,
	.picture-boxes.top-picture-box.round-image .col-sm-12.col-md-4 .box-image .image-overlay {
		height: 150px;
	}
	.picture-boxes.top-picture-box.box-filled-bg .col-sm-12.col-md-4 .box-image {
		display: table-cell;
	}
	.picture-boxes.top-picture-box.box-filled-bg .col-sm-12.col-md-4 .box-image {
		width: 156px !important;
	}
	.picture-boxes.top-picture-box .col-sm-12.col-md-3 .box-text,
	.picture-boxes.top-picture-box .col-sm-12.col-md-4 .box-text,
	.picture-boxes.top-picture-box.box-filled-bg .col-sm-12.col-md-4 .box-text {
		display: table-cell;
		vertical-align: middle;
		margin-top: 0;
		padding-left: 30px;
		padding-bottom: 15px;
	}
	
	/* for short description in .box-text - 4 columns >> 2 columns */
	.picture-boxes.top-picture-box .col-sm-6.col-md-3 article {
		margin-top: 60px !important;
	}
	.picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 article {
		text-align: left;
	}
	.picture-boxes.top-picture-box .row:first-child .col-sm-6.col-md-3:nth-child(1) article,
	.picture-boxes.top-picture-box .row:first-child .col-sm-6.col-md-3:nth-child(2) article {
		margin-top: 0 !important;
	}
	.picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 .box-image {
		float: left;
		width: 150px !important;
	}
	.picture-boxes.top-picture-box.round-image .col-sm-6.col-md-3 .box-text {
		margin: 0 0 0 175px;
		padding-top: 25px;
	}
	
	.picture-boxes.top-picture-box .col-sm-4 .box-text p {
		font-size: 16px;
	}
}
@media (min-width: 480px) and (max-width: 991px) {
	/* box with filled background */
	.picture-boxes.top-picture-box.box-filled-bg .box-image {
		width: 156px;
		height: 156px;
	}
	.picture-boxes.top-picture-box.box-filled-bg .box-image::after {
		width: 156px;
		height: 24px;
	}
	.picture-boxes.top-picture-box.box-filled-bg .box-image img {
		width: 100px;
		margin-top: 32px;
	}
}
@media (max-width: 767px) {
	.picture-boxes article,
	.picture-boxes .row:first-child article,
	.picture-boxes.left-picture-box article,
	.picture-boxes.left-picture-box .row:first-child article {
		margin-top: 50px;
	}
	.picture-boxes.left-picture-box.image-large article {
		margin-top: 70px !important;
	}
	.picture-boxes .row:first-child .columns:first-child article {
		margin-top: 0;
	}
	.picture-boxes.left-picture-box .row:first-child .columns:first-child article {
		margin-top: 0 !important;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image):not(.box-filled-bg) article {
		max-width: 540px; /* the width is limited to 540px */
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image):not(.box-filled-bg) .columns {
		padding-left: 15%;
		padding-right: 15%;
	}
	.picture-boxes:not(.owl-carousel).round-image article,
	.picture-boxes.top-picture-box.box-filled-bg article {
		text-align: left;
	}
	.picture-boxes:not(.owl-carousel).round-image .box-image,
	.picture-boxes.top-picture-box.box-filled-bg .box-image {
		display: table-cell;
	}
	.picture-boxes:not(.owl-carousel).round-image .box-image {
		width: 150px !important;
	}
	.picture-boxes:not(.owl-carousel).round-image .box-image .image-overlay {
		height: 150px;
	}
	.picture-boxes:not(.owl-carousel).round-image .box-text,
	.picture-boxes.top-picture-box.box-filled-bg .box-text {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
		padding-bottom: 15px;
	}
}
@media (max-width: 479px) {
	.picture-boxes.left-picture-box article {
		text-align: center;
	}
	.picture-boxes.left-picture-box.image-medium .box-image,
	.picture-boxes.left-picture-box.image-large .box-image {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.picture-boxes.left-picture-box.image-medium .box-text {
		margin: 30px 0 0;
	}
	.picture-boxes.left-picture-box.image-large .box-text {
		margin: 20px 0 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	7. Icon Boxes
/*-----------------------------------------------------------------------------------*/

.icon-boxes article {
	position: relative;
	margin-top: 50px;
}
.icon-boxes .row:first-child article {
	margin-top: 0;
}
.icon-boxes article h4 {
	line-height: 1.25;
	margin-bottom: 0;
}
.icon-boxes article h5 {
	line-height: 1.35;
	margin-bottom: 0;
}
.icon-boxes article h6 {
	line-height: 1.5;
	margin-bottom: 0;
}
.icon-boxes .box-icon.extra-color i {
	color: #ed5f4a;
}
.icon-boxes .box-icon.other-color i { /* theme specific color - should be other than primary/secondary/extra color */
	color: #1dca7f;
}

.icon-boxes .box-icon.green-color i { color: #1dca7f; }
.icon-boxes .box-icon.blue-color i  { color: #43c4de; }

.icon-boxes .box-text .title a {
	padding: 5px 0;
}
.icon-boxes .box-text p {
	font-size: 18px;
	line-height: 1.5;
	margin: 12px 0 0;
}
.icon-boxes .box-text h6 + p {
	margin-top: 7px;
}
.icon-boxes.short-description .box-text p {
	margin-top: 5px;
}
.icon-boxes .box-text .read-more-link-small {
	margin-top: 15px;
}
.icon-boxes .box-text .button {
	margin-top: 20px;
}

.ion-fw { /* fixed width for Ionicons */
	width: 1.2em;
	text-align: center;
}

/* Box with top icon
--------------------------------------------------- */
.icon-boxes.top-icon-box article {
	text-align: center;
}
.icon-boxes.top-icon-box .box-text {
	margin-top: 20px;
}

/* Large icon on round background */
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon {
	position: relative;
	width: 140px;
	height: 140px;
	margin-left: auto;
	margin-right: auto;
	background-color: #6b9bb3;
	border: 15px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon::before {
	position: absolute;
	display: block;
	top: -15px;
	bottom: -15px;
	left: -15px;
	right: -15px;
	border: 15px solid rgba(207, 222, 229, 0.7); /* #cfdee5; */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
	content: "";
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.secondary-color-bg,
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.secondary-color-bg {
	background-color: #fab23c;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.secondary-color-bg::before,
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.secondary-color-bg::before {
	border-color: rgba(250, 202, 125, 0.45); /* #faca7d */
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.primary-color-bg,
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.primary-color-bg {
	background-color: #6b9bb3;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon.primary-color-bg::before,
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon.primary-color-bg::before {
	border-color: rgba(207, 222, 229, 0.7); /* #cfdee5; */
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon:hover::before {
	opacity: 0.8;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon i,
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
	color: #fff;
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 56px;
	margin-top: -28px;
	margin-left: -36px; /* 72px - fixed width (.fa-fw) */
}
.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .ion { /* vector icons - Ionicons */
	font-size: 70px;
	margin-top: -35px;
	margin-left: -42px; /* 84px - fixed width (.ion-fw) */
}

/* Medium icon on round background */
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon {
	position: relative;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	background-color: #6b9bb3;
	border: 10px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon::before {
	position: absolute;
	display: block;
	top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	border: 10px solid rgba(207, 222, 229, 0.7); /* #cfdee5; */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
	content: "";
}
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon:hover::before {
	opacity: 0.8;
}
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 42px;
	margin-top: -21px;
	margin-left: -27px; /* 54px - fixed width (.fa-fw) */
}
.icon-boxes.top-icon-box.icon-medium-round-bg .box-icon .ion { /* vector icons - Ionicons */
	font-size: 52px;
	margin-top: -26px;
	margin-left: -31px; /* 62px - fixed width (.ion-fw) */
}

/* Number at the left top of circle background */
.icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon .digit,
.icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon .digit {
	position: absolute;
	display: block;
	top: -10px;
	left: -10px;
	width: 38px;
	height: 38px;
	font: 18px/32px Verdana, Geneva, sans-serif;
	color: #fff;
	border: 3px solid #f5f5f5;
	text-align: center;
	background-color: #839ca8;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon .digit {
	width: 32px;
	height: 32px;
	font-size: 17px;
	line-height: 28px;
	border-width: 2px;
}

/* Large icon without background */
.icon-boxes.top-icon-box.icon-large .box-icon {
	position: relative;
	height: 90px;
}
.icon-boxes.top-icon-box.icon-large .box-icon i,
.icon-boxes.top-icon-box.icon-small .box-icon i,
.icon-boxes.top-icon-box.box-filled-bg .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
}
.icon-boxes.top-icon-box.icon-large .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 76px;
	margin-top: -38px;
	margin-left: -49px; /* 98px - fixed width (.fa-fw) */
}
.icon-boxes.top-icon-box.icon-large .box-icon .ion { /* vector icons - Ionicons */
	font-size: 90px;
	margin-top: -45px;
	margin-left: -54px; /* 108px - fixed width (.ion-fw) */
}
.icon-boxes.top-icon-box.icon-large .box-icon.primary-color i,
.icon-boxes.top-icon-box.icon-small .box-icon.primary-color i,
.icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color i {
	color: #00a5d4;
}
.icon-boxes.top-icon-box.icon-large .box-icon.primary-color-dark i,
.icon-boxes.top-icon-box.icon-small .box-icon.primary-color-dark i,
.icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color-dark i {
	color: #266484;
}
.icon-boxes.top-icon-box.icon-large .box-icon.primary-color-light i,
.icon-boxes.top-icon-box.icon-small .box-icon.primary-color-light i,
.icon-boxes.top-icon-box.box-filled-bg .box-icon.primary-color-light i {
	color: #6b9bb3;
}
.icon-boxes.top-icon-box.icon-large .box-icon.secondary-color i,
.icon-boxes.top-icon-box.icon-small .box-icon.secondary-color i,
.icon-boxes.top-icon-box.box-filled-bg .box-icon.secondary-color i {
	color: #fab23c;
}
.icon-boxes.top-icon-box.icon-large .box-text,
.icon-boxes.top-icon-box.icon-small .box-text {
	margin-top: 15px;
}

/* Small icon without background */
.icon-boxes.top-icon-box.icon-small .box-icon {
	position: relative;
	height: 42px;
}
.icon-boxes.top-icon-box.icon-small .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 36px;
	margin-top: -18px;
	margin-left: -23px; /* 46px - fixed width (.fa-fw) */
}
.icon-boxes.top-icon-box.icon-small .box-icon .ion { /* vector icons - Ionicons */
	font-size: 42px;
	margin-top: -21px;
	margin-left: -25px; /* 50px - fixed width (.ion-fw) */
}

/* Box with filled background */
.icon-boxes.top-icon-box.box-filled-bg {
	margin: -20px 5px 0;
}
.icon-boxes.top-icon-box.box-filled-bg .columns::before {
	position: absolute;
	display: block;
	top: 20px;
	bottom: 0;
	left: 10px;
	right: 10px;
	content: "";
	background-color: #f5f5f5;
	border: 2px solid transparent;
	-webkit-transition: border-color 0.3s ease;
	     -o-transition: border-color 0.3s ease;
			transition: border-color 0.3s ease;
}
.icon-boxes.top-icon-box.box-filled-bg article {
	margin: 20px -5px 0 !important;
	padding: 25px 25px 35px;
	height: calc(100% - 20px); /* for hyperlinked box */
}
.no-touch-screen .icon-boxes.top-icon-box.box-filled-bg .columns.link-hovered::before {
	border-color: #faca7d;
}
.icon-boxes.top-icon-box.box-filled-bg .box-icon {
	position: relative;
	height: 58px;
}
.icon-boxes.top-icon-box.box-filled-bg .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 48px;
	margin-top: -24px;
	margin-left: -31px; /* 62px - fixed width (.fa-fw) */
}
.icon-boxes.top-icon-box.box-filled-bg .box-icon .ion { /* vector icons - Ionicons */
	font-size: 58px;
	margin-top: -29px;
	margin-left: -35px; /* 70px - fixed width (.ion-fw) */
}
.icon-boxes.top-icon-box.box-filled-bg .box-text {
	margin-top: 15px;
}

/* for dark colored background */
.dark-colored-bg .icon-boxes.top-icon-box.box-filled-bg .columns::before {
	background-color: #f0f6f9;
}
.dark-colored-bg .icon-boxes.top-icon-box.box-filled-bg .box-text p {
	font-size: 17px;
	font-weight: 400;
	color: #839ca8;
}

/* Box with left icon
--------------------------------------------------- */
.icon-boxes.left-icon-box article {
	margin-top: 45px;
}
.icon-boxes.left-icon-box .row:first-child article {
	margin-top: 0;
}
.icon-boxes.left-icon-box > article:first-child {
	margin-top: 0;
}

/* Small icon on round background */
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon {
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	background-color: #fab23c;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 3px;
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon.secondary-color-bg {
	background-color: #fab23c;
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon.primary-color-bg {
	background-color: #6b9bb3;
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
	color: #fff;
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 34px;
	margin-top: -17px;
	margin-left: -22px; /* 44px - fixed width (.fa-fw) */
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon .ion { /* vector icons - Ionicons */
	font-size: 38px;
	margin-top: -19px;
	margin-left: -23px; /* 46px - fixed width (.ion-fw) */
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-text {
	margin-left: 100px;
}

/* Large icon without background */
.icon-boxes.left-icon-box.icon-large .box-icon {
	position: relative;
	float: left;
	width: 108px;
	height: 90px;
}
.icon-boxes.left-icon-box.icon-large .box-icon i,
.icon-boxes.left-icon-box.icon-medium .box-icon i,
.icon-boxes.left-icon-box.icon-heading .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
}
.icon-boxes.left-icon-box.icon-large .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 76px;
	margin-top: -38px;
	margin-left: -49px; /* 98px - fixed width (.fa-fw) */
}
.icon-boxes.left-icon-box.icon-large .box-icon .ion { /* vector icons - Ionicons */
	font-size: 90px;
	margin-top: -45px;
	margin-left: -54px; /* 108px - fixed width (.ion-fw) */
}
.icon-boxes.left-icon-box.icon-large .box-icon.primary-color i,
.icon-boxes.left-icon-box.icon-medium .box-icon.primary-color i,
.icon-boxes.left-icon-box.icon-heading .box-icon.primary-color i {
	color: #00a5d4;
}
.icon-boxes.left-icon-box.icon-large .box-icon.primary-color-dark i,
.icon-boxes.left-icon-box.icon-medium .box-icon.primary-color-dark i,
.icon-boxes.left-icon-box.icon-heading .box-icon.primary-color-dark i {
	color: #266484;
}
.icon-boxes.left-icon-box.icon-large .box-icon.primary-color-light i,
.icon-boxes.left-icon-box.icon-medium .box-icon.primary-color-light i,
.icon-boxes.left-icon-box.icon-heading .box-icon.primary-color-light i {
	color: #6b9bb3;
}
.icon-boxes.left-icon-box.icon-large .box-icon.secondary-color i,
.icon-boxes.left-icon-box.icon-medium .box-icon.secondary-color i,
.icon-boxes.left-icon-box.icon-heading .box-icon.secondary-color i {
	color: #fab23c;
}
.icon-boxes.left-icon-box.icon-large .box-text {
	margin-left: 123px;
}

/* Medium icon without background */
.icon-boxes.left-icon-box.icon-medium article {
	margin-top: 30px;
}
.icon-boxes.left-icon-box.icon-medium > article:first-child {
	margin-top: 0;
}
.icon-boxes.left-icon-box.icon-medium .box-icon {
	position: relative;
	float: left;
	width: 62px;
	height: 52px;
}
.icon-boxes.left-icon-box.icon-medium .box-icon .fa, /* vector icons - Font Awesome */
.icon-boxes.left-icon-box.icon-heading .box-icon .fa {
	font-size: 42px;
	margin-top: -21px;
	margin-left: -27px; /* 54px - fixed width (.fa-fw) */
}
.icon-boxes.left-icon-box.icon-medium .box-icon .ion, /* vector icons - Ionicons */
.icon-boxes.left-icon-box.icon-heading .box-icon .ion {
	font-size: 52px;
	margin-top: -26px;
	margin-left: -31px; /* 62px - fixed width (.ion-fw) */
}
.icon-boxes.left-icon-box.icon-medium .box-text {
	margin-left: 77px;
}

/* Icon in box heading */
.icon-boxes.left-icon-box.icon-heading article header {
	position: relative;
	height: 52px;
}
.icon-boxes.left-icon-box.icon-heading .box-icon {
	position: relative;
	left: -7px;
	width: 62px;
	height: 52px;
}
.icon-boxes.left-icon-box.icon-heading .box-heading {
	position: absolute;
	top: 50%;
	left: 65px;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.icon-boxes.left-icon-box.icon-heading article p {
	font-size: 18px;
	margin: 20px 0 0;
}
.icon-boxes.left-icon-box.icon-heading article header + p {
	margin-top: 15px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	
	/* small column space */
	.icon-boxes.small-col-space {
		margin: 0 -10px;
	}
	.icon-boxes.small-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* medium column space */
	.icon-boxes.medium-col-space {
		margin: 0 -15px;
	}
	.icon-boxes.medium-col-space article {
		margin-left: 15px;
		margin-right: 15px;
	}
	
}
@media (min-width: 1200px) {
	.icon-boxes.top-icon-box:not(.icon-small) .columns[class*="col-"][class*="-4"] article h5 { /* 3 columns */
		font-size: 26px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.icon-boxes.small-col-space {
		margin: 0 -7px;
	}
	.icon-boxes.small-col-space article {
		margin-left: 7px;
		margin-right: 7px;
	}
	.icon-boxes.medium-col-space {
		margin: 0 -10px;
	}
	.icon-boxes.medium-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.icon-boxes.small-col-space {
		margin: 0 -3px;
	}
	.icon-boxes.small-col-space article {
		margin-left: 3px;
		margin-right: 3px;
	}
	.icon-boxes.medium-col-space {
		margin: 0 -5px;
	}
	.icon-boxes.medium-col-space article {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (max-width: 991px) {
	.icon-boxes.top-icon-box.icon-large-round-bg .box-icon {
		width: 110px;
		height: 110px;
		border-width: 10px;
	}
	.icon-boxes.top-icon-box.icon-large-round-bg .box-icon::before {
		top: -10px;
		bottom: -10px;
		left: -10px;
		right: -10px;
		border-width: 10px;
	}
	.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .fa { /* vector icons - Font Awesome */
		font-size: 42px;
		margin-top: -21px;
		margin-left: -27px; /* 54px - fixed width (.fa-fw) */
	}
	.icon-boxes.top-icon-box.icon-large-round-bg .box-icon .ion { /* vector icons - Ionicons */
		font-size: 52px;
		margin-top: -26px;
		margin-left: -31px; /* 62px - fixed width (.ion-fw) */
	}
	.icon-boxes.top-icon-box .box-text {
		margin-top: 15px;
	}
	.icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon .digit {
		width: 34px;
		height: 34px;
		font-size: 17px;
		line-height: 30px;
		border-width: 2px;
	}
}
@media (min-width: 768px) {
	.icon-boxes.top-icon-box.box-filled-bg .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.icon-boxes.top-icon-box.box-filled-bg .columns {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
	}
	.icon-boxes.top-icon-box.box-filled-bg .col-sm-6 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
		     -ms-flex: 0 0 49.9%;
			     flex: 0 0 49.9%;
		max-width: 49.9%;
	}
	.icon-boxes.top-icon-box.box-filled-bg .col-sm-4 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
		     -ms-flex: 0 0 33.25%;
			     flex: 0 0 33.25%;
		max-width: 33.25%;
	}
}
@media (min-width: 992px) {
	.icon-boxes.top-icon-box.box-filled-bg .col-md-4 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
		     -ms-flex: 0 0 33.25%;
			     flex: 0 0 33.25%;
		max-width: 33.25%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* 3 or 4 columns >> 1 column */
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .col-sm-12.col-md-3 article,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .col-sm-12.col-md-4 article {
		margin-top: 40px !important;
		text-align: left;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .row:first-child .col-sm-12.col-md-3:first-child article,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .row:first-child .col-sm-12.col-md-4:first-child article {
		margin-top: 0 !important;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .col-sm-12.col-md-4 .box-icon {
		float: left;
		margin: 0;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .col-sm-12.col-md-4 .box-icon {
		width: 108px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .col-sm-12.col-md-4 .box-icon {
		width: 50px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large-round-bg .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large-round-bg .col-sm-12.col-md-4 .box-text {
		margin: 5px 0 0 135px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-medium-round-bg .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-medium-round-bg .col-sm-12.col-md-4 .box-text {
		margin: 5px 0 0 125px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .col-sm-12.col-md-4 .box-text {
		margin: 5px 0 0 123px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .col-sm-12.col-md-4 .box-text {
		margin: 0 0 0 65px;
	}
	
	/* Large icon without background - 4 columns */
	.icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon {
		height: 70px;
	}
	.icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon .fa { /* vector icons - Font Awesome */
		font-size: 56px;
		margin-top: -28px;
		margin-left: -36px; /* 72px - fixed width (.fa-fw) */
	}
	.icon-boxes.top-icon-box.icon-large .col-sm-3 .box-icon .ion { /* vector icons - Ionicons */
		font-size: 70px;
		margin-top: -35px;
		margin-left: -42px; /* 84px - fixed width (.ion-fw) */
	}
	
	/* 2 columns >> 1 column */
	.icon-boxes.left-icon-box .col-sm-12.col-md-6 article {
		margin-top: 40px !important;
	}
	.icon-boxes.left-icon-box.icon-medium .col-sm-12.col-md-6 article {
		margin-top: 35px !important;
	}
	.icon-boxes.left-icon-box .row:first-child .col-sm-12.col-md-6:first-child article {
		margin-top: 0 !important;
	}
	
	.icon-boxes.top-icon-box .col-sm-3 .box-text p,
	.icon-boxes.top-icon-box .col-sm-4 .box-text p {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.icon-boxes article,
	.icon-boxes.left-icon-box article,
	.icon-boxes .row:first-child article,
	.icon-boxes.left-icon-box .row:first-child article {
		margin-top: 40px;
	}
	.icon-boxes.left-icon-box.icon-medium article,
	.icon-boxes.left-icon-box.icon-medium .row:first-child article {
		margin-top: 35px;
	}
	.icon-boxes .row:first-child .columns:first-child article,
	.icon-boxes.left-icon-box.icon-medium .row:first-child .columns:first-child article {
		margin-top: 0;
	}
	.icon-boxes.top-icon-box.box-filled-bg .columns::before {
		top: 0;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) article {
		text-align: left;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel) .box-icon {
		float: left;
		margin: 0;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .box-icon {
		width: 108px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .box-icon {
		width: 50px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large-round-bg .box-text {
		margin: 5px 0 0 135px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-medium-round-bg .box-text {
		margin: 5px 0 0 125px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-large .box-text {
		margin: 5px 0 0 123px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg):not(.owl-carousel).icon-small .box-text {
		margin: 0 0 0 65px;
	}
}
@media (max-width: 479px) {
	.icon-boxes.left-icon-box.icon-small-round-bg article,
	.icon-boxes.left-icon-box.icon-large article,
	.icon-boxes.left-icon-box.icon-medium article {
		text-align: center;
	}
	.icon-boxes.left-icon-box.icon-small-round-bg .box-icon,
	.icon-boxes.left-icon-box.icon-large .box-icon,
	.icon-boxes.left-icon-box.icon-medium .box-icon {
		float: none;
		margin: 0 auto;
	}
	.icon-boxes.left-icon-box.icon-small-round-bg .box-text,
	.icon-boxes.left-icon-box.icon-large .box-text,
	.icon-boxes.left-icon-box.icon-medium .box-text {
		margin: 15px 0 0;
	}
	.icon-boxes.left-icon-box.icon-small-round-bg .box-text h4 + p,
	.icon-boxes.left-icon-box.icon-small-round-bg .box-text h5 + p {
		margin-top: 15px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	8. Stages
/*-----------------------------------------------------------------------------------*/

.stages article {
	position: relative;
	margin-top: 50px;
}
.stages > article:first-child {
	margin-top: 0;
}
.stages article::before {
	position: absolute;
	display: block;
	top: 77px;
	bottom: -43px;
	left: 34px;
	width: 2px;
	background-color: rgba(250, 202, 125, 0.7); /* #faca7d */
	content: "";
}
.stages.stage-digit article::before {
	top: 67px;
	left: 29px;
}
.stages article:last-child::before {
	display: none;
}

.stages article h4 {
	line-height: 1.25;
	margin-bottom: 0;
}
.stages article h5 {
	line-height: 1.35;
	margin-bottom: 0;
}
.stages article h6 {
	line-height: 1.5;
	margin-bottom: 0;
}
.stages .box-text p {
	font-size: 18px;
	margin: 12px 0 0;
}
.stages .box-text h6 + p {
	margin-top: 7px;
}
.stages.short-description .box-text p {
	margin-top: 5px;
}

.stages .box-icon {
	position: relative;
	float: left;
	width: 70px;
	height: 70px;
	background-color: #6b9bb3;
	border: 7px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.stages .box-icon::before {
	position: absolute;
	display: block;
	top: -7px;
	bottom: -7px;
	left: -7px;
	right: -7px;
	border: 7px solid rgba(207, 222, 229, 0.7); /* #cfdee5; */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: "";
}
.stages.stage-digit .box-icon {
	width: 60px;
	height: 60px;
}
.stages .box-icon.primary-color-bg {
	background-color: #6b9bb3;
}
.stages .box-icon.primary-color-bg::before {
	border-color: rgba(207, 222, 229, 0.7); /* #cfdee5; */
}
.stages .box-icon.secondary-color-bg {
	background-color: #fab23c;
}
.stages .box-icon.secondary-color-bg::before {
	border-color: rgba(250, 202, 125, 0.5); /* #faca7d */
}
.stages .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
	color: #fff;
}
.stages.stage-year .box-icon .number, /* year - XXXX */
.stages.stage-digit .box-icon .number { /* digit - X */
	top: 0;
	left: 0;
	width: 100%;
	font: 18px/56px Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}
.stages.stage-digit .box-icon .number {
	font-size: 20px;
	line-height: 46px;
	font-weight: bold;
}
.stages .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 24px;
	margin-top: -12px;
	margin-left: -15px; /* 31px - fixed width (.fa-fw) */
}
.stages .box-icon .ion { /* vector icons - Ionicons */
	font-size: 30px;
	margin-top: -15px;
	margin-left: -18px; /* 36px - fixed width (.ion-fw) */
}
.stages .box-text {
	margin-left: 105px;
}
.stages.stage-digit .box-text {
	margin-left: 90px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 480px) and (max-width: 767px) {
	.stages article {
		margin-top: 45px;
	}
}
@media (max-width: 479px) {
	.stages article {
		text-align: center;
		line-height: 0;
	}
	.stages article::before,
	.stages.stage-digit article::before {
		position: relative;
		display: inline-block;
		top: -7px;
		left: auto;
		height: 25px;
		margin-top: -25px;
	}
	.stages article:first-child::before {
		display: none;
	}
	.stages article:last-child::before {
		display: inline-block;
	}
	.stages .box-icon {
		float: none;
		margin: 0 auto;
	}
	.stages .box-text,
	.stages.stage-digit .box-text {
		margin: 15px 0 0;
	}
	.stages .box-text p {
		line-height: 1.667; /* needed to override .stages article {line-height: 0;} */
	}
	.stages .box-text h4 + p,
	.stages .box-text h5 + p {
		margin-top: 15px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	9. Feature List
/*-----------------------------------------------------------------------------------*/

.feature-list article {
	position: relative;
	margin-top: 30px;
}
.feature-list .row:first-child article {
	margin-top: 0;
}
.feature-list.long-description > article {
	margin-top: 45px;
}
.feature-list > article:first-child {
	margin-top: 0;
}

.feature-list article h4 {
	font-family: inherit;
	font-size: 26px;
	line-height: 1.3;
	font-weight: 600;
	margin: 0;
}
.feature-list article h5 {
	line-height: 1.35;
	margin-bottom: 0;
}
.feature-list article h6 {
	line-height: 1.5;
	margin-top: 2px;
	margin-bottom: 0;
}
.feature-list .box-text p {
	margin: 10px 0 0;
}
.feature-list .box-text p:first-child {
	margin-top: -4px;
}
.feature-list .box-text ul {
	margin: 15px 0 0;
}
.feature-list .box-text h6 + p {
	margin-top: 5px;
}
.feature-list.short-description .box-text p:not(:first-child) {
	margin-top: 5px;
}

/* Numeric list */
.feature-list.numeric-list .box-icon {
	position: relative;
	float: left;
	width: 36px;
	height: 36px;
	background-color: #fab23c;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 0;
}
.feature-list.numeric-list .box-icon.secondary-color-bg {
	background-color: #fab23c;
}
.feature-list.numeric-list .box-icon.primary-color-bg {
	background-color: #6b9bb3;
}
.feature-list.numeric-list .box-icon.extra-color-bg {
	background-color: rgba(237, 95, 74, 0.8); /* #ed5f4a */
}
.feature-list.numeric-list .box-icon i,
.feature-list.check-list .box-icon i,
.feature-list.arrow-list .box-icon i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	line-height: 1;
}
.feature-list.numeric-list .box-icon i {
	color: #fff;
}
.feature-list.numeric-list .box-icon .number {
	top: 0;
	left: 0;
	width: 100%;
	font: 700 19px/37px Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}
.feature-list.numeric-list .box-text {
	margin-left: 54px;
}

/* Check list */
.feature-list.check-list .box-icon {
	position: relative;
	float: left;
	width: 37px;
	height: 37px;
	border: 1px solid #fab23c;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 5px;
}
.feature-list.check-list .box-icon.secondary-color-bg {
	border-color: #fab23c;
}
.feature-list.check-list .box-icon i,
.feature-list.check-list .box-icon.secondary-color-bg i {
	color: #e5a235;
}
.feature-list.check-list .box-icon.primary-color-bg {
	border-color: #6b9bb3;
}
.feature-list.check-list .box-icon.primary-color-bg i {
	color: #6b9bb3;
}
.feature-list.check-list .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 18px;
	margin-top: -9px;
	margin-left: -11px; /* 23px - fixed width (.fa-fw) */
}
.feature-list.check-list .box-icon .ion { /* vector icons - Ionicons */
	font-size: 19px;
	margin-top: -10px;
	margin-left: -10px; /* 23px - fixed width (.ion-fw) */
}
.feature-list.check-list .box-text {
	margin-left: 50px;
}
.feature-list.check-list .box-text p {
	line-height: 1.5;
}
.feature-list.check-list .box-text h4 + p:first-of-type:last-child,
.feature-list.check-list .box-text h5 + p:first-of-type:last-child,
.feature-list.check-list .box-text h6 + p:first-of-type:last-child {
	margin-top: 5px;
}

/* Arrow list */
.feature-list.arrow-list .box-icon {
	position: relative;
	float: left;
	left: -6px;
	width: 26px;
	height: 22px;
	margin-top: 7px;
}
.feature-list.arrow-list .box-icon i,
.feature-list.arrow-list .box-icon.extra-color i {
	color: #ed5f4a;
}
.feature-list.arrow-list .box-icon.primary-color i {
	color: rgba(107, 155, 179, 0.7); /* #6b9bb3 */
}
.feature-list.arrow-list .box-icon.secondary-color i {
	color: #e5a235;
}
.feature-list.arrow-list .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 20px;
	margin-top: -10px;
	margin-left: -13px; /* 26px - fixed width (.fa-fw) */
}
.feature-list.arrow-list .box-icon .ion { /* vector icons - Ionicons */
	font-size: 22px;
	margin-top: -11px;
	margin-left: -13px; /* 26px - fixed width (.ion-fw) */
}
.feature-list.arrow-list .box-text {
	margin-left: 28px;
}
.feature-list.arrow-list .box-text h4 {
	margin-top: -4px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	
	/* small column space */
	.feature-list.small-col-space {
		margin: 0 -10px;
	}
	.feature-list.small-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* medium column space */
	.feature-list.medium-col-space {
		margin: 0 -15px;
	}
	.feature-list.medium-col-space article {
		margin-left: 15px;
		margin-right: 15px;
	}
	
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.feature-list.small-col-space {
		margin: 0 -7px;
	}
	.feature-list.small-col-space article {
		margin-left: 7px;
		margin-right: 7px;
	}
	.feature-list.medium-col-space {
		margin: 0 -10px;
	}
	.feature-list.medium-col-space article {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.feature-list.small-col-space {
		margin: 0 -3px;
	}
	.feature-list.small-col-space article {
		margin-left: 3px;
		margin-right: 3px;
	}
	.feature-list.medium-col-space {
		margin: 0 -5px;
	}
	.feature-list.medium-col-space article {
		margin-left: 5px;
		margin-right: 5px;
	}
}
@media (max-width: 991px) {
	.feature-list article h4 {
		font-size: 25px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* 2/3 columns >> 1 column */
	.feature-list .col-sm-12.col-md-6 article,
	.feature-list .col-sm-12.col-md-4 article {
		margin-top: 30px !important;
	}
	.feature-list .row:first-child .col-sm-12.col-md-6:first-child article,
	.feature-list .row:first-child .col-sm-12.col-md-4:first-child article {
		margin-top: 0 !important;
	}
}
@media (max-width: 767px) {
	.feature-list .row:first-child article {
		margin-top: 30px;
	}
	.feature-list .row:first-child .columns:first-child article {
		margin-top: 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	10. Fancy Image
/*-----------------------------------------------------------------------------------*/

.fancy-picture {
	position: relative;
}
.fancy-picture .box-image {
	position: relative;
	width: 210px;
	height: 210px;
	background-color: #f0f6f9;
	border: 5px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	text-align: center;
	overflow: hidden;
	line-height: 0;
	z-index: 2;
}
.fancy-picture.box-filled-bg .box-image::after {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 30px;
	background-color: #555;
	border-top: 1px solid #fff;
	content: "";
}
.fancy-picture.box-filled-bg .box-image img {
	display: inline;
	width: 128px;
	margin-top: 42px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 768px) {
	.fancy-picture.colored-beam-left,
	.fancy-picture.colored-beam-right {
		margin-bottom: 30px;
	}
	
	/* Colored beam at the left side of the image */
	.fancy-picture.colored-beam-left .box-image {
		left: calc(100% - 205px);
	}
	.fancy-picture.colored-beam-left::before,
	.fancy-picture.colored-beam-left::after,
	.fancy-picture.colored-beam-right::before,
	.fancy-picture.colored-beam-right::after {
		position: absolute;
		display: block;
		left: 0;
		right: 100px;
		height: 100px;
		content: "";
		opacity: 0.1;
		z-index: 1;
	}
	.fancy-picture.colored-beam-left::before {
		top: 5px;
		background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-picture.colored-beam-left::after {
		top: 105px;
		background: linear-gradient(to top right, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	
	/* Colored beam at the right side of the image */
	.fancy-picture.colored-beam-right .box-image {
		left: -5px;
	}
	.fancy-picture.colored-beam-right::before,
	.fancy-picture.colored-beam-right::after {
		left: 100px;
		right: 0;
	}
	.fancy-picture.colored-beam-right::before {
		top: 5px;
		background: linear-gradient(to bottom left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-picture.colored-beam-right::after {
		top: 105px;
		background: linear-gradient(to top left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
}
@media (max-width: 991px) {
	.fancy-picture .box-image {
		width: 156px;
		height: 156px;
		border-width: 4px;
	}
	.fancy-picture.box-filled-bg .box-image::after {
		width: 148px;
		height: 22px;
	}
	.fancy-picture.box-filled-bg .box-image img {
		width: 96px;
		margin-top: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.fancy-picture.colored-beam-left .box-image {
		left: calc(100% - 152px);
	}
	.fancy-picture.colored-beam-right .box-image {
		left: -4px;
	}
	.fancy-picture.colored-beam-left::before,
	.fancy-picture.colored-beam-left::after,
	.fancy-picture.colored-beam-right::before,
	.fancy-picture.colored-beam-right::after {
		right: 74px;
		height: 74px;
	}

	.fancy-picture.colored-beam-left::before,
	.fancy-picture.colored-beam-right::before {
		top: 4px;
	}
	.fancy-picture.colored-beam-left::after,
	.fancy-picture.colored-beam-right::after {
		top: 78px;
	}
	.fancy-picture.colored-beam-right::before,
	.fancy-picture.colored-beam-right::after {
		left: 74px;
		right: 0;
	}
}
@media (max-width: 767px) {
	.fancy-picture {
		margin-bottom: -10px;
	}
	
	/* Colored beam at the left side of the image */
	.fancy-picture[class*="colored-beam-"] .box-image {
		left: -4px;
	}
	.fancy-picture[class*="colored-beam-"]::before,
	.fancy-picture[class*="colored-beam-"]::after {
		position: absolute;
		display: block;
		left: 74px;
		right: 0;
		height: 74px;
		content: "";
		opacity: 0.1;
		z-index: 1;
	}
	.fancy-picture[class*="colored-beam-"]::before {
		top: 4px;
		background: linear-gradient(to bottom left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-picture[class*="colored-beam-"]::after {
		top: 78px;
		background: linear-gradient(to top left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
}
@media (max-width: 479px) {
	.fancy-picture {
		margin-bottom: -20px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	11. Fancy Icon
/*-----------------------------------------------------------------------------------*/

.fancy-icon {
	position: relative;
}
.fancy-icon .box-icon {
	position: relative;
	width: 200px;
	height: 200px;
	background-color: #fff;
	border: 7px solid #adcad9;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	text-align: center;
	overflow: hidden;
	line-height: 0;
	z-index: 2;
}
.stripe-light-grey-bg .fancy-icon .box-icon {
	background-color: #edf1f2;
}
.stripe-primary-color-light-bg .fancy-icon .box-icon {
	background-color: #f0f6f9;
}
.stripe-primary-color-pale-bg .fancy-icon .box-icon {
	background-color: #f9f9f9;
}
.stripe-pale-bg .fancy-icon .box-icon {
	background-color: #f9f9f9;
}
.fancy-icon .box-icon .inner-border {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	z-index: 2;
}
.stripe-light-grey-bg .fancy-icon .box-icon .inner-border {
	border-color: #edf1f2;
}
.fancy-icon .box-icon::before {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 25px;
	background-color: #faca7d;
	content: "";
}
.fancy-icon .box-icon::after { /* vector icons - Ionicons (ios outline) */
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1.2em;
	font-family: Ionicons;
	font-size: 170px;
	line-height: 1;
	color: #6b9bb3;
	content: "\f3c7";
	margin-left: -102px;
	text-align: center;
}

/* Icon set */
.fancy-icon-set {
	margin-top: -30px;
	margin-right: -113px;
}
.fancy-icon-set .fancy-icon {
	float: left;
	margin-right: 113px;
	margin-top: 30px;
}
.fancy-icon-set .fancy-icon .icon-label {
	font-size: 17px;
	font-weight: 400;
	margin-top: 5px;
	text-align: center;
}

/* Icons */
.fancy-icon .box-icon.icon-arrow-thin-up::after { content: "\f3d7"; font-size: 190px; margin-left: -114px; bottom: 3px; }
.fancy-icon .box-icon.icon-arrow-thin-up::before { height: 30px; }

.fancy-icon .box-icon.icon-arrow-thin-down::after { content: "\f3d4"; font-size: 190px; margin-left: -114px; bottom: 3px; }
.fancy-icon .box-icon.icon-arrow-thin-down::before { height: 30px; }

.fancy-icon .box-icon.icon-information::after { content: "\f44b"; font-size: 240px; margin-left: -144px; bottom: -24px; }

.fancy-icon .box-icon.icon-help::after { content: "\f444"; font-size: 240px; margin-left: -144px; bottom: -24px; }

.fancy-icon .box-icon.icon-search::after { content: "\f4a5"; margin-left: -88px; bottom: -5px; }

.fancy-icon .box-icon.icon-star::after { content: "\f4b2"; font-size: 180px; margin-left: -108px; bottom: 5px; }
.fancy-icon .box-icon.icon-star::before { height: 35px; }

.fancy-icon .box-icon.icon-star-half::after { content: "\f4b1"; font-size: 180px; margin-left: -108px; bottom: 5px; }
.fancy-icon .box-icon.icon-star-half::before { height: 35px; }

.fancy-icon .box-icon.icon-heart::after { content: "\f442"; font-size: 156px; margin-left: -93px; bottom: 5px; }

.fancy-icon .box-icon.icon-more::after { content: "\f46a"; font-size: 210px; margin-left: -126px; bottom: -12px; }

.fancy-icon .box-icon.icon-home::after { content: "\f447"; font-size: 180px; margin-left: -108px; }
.fancy-icon .box-icon.icon-home::before { height: 27px; }

.fancy-icon .box-icon.icon-cloud-upload::after { content: "\f40a"; }
.fancy-icon .box-icon.icon-cloud-upload::before { height: 30px; }

.fancy-icon .box-icon.icon-cloud-download::after { content: "\f407"; }
.fancy-icon .box-icon.icon-cloud-download::before { height: 24px; }

.fancy-icon .box-icon.icon-loop::after { content: "\f45a"; font-size: 140px; margin-left: -84px; bottom: 22px; }

.fancy-icon .box-icon.icon-book::after { content: "\f3e7"; font-size: 160px; margin-left: -96px; bottom: 5px; }
.fancy-icon .box-icon.icon-book::before { height: 31px; }

.fancy-icon .box-icon.icon-flag::after { content: "\f42c"; font-size: 200px; margin-left: -115px; bottom: -10px; }

.fancy-icon .box-icon.icon-browsers::after { content: "\f3ef"; font-size: 160px; margin-left: -92px; bottom: 5px; }
.fancy-icon .box-icon.icon-browsers::before { height: 24px; }

.fancy-icon .box-icon.icon-at::after { content: "\f3d9"; font-size: 200px; margin-left: -120px; bottom: -9px; }
.fancy-icon .box-icon.icon-at::before { height: 30px; }

.fancy-icon .box-icon.icon-pricetags::after { content: "\f48e"; font-size: 150px; margin-left: -92px; bottom: 10px; }
.fancy-icon .box-icon.icon-pricetags::before { height: 30px; }

.fancy-icon .box-icon.icon-cart::after { content: "\f3f7"; }
.fancy-icon .box-icon.icon-cart::before { height: 20px; }

.fancy-icon .box-icon.icon-chatboxes::after { content: "\f3f9"; font-size: 160px; margin-left: -96px; }

.fancy-icon .box-icon.icon-gear::after { content: "\f43c"; bottom: 7px; }

.fancy-icon .box-icon.icon-settings::after { content: "\f4a7"; font-size: 150px; margin-left: -90px; bottom: 15px; }

.fancy-icon .box-icon.icon-pulse::after { content: "\f493"; }
.fancy-icon .box-icon.icon-pulse::before { height: 28px; }

.fancy-icon .box-icon.icon-box::after { content: "\f3eb"; font-size: 190px; margin-left: -114px; bottom: -10px; }
.fancy-icon .box-icon.icon-box::before { height: 33px; }

.fancy-icon .box-icon.icon-compose::after { content: "\f417"; margin-left: -92px; }
.fancy-icon .box-icon.icon-compose::before { height: 30px; }

.fancy-icon .box-icon.icon-copy::after { content: "\f41b"; font-size: 180px; margin-left: -104px; }

.fancy-icon .box-icon.icon-email::after { content: "\f422"; bottom: 5px; }

.fancy-icon .box-icon.icon-undo::after { content: "\f4c6"; font-size: 180px; margin-left: -108px; bottom: -5px; }
.fancy-icon .box-icon.icon-undo::before { height: 30px; }

.fancy-icon .box-icon.icon-redo::after { content: "\f498"; font-size: 180px; margin-left: -108px; bottom: -5px; }
.fancy-icon .box-icon.icon-redo::before { height: 30px; }

.fancy-icon .box-icon.icon-paperplane::after { content: "\f473"; font-size: 200px; margin-left: -125px; bottom: -15px; }
.fancy-icon .box-icon.icon-paperplane::before { height: 30px; }

.fancy-icon .box-icon.icon-paper::after { content: "\f471"; font-size: 160px; margin-left: -96px; bottom: 7px; }
.fancy-icon .box-icon.icon-paper::before { height: 30px; }

.fancy-icon .box-icon.icon-list::after { content: "\f453"; font-size: 160px; margin-left: -96px; bottom: 5px; }
.fancy-icon .box-icon.icon-list::before { height: 28px; }

.fancy-icon .box-icon.icon-world::after { content: "\f4d2"; font-size: 160px; margin-left: -96px; bottom: 12px; }
.fancy-icon .box-icon.icon-world::before { height: 32px; }

.fancy-icon .box-icon.icon-alarm::after { content: "\f3c7"; }

.fancy-icon .box-icon.icon-speedometer::after { content: "\f4af"; font-size: 160px; margin-left: -96px; bottom: 15px; }

.fancy-icon .box-icon.icon-stopwatch::after { content: "\f4b4"; bottom: 8px; }
.fancy-icon .box-icon.icon-stopwatch::before { height: 28px; }

.fancy-icon .box-icon.icon-timer::after { content: "\f4c0"; font-size: 160px; margin-left: -96px; bottom: 12px; }
.fancy-icon .box-icon.icon-timer::before { height: 30px; }

.fancy-icon .box-icon.icon-time::after { content: "\f4be"; font-size: 150px; margin-left: -90px; bottom: 17px; }
.fancy-icon .box-icon.icon-time::before { height: 30px; }

.fancy-icon .box-icon.icon-calendar::after { content: "\f3f3"; font-size: 160px; margin-left: -96px; bottom: 10px; }
.fancy-icon .box-icon.icon-calendar::before { height: 29px; }

.fancy-icon .box-icon.icon-photos::after { content: "\f481"; font-size: 150px; margin-left: -90px; bottom: 10px; }
.fancy-icon .box-icon.icon-photos::before { height: 28px; }

.fancy-icon .box-icon.icon-albums::after { content: "\f3c9"; font-size: 150px; margin-left: -90px; bottom: 15px; }

.fancy-icon .box-icon.icon-camera::after { content: "\f3f5"; font-size: 180px; margin-left: -104px; bottom: 5px; }

.fancy-icon .box-icon.icon-flash::after { content: "\f3e5"; font-size: 190px; margin-left: -114px; }
.fancy-icon .box-icon.icon-flash::before { height: 32px; }

.fancy-icon .box-icon.icon-wand::after { content: "\f415"; margin-left: -105px; bottom: 5px; }

.fancy-icon .box-icon.icon-filter::after { content: "\f413"; bottom: 8px; }

.fancy-icon .box-icon.icon-grid-view::after { content: "\f440"; bottom: 8px; }

.fancy-icon .box-icon.icon-barcode::after { content: "\f3db"; bottom: 8px; }

.fancy-icon .box-icon.icon-briefcase::after { content: "\f3ed"; font-size: 160px; margin-left: -96px; bottom: 12px; }
.fancy-icon .box-icon.icon-briefcase::before { height: 30px; }

.fancy-icon .box-icon.icon-medkit::after { content: "\f45d"; font-size: 160px; margin-left: -96px; bottom: 12px; }
.fancy-icon .box-icon.icon-medkit::before { height: 30px; }

.fancy-icon .box-icon.icon-medical::after { content: "\f45b"; bottom: 8px; }

.fancy-icon .box-icon.icon-infinite::after { content: "\f449"; bottom: 8px; }

.fancy-icon .box-icon.icon-calculator::after { content: "\f3f1"; bottom: 5px; }
.fancy-icon .box-icon.icon-calculator::before { height: 28px; }

.fancy-icon .box-icon.icon-keypad::after { content: "\f44f"; font-size: 156px; margin-left: -93px; bottom: 15px; }
.fancy-icon .box-icon.icon-keypad::before { height: 24px; }

.fancy-icon .box-icon.icon-reorder::after { content: "\f421"; font-size: 180px; margin-left: -108px; bottom: 2px; }

.fancy-icon .box-icon.icon-location::after { content: "\f455"; }

.fancy-icon .box-icon.icon-navigate::after { content: "\f46d"; font-size: 140px; margin-left: -84px; bottom: 22px; }

.fancy-icon .box-icon.icon-locked::after { content: "\f457"; bottom: 6px; }

.fancy-icon .box-icon.icon-unlocked::after { content: "\f4c8"; bottom: 6px; }

.fancy-icon .box-icon.icon-monitor::after { content: "\f465"; font-size: 156px; margin-left: -93px; bottom: 4px; }
.fancy-icon .box-icon.icon-monitor::before { height: 35px; }

.fancy-icon .box-icon.icon-printer::after { content: "\f490"; font-size: 180px; margin-left: -108px; bottom: -27px; }
.fancy-icon .box-icon.icon-printer::before { height: 34px; }

.fancy-icon .box-icon.icon-game-controller::after { content: "\f43a"; bottom: 8px; }

.fancy-icon .box-icon.icon-americanfootball::after { content: "\f3cb"; font-size: 150px; margin-left: -90px; bottom: 17px; }

.fancy-icon .box-icon.icon-baseball::after { content: "\f3dd"; font-size: 156px; margin-left: -93px; bottom: 15px; }

.fancy-icon .box-icon.icon-basketball::after { content: "\f3df"; font-size: 156px; margin-left: -93px; bottom: 15px; }

.fancy-icon .box-icon.icon-tennisball::after { content: "\f4ba"; font-size: 156px; margin-left: -93px; bottom: 15px; }

.fancy-icon .box-icon.icon-football::after { content: "\f436"; font-size: 156px; margin-left: -93px; bottom: 15px; }

.fancy-icon .box-icon.icon-body::after { content: "\f3e4"; bottom: 6px; }
.fancy-icon .box-icon.icon-body::before { height: 24px; }

.fancy-icon .box-icon.icon-person::after { content: "\f47d"; font-size: 200px; margin-left: -120px; bottom: -4px; }
.fancy-icon .box-icon.icon-person::before { height: 31px; }

.fancy-icon .box-icon.icon-personadd::after { content: "\f47f"; font-size: 200px; margin-left: -120px; bottom: -4px; }
.fancy-icon .box-icon.icon-personadd::before { height: 31px; }

.fancy-icon .box-icon.icon-people::after { content: "\f47b"; font-size: 190px; margin-left: -114px; bottom: -4px; }
.fancy-icon .box-icon.icon-people::before { height: 28px; }

.fancy-icon .box-icon.icon-musical-notes::after { content: "\f46c"; margin-left: -105px; bottom: 6px; }

.fancy-icon .box-icon.icon-bell::after { content: "\f3e1"; bottom: 8px; }

.fancy-icon .box-icon.icon-mic::after { content: "\f460"; bottom: 10px; }
.fancy-icon .box-icon.icon-mic::before { height: 22px; }

.fancy-icon .box-icon.icon-volume-high::after { content: "\f4ce"; font-size: 200px; margin-left: -120px; bottom: -6px; }

.fancy-icon .box-icon.icon-play::after { content: "\f487"; font-size: 190px; margin-left: -98px; bottom: -3px; }

.fancy-icon .box-icon.icon-fastforward::after { content: "\f426"; font-size: 160px; margin-left: -88px; bottom: 12px; }

.fancy-icon .box-icon.icon-rewind::after { content: "\f4a0"; font-size: 160px; margin-left: -104px; bottom: 12px; }

.fancy-icon .box-icon.icon-shuffle::after { content: "\f4a9"; font-size: 160px; margin-left: -96px; bottom: 10px; }

.fancy-icon .box-icon.icon-videocam::after { content: "\f4cc"; bottom: 7px; }

.fancy-icon .box-icon.icon-film::after { content: "\f42a"; font-size: 160px; margin-left: -96px; bottom: 12px; }

.fancy-icon .box-icon.icon-flask::after { content: "\f430"; font-size: 160px; margin-left: -96px; bottom: 12px; }

.fancy-icon .box-icon.icon-lightbulb::after { content: "\f451"; bottom: 5px; }
.fancy-icon .box-icon.icon-lightbulb::before { height: 29px; }

.fancy-icon .box-icon.icon-wineglass::after { content: "\f4d0"; bottom: 5px; }
.fancy-icon .box-icon.icon-wineglass::before { height: 20px; }

.fancy-icon .box-icon.icon-pint::after { content: "\f485"; bottom: 5px; }
.fancy-icon .box-icon.icon-pint::before { height: 20px; }

.fancy-icon .box-icon.icon-nutrition::after { content: "\f46f"; bottom: 12px; }

.fancy-icon .box-icon.icon-flower::after { content: "\f432"; font-size: 150px; margin-left: -90px; bottom: 18px; }

.fancy-icon .box-icon.icon-paw::after { content: "\f479"; bottom: 12px; }

.fancy-icon .box-icon.icon-flame::after { content: "\f42e"; bottom: 10px; }

.fancy-icon .box-icon.icon-sunny::after { content: "\f4b6"; font-size: 200px; margin-left: -120px; bottom: -5px; }

.fancy-icon .box-icon.icon-partlysunny::after { content: "\f475"; font-size: 180px; margin-left: -108px; bottom: 10px; }

.fancy-icon .box-icon.icon-cloudy::after { content: "\f40f"; font-size: 230px; margin-left: -138px; bottom: -10px; }

.fancy-icon .box-icon.icon-rainy::after { content: "\f494"; font-size: 210px; margin-left: -126px; bottom: -5px; }

.fancy-icon .box-icon.icon-snowy::after { content: "\f4ae"; font-size: 210px; margin-left: -126px; bottom: -5px; }

.fancy-icon .box-icon.icon-iphone::after { content: "\f1fa"; bottom: 10px; }

.fancy-icon .box-icon.icon-ipad::after { content: "\f1f9"; font-size: 160px; margin-left: -96px; bottom: 10px; }

.fancy-icon .box-icon.icon-bag::after { content: "\f110"; font-size: 150px; margin-left: -90px; bottom: 27px; }
.fancy-icon .box-icon.icon-bag::before { height: 32px; }

.fancy-icon .box-icon.icon-tshirt::after { content: "\f4f6"; font-size: 150px; margin-left: -90px; bottom: 20px; }
.fancy-icon .box-icon.icon-tshirt::before { height: 29px; }

.fancy-icon .box-icon.icon-twitter::after { content: "\f242"; font-size: 150px; margin-left: -90px; bottom: 17px; }

.fancy-icon .box-icon.icon-facebook::after { content: "\f230"; font-size: 150px; margin-left: -90px; bottom: 17px; }

.fancy-icon .box-icon.icon-googleplus::after { content: "\f234"; font-size: 150px; margin-left: -90px; bottom: 17px; }

.fancy-icon .box-icon.icon-linkedin::after { content: "\f238"; font-size: 150px; margin-left: -90px; bottom: 17px; }

.fancy-icon .box-icon.icon-usd::after { content: "\f352"; font-size: 150px; margin-left: -90px; bottom: 20px; }

.fancy-icon .box-icon.icon-bitcoin::after { content: "\f2ae"; font-size: 150px; margin-left: -87px; bottom: 20px; }

.fancy-icon .box-icon.icon-euro::after { content: "\f4e0"; font-size: 150px; margin-left: -95px; bottom: 20px; }

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.fancy-icon-set {
		margin-right: -163px;
	}
	.fancy-icon-set .fancy-icon {
		margin-right: 163px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.fancy-icon-set {
		margin-right: -170px;
	}
	.fancy-icon-set .fancy-icon {
		margin-right: 170px;
	}
}
@media (min-width: 768px) {
	.fancy-icon.colored-beam-left,
	.fancy-icon.colored-beam-right {
		margin-bottom: 25px;
	}
	
	/* Colored beam at the left side of the circle */
	.fancy-icon.colored-beam-left .box-icon {
		left: calc(100% - 200px);
	}
	.fancy-icon.colored-beam-left::before,
	.fancy-icon.colored-beam-left::after,
	.fancy-icon.colored-beam-right::before,
	.fancy-icon.colored-beam-right::after {
		position: absolute;
		display: block;
		left: 0;
		right: 100px;
		height: 100px;
		content: "";
		opacity: 0.1;
		z-index: 1;
	}
	.fancy-icon.colored-beam-left::before {
		top: 0;
		background: linear-gradient(to bottom right, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-icon.colored-beam-left::after {
		top: 100px;
		background: linear-gradient(to top right, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}

	/* Colored beam at the right side of the circle */
	.fancy-icon.colored-beam-right::before,
	.fancy-icon.colored-beam-right::after {
		left: 100px;
		right: 0;
	}
	.fancy-icon.colored-beam-right::before {
		top: 0;
		background: linear-gradient(to bottom left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-icon.colored-beam-right::after {
		top: 100px;
		background: linear-gradient(to top left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
}
@media (max-width: 991px) {
	.fancy-icon .box-icon {
		width: 156px;
		height: 156px;
		border-width: 5px;
	}
	.fancy-icon .box-icon::before {
		width: 156px;
		height: 20px;
	}
	.fancy-icon .box-icon::after {
		font-size: 133px;
		margin-left: -80px;
	}
	
	.fancy-icon-set .fancy-icon .icon-label {
		font-size: 14px;
	}
	
	/* Icons */
	.fancy-icon .box-icon.icon-arrow-thin-up::after { font-size: 148px; margin-left: -89px; bottom: 3px; }
	.fancy-icon .box-icon.icon-arrow-thin-up::before { height: 23px; }

	.fancy-icon .box-icon.icon-arrow-thin-down::after { font-size: 148px; margin-left: -89px; bottom: 3px; }
	.fancy-icon .box-icon.icon-arrow-thin-down::before { height: 23px; }

	.fancy-icon .box-icon.icon-information::after { font-size: 188px; margin-left: -113px; bottom: -19px; }

	.fancy-icon .box-icon.icon-help::after { font-size: 188px; margin-left: -113px; bottom: -19px; }
	
	.fancy-icon .box-icon.icon-search::after { margin-left: -70px; bottom: -5px; }
	
	.fancy-icon .box-icon.icon-star::after { font-size: 140px; margin-left: -84px; bottom: 6px; }
	.fancy-icon .box-icon.icon-star::before { height: 27px; }

	.fancy-icon .box-icon.icon-star-half::after { font-size: 140px; margin-left: -84px; bottom: 6px; }
	.fancy-icon .box-icon.icon-star-half::before { height: 27px; }

	.fancy-icon .box-icon.icon-heart::after { font-size: 122px; margin-left: -73px; bottom: 5px; }
	
	.fancy-icon .box-icon.icon-more::after { font-size: 164px; margin-left: -98px; bottom: -10px; }
	
	.fancy-icon .box-icon.icon-home::after { font-size: 140px; margin-left: -84px; }
	.fancy-icon .box-icon.icon-home::before { height: 21px; }
	
	.fancy-icon .box-icon.icon-cloud-upload::before { height: 23px; }
	
	.fancy-icon .box-icon.icon-cloud-download::before { height: 19px; }
	
	.fancy-icon .box-icon.icon-loop::after { font-size: 109px; margin-left: -65px; bottom: 19px; }

	.fancy-icon .box-icon.icon-book::after { font-size: 125px; margin-left: -75px; bottom: 3px; }
	.fancy-icon .box-icon.icon-book::before { height: 22px; }

	.fancy-icon .box-icon.icon-flag::after { font-size: 156px; margin-left: -93px; bottom: -6px; }
	
	.fancy-icon .box-icon.icon-browsers::after { font-size: 125px; margin-left: -73px; bottom: 5px; }
	.fancy-icon .box-icon.icon-browsers::before { height: 19px; }

	.fancy-icon .box-icon.icon-at::after { font-size: 156px; margin-left: -94px; bottom: -7px; }
	.fancy-icon .box-icon.icon-at::before { height: 23px; }

	.fancy-icon .box-icon.icon-pricetags::after { font-size: 117px; margin-left: -70px; bottom: 8px; }
	.fancy-icon .box-icon.icon-pricetags::before { height: 23px; }

	.fancy-icon .box-icon.icon-cart::before { height: 15px; }

	.fancy-icon .box-icon.icon-chatboxes::after { font-size: 125px; margin-left: -75px; }

	.fancy-icon .box-icon.icon-gear::after { bottom: 6px; }

	.fancy-icon .box-icon.icon-settings::after { font-size: 117px; margin-left: -70px; bottom: 13px; }

	.fancy-icon .box-icon.icon-pulse::before { height: 22px; }
	
	.fancy-icon .box-icon.icon-box::after { font-size: 148px; margin-left: -89px; bottom: -8px; }
	.fancy-icon .box-icon.icon-box::before { height: 26px; }

	.fancy-icon .box-icon.icon-compose::after { margin-left: -73px; }
	.fancy-icon .box-icon.icon-compose::before { height: 23px; }

	.fancy-icon .box-icon.icon-copy::after { font-size: 140px; margin-left: -82px; bottom: 1px; }

	.fancy-icon .box-icon.icon-email::after { bottom: 6px; }
	
	.fancy-icon .box-icon.icon-undo::after { font-size: 140px; margin-left: -86px; bottom: -3px; }
	.fancy-icon .box-icon.icon-undo::before { height: 23px; }

	.fancy-icon .box-icon.icon-redo::after { font-size: 140px; margin-left: -82px; bottom: -3px; }
	.fancy-icon .box-icon.icon-redo::before { height: 23px; }

	.fancy-icon .box-icon.icon-paperplane::after { font-size: 156px; margin-left: -97px; bottom: -12px; }
	.fancy-icon .box-icon.icon-paperplane::before { height: 23px; }

	.fancy-icon .box-icon.icon-paper::after { font-size: 125px; margin-left: -75px; bottom: 5px; }
	.fancy-icon .box-icon.icon-paper::before { height: 23px; }

	.fancy-icon .box-icon.icon-list::after { font-size: 125px; margin-left: -75px; bottom: 5px; }
	.fancy-icon .box-icon.icon-list::before { height: 22px; }

	.fancy-icon .box-icon.icon-world::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	.fancy-icon .box-icon.icon-world::before { height: 25px; }

	.fancy-icon .box-icon.icon-alarm::after { bottom: 1px; }
	
	.fancy-icon .box-icon.icon-speedometer::after { font-size: 125px; margin-left: -75px; bottom: 12px; }

	.fancy-icon .box-icon.icon-stopwatch::after { bottom: 6px; }
	.fancy-icon .box-icon.icon-stopwatch::before { height: 22px; }
	
	.fancy-icon .box-icon.icon-timer::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	.fancy-icon .box-icon.icon-timer::before { height: 23px; }

	.fancy-icon .box-icon.icon-time::after { font-size: 117px; margin-left: -70px; bottom: 14px; }
	.fancy-icon .box-icon.icon-time::before { height: 23px; }

	.fancy-icon .box-icon.icon-calendar::after { font-size: 125px; margin-left: -75px; bottom: 8px; }
	.fancy-icon .box-icon.icon-calendar::before { height: 22px; }

	.fancy-icon .box-icon.icon-photos::after { font-size: 117px; margin-left: -72px; bottom: 8px; }
	.fancy-icon .box-icon.icon-photos::before { height: 21px; }

	.fancy-icon .box-icon.icon-albums::after { font-size: 117px; margin-left: -70px; bottom: 13px; }

	.fancy-icon .box-icon.icon-camera::after { font-size: 140px; margin-left: -84px; bottom: 5px; }

	.fancy-icon .box-icon.icon-flash::after { font-size: 148px; margin-left: -88px; }
	.fancy-icon .box-icon.icon-flash::before { height: 25px; }

	.fancy-icon .box-icon.icon-wand::after { margin-left: -80px; bottom: 5px; }

	.fancy-icon .box-icon.icon-filter::after { bottom: 7px; }

	.fancy-icon .box-icon.icon-grid-view::after { bottom: 7px; }

	.fancy-icon .box-icon.icon-barcode::after { bottom: 7px; }
	
	.fancy-icon .box-icon.icon-briefcase::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	.fancy-icon .box-icon.icon-briefcase::before { height: 23px; }

	.fancy-icon .box-icon.icon-medkit::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	.fancy-icon .box-icon.icon-medkit::before { height: 23px; }

	.fancy-icon .box-icon.icon-medical::after { bottom: 7px; }

	.fancy-icon .box-icon.icon-infinite::after { bottom: 6px; }

	.fancy-icon .box-icon.icon-calculator::after { bottom: 3px; }
	.fancy-icon .box-icon.icon-calculator::before { height: 22px; }

	.fancy-icon .box-icon.icon-keypad::after { font-size: 122px; margin-left: -73px; bottom: 12px; }
	.fancy-icon .box-icon.icon-keypad::before { height: 19px; }

	.fancy-icon .box-icon.icon-reorder::after { font-size: 140px; margin-left: -84px; bottom: 2px; }

	.fancy-icon .box-icon.icon-location::after { bottom: 1px; }

	.fancy-icon .box-icon.icon-navigate::after { font-size: 109px; margin-left: -65px; bottom: 19px; }

	.fancy-icon .box-icon.icon-locked::after { bottom: 5px; }

	.fancy-icon .box-icon.icon-unlocked::after { bottom: 5px; }
	
	.fancy-icon .box-icon.icon-monitor::after { font-size: 122px; margin-left: -73px; bottom: 3px; }
	.fancy-icon .box-icon.icon-monitor::before { height: 27px; }

	.fancy-icon .box-icon.icon-printer::after { font-size: 140px; margin-left: -84px; bottom: -20px; }
	.fancy-icon .box-icon.icon-printer::before { height: 27px; }

	.fancy-icon .box-icon.icon-game-controller::after { bottom: 7px; }

	.fancy-icon .box-icon.icon-americanfootball::after { font-size: 117px; margin-left: -70px; bottom: 14px; }

	.fancy-icon .box-icon.icon-baseball::after { font-size: 122px; margin-left: -73px; bottom: 12px; }

	.fancy-icon .box-icon.icon-basketball::after { font-size: 122px; margin-left: -73px; bottom: 12px; }

	.fancy-icon .box-icon.icon-tennisball::after { font-size: 122px; margin-left: -73px; bottom: 12px; }

	.fancy-icon .box-icon.icon-football::after { font-size: 122px; margin-left: -73px; bottom: 12px; }

	.fancy-icon .box-icon.icon-body::after { bottom: 5px; }
	.fancy-icon .box-icon.icon-body::before { height: 19px; }

	.fancy-icon .box-icon.icon-person::after { font-size: 156px; margin-left: -94px; bottom: -3px; }
	.fancy-icon .box-icon.icon-person::before { height: 24px; }

	.fancy-icon .box-icon.icon-personadd::after { font-size: 156px; margin-left: -94px; bottom: -3px; }
	.fancy-icon .box-icon.icon-personadd::before { height: 24px; }
	
	.fancy-icon .box-icon.icon-people::after { font-size: 148px; margin-left: -89px; }
	.fancy-icon .box-icon.icon-people::before { height: 22px; }
	
	.fancy-icon .box-icon.icon-musical-notes::after { margin-left: -82px; bottom: 4px; }

	.fancy-icon .box-icon.icon-bell::after { bottom: 7px; }

	.fancy-icon .box-icon.icon-mic::after { bottom: 8px; }
	.fancy-icon .box-icon.icon-mic::before { height: 17px; }

	.fancy-icon .box-icon.icon-volume-high::after { font-size: 156px; margin-left: -94px; bottom: -4px; }

	.fancy-icon .box-icon.icon-play::after { font-size: 148px; margin-left: -77px; bottom: -1px; }

	.fancy-icon .box-icon.icon-fastforward::after { font-size: 125px; margin-left: -68px; bottom: 10px; }

	.fancy-icon .box-icon.icon-rewind::after { font-size: 125px; margin-left: -82px; bottom: 10px; }

	.fancy-icon .box-icon.icon-shuffle::after { font-size: 125px; margin-left: -75px; bottom: 8px; }

	.fancy-icon .box-icon.icon-videocam::after { bottom: 5px; }

	.fancy-icon .box-icon.icon-film::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	
	.fancy-icon .box-icon.icon-flask::after { font-size: 125px; margin-left: -75px; bottom: 10px; }
	
	.fancy-icon .box-icon.icon-lightbulb::after { bottom: 5px; }
	.fancy-icon .box-icon.icon-lightbulb::before { height: 23px; }

	.fancy-icon .box-icon.icon-wineglass::after { bottom: 5px; }
	.fancy-icon .box-icon.icon-wineglass::before { height: 16px; }

	.fancy-icon .box-icon.icon-pint::after { bottom: 5px; }
	.fancy-icon .box-icon.icon-pint::before { height: 16px; }

	.fancy-icon .box-icon.icon-nutrition::after { bottom: 11px; }
	
	.fancy-icon .box-icon.icon-flower::after { font-size: 117px; margin-left: -70px; bottom: 16px; }

	.fancy-icon .box-icon.icon-paw::after { bottom: 10px; }

	.fancy-icon .box-icon.icon-flame::after { bottom: 8px; }

	.fancy-icon .box-icon.icon-sunny::after { font-size: 156px; margin-left: -94px; bottom: -3px; }

	.fancy-icon .box-icon.icon-partlysunny::after { font-size: 140px; margin-left: -84px; bottom: 8px; }

	.fancy-icon .box-icon.icon-cloudy::after { font-size: 180px; margin-left: -108px; bottom: -10px; }

	.fancy-icon .box-icon.icon-rainy::after { font-size: 164px; margin-left: -98px; bottom: -5px; }

	.fancy-icon .box-icon.icon-snowy::after { font-size: 164px; margin-left: -98px; bottom: -5px; }

	.fancy-icon .box-icon.icon-iphone::after { bottom: 8px; }

	.fancy-icon .box-icon.icon-ipad::after { font-size: 125px; margin-left: -75px; bottom: 9px; }

	.fancy-icon .box-icon.icon-bag::after { font-size: 117px; margin-left: -70px; bottom: 22px; }
	.fancy-icon .box-icon.icon-bag::before { height: 25px; }

	.fancy-icon .box-icon.icon-tshirt::after { font-size: 117px; margin-left: -70px; bottom: 17px; }
	.fancy-icon .box-icon.icon-tshirt::before { height: 23px; }

	.fancy-icon .box-icon.icon-twitter::after { font-size: 117px; margin-left: -70px; bottom: 15px; }

	.fancy-icon .box-icon.icon-facebook::after { font-size: 117px; margin-left: -70px; bottom: 15px; }

	.fancy-icon .box-icon.icon-googleplus::after { font-size: 117px; margin-left: -70px; bottom: 15px; }

	.fancy-icon .box-icon.icon-linkedin::after { font-size: 117px; margin-left: -70px; bottom: 15px; }
	
	.fancy-icon .box-icon.icon-usd::after { font-size: 117px; margin-left: -70px; bottom: 17px; }
	
	.fancy-icon .box-icon.icon-bitcoin::after { font-size: 117px; margin-left: -70px; bottom: 17px; }
	
	.fancy-icon .box-icon.icon-euro::after { font-size: 117px; margin-left: -70px; bottom: 17px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.fancy-icon-set {
		margin-right: -120px;
	}
	.fancy-icon-set .fancy-icon {
		margin-right: 120px;
	}
	
	.fancy-icon.colored-beam-left .box-icon {
		left: calc(100% - 156px);
	}
	.fancy-icon.colored-beam-left::before,
	.fancy-icon.colored-beam-left::after,
	.fancy-icon.colored-beam-right::before,
	.fancy-icon.colored-beam-right::after {
		right: 78px;
		height: 78px;
	}
	.fancy-icon.colored-beam-left::after,
	.fancy-icon.colored-beam-right::after {
		top: 78px;
	}
	.fancy-icon.colored-beam-right::before,
	.fancy-icon.colored-beam-right::after {
		left: 78px;
		right: 0;
	}
}
@media (max-width: 767px) {
	.fancy-icon {
		margin-bottom: -10px;
	}
	
	/* Colored beam at the left side of the circle */
	.fancy-icon[class*="colored-beam-"]::before,
	.fancy-icon[class*="colored-beam-"]::after {
		position: absolute;
		display: block;
		left: 78px;
		right: 0;
		height: 78px;
		content: "";
		opacity: 0.1;
		z-index: 1;
	}
	.fancy-icon[class*="colored-beam-"]::before {
		top: 0;
		background: linear-gradient(to bottom left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
	.fancy-icon[class*="colored-beam-"]::after {
		top: 78px;
		background: linear-gradient(to top left, transparent 0%, transparent 50%, #faca7d 50%, #faca7d 100%);
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.fancy-icon-set {
		margin-right: -80px;
	}
	.fancy-icon-set .fancy-icon {
		margin-right: 80px;
	}
}
@media (max-width: 479px) {
	.fancy-icon {
		margin-bottom: -20px;
	}
	.fancy-icon-set {
		margin-right: -30px;
	}
	.fancy-icon-set .fancy-icon {
		margin-right: 30px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	12. Round Thumbnails
/*-----------------------------------------------------------------------------------*/

.round-thumbnails {
	text-align: center;
}
.round-thumbnails figure {
	display: inline-block;
	margin-left: -25px;
	line-height: 0;
}
.round-thumbnails figure:first-child {
	margin-left: 0;
}
.round-thumbnails figure:nth-child(even) {
	position: relative;
	z-index: 2;
}
.round-thumbnails img {
	width: 160px;
	height: 160px;
	border: 3px solid #adcad9;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.round-thumbnails figure {
		margin-left: -28px;
	}
	.round-thumbnails img {
		width: 180px;
		height: 180px;
		border-width: 4px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.round-thumbnails figure {
		margin-left: -22px;
	}
	.round-thumbnails img {
		width: 140px;
		height: 140px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.round-thumbnails figure {
		margin-left: -19px;
	}
	.round-thumbnails img {
		width: 120px;
		height: 120px;
	}
}
@media (max-width: 479px) {
	.round-thumbnails figure {
		margin-left: -18px;
	}
	.round-thumbnails img {
		width: 105px;
		height: 105px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	13. Carousel Plugin
/*-----------------------------------------------------------------------------------*/

.owl-carousel.picture-boxes article,
.owl-carousel.icon-boxes article {
	margin-top: 0 !important;
}
.owl-carousel.picture-boxes .owl-item img {
	display: inline;
	width: auto;
}

/* dots navigation */
.owl-carousel.owl-theme .owl-dots,
.owl-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin: 20px 0 -9px;
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #839ca8;
}

/* next/prev buttons */
.owl-carousel.owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -47px;
}
.owl-carousel.owl-theme[data-dots="false"] .owl-nav {
	margin-top: -22px;
}
.owl-carousel.owl-theme .owl-nav [class*="owl-"] {
	position: absolute;
	width: 44px;
	height: 44px;
	line-height: 1;
	margin: 0;
	padding: 0;
	background-color: #e5e5e5;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: all 0.15s ease;
	     -o-transition: all 0.15s ease;
	        transition: all 0.15s ease;
	opacity: 0.7;
}
.owl-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: #eee;
	opacity: 1;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
	left: -35px;
}
.owl-carousel.owl-theme .owl-nav .owl-next {
	right: -35px;
}
.owl-carousel.owl-theme .owl-nav [class*="owl-"]::before {
	display: block;
	font-family: Ionicons;
	font-size: 28px;
	line-height: 1;
	color: #839ca8;
	margin-top: 6px;
}
.owl-carousel.owl-theme .owl-nav .owl-prev::before {
	content: "\f3cf";
}
.owl-carousel.owl-theme .owl-nav .owl-next::before {
	content: "\f3d1";
}

/* Image Slider
--------------------------------------------------- */

/* dots navigation */
.owl-carousel.image-slider .owl-dots {
    position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 15px 3px 0;
}
.owl-carousel.image-slider .owl-nav.disabled + .owl-dots {
	margin: 0 15px 3px 0;
}
.owl-carousel.image-slider .owl-dots .owl-dot span {
	background: none;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
}
.owl-carousel.image-slider .owl-dots .owl-dot.active span,
.owl-carousel.image-slider .owl-dots .owl-dot:hover span {
    background: #fff !important;
}

/* next/prev buttons */
.owl-carousel.image-slider .owl-nav,
.owl-carousel.image-slider[data-dots="false"] .owl-nav {
	margin-top: -36px;
}
.owl-carousel.image-slider .owl-nav [class*="owl-"] {
	width: 36px;
	height: 72px;
	background-color: rgba(0, 0, 0, 0.3);
	border: none;
	-webkit-transition: opacity 0.3s, background 0.15s;
	     -o-transition: opacity 0.3s, background 0.15s;
	        transition: opacity 0.3s, background 0.15s;
}
.owl-carousel.image-slider .owl-stage-outer:hover + .owl-nav [class*="owl-"] {
	opacity: 1;
}
.owl-carousel.image-slider .owl-nav [class*="owl-"]:hover {
	background-color: rgba(250, 202, 125, 0.5); /* #faca7d */
}
.owl-carousel.image-slider .owl-nav .owl-prev {
	left: 0 !important;
	-webkit-border-radius: 0 36px 36px 0;
	        border-radius: 0 36px 36px 0;
}
.owl-carousel.image-slider .owl-nav .owl-next {
	right: 0 !important;
	-webkit-border-radius: 36px 0 0 36px;
	        border-radius: 36px 0 0 36px;
}
.owl-carousel.image-slider .owl-nav [class*="owl-"]::before {
	position: relative;
	color: #fff !important;
	margin-top: 22px;
}
.owl-carousel.image-slider .owl-nav .owl-prev::before {
	left: -2px;
}
.owl-carousel.image-slider .owl-nav .owl-next::before {
	left: 2px;
}

/* captions */
.image-slider .slide .item-label {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	margin-top: 0;
	padding: 5px 12px;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	text-align: left;
	cursor: default;
	z-index: 15;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1200px) {
	.owl-carousel.icon-boxes.left-icon-box[data-items="2"] article h5 { /* 2 visible items */
		font-size: 26px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.owl-carousel.owl-theme .owl-nav .owl-prev {
		left: -15px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-next {
		right: -15px;
	}
}
@media (max-width: 767px) {
	.owl-carousel.owl-theme .owl-nav .owl-prev {
		left: -15px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-next {
		right: -15px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	14. Info Box
/*-----------------------------------------------------------------------------------*/

/* White (or transparent) background */
.info-box {
	position: relative;
}
.info-box .info-media + .info-text,
.info-box.shadow .info-media + .info-text,
.info-box.pale-bg .info-media + .info-text {
	padding-top: 25px;
}
.info-box .info-text > p:last-child,
.info-box .info-text > ul:last-child,
.info-box .info-text > ol:last-child,
.info-box .info-text > blockquote:last-child {
	margin-bottom: 0;
}
.info-box.shadow {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 5px 5px 40px -10px rgba(0, 0, 0, 0.2);
	        box-shadow: 5px 5px 40px -10px rgba(0, 0, 0, 0.2);
}
.info-box.shadow .info-text {
	padding: 35px 30px 40px;
}
.info-box .info-text .button {
	max-width: 100%;
	overflow: hidden;
}
.info-box .info-text .button.button-medium {
	border-width: 1px;
}

/* Pale background */
.info-box.pale-bg {
	background-color: #f2f1ed;
}
.info-box.pale-bg .info-text {
	padding: 40px 40px 50px;
}
.info-box.pale-bg.shadow {
	-webkit-box-shadow: 45px 45px 44px -16px rgba(0, 0, 0, 0.12);
			box-shadow: 45px 45px 44px -16px rgba(0, 0, 0, 0.12);
}
.info-box.info-sign::before,
.info-box.quote-sign::before {
	position: absolute;
	display: block;
	left: -15px;
	top: -15px;
	width: 50px;
	height: 50px;
	font-family: FontAwesome;
	color: rgba(250, 202, 125, 0.5); /* #faca7d */
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.info-box.info-sign::before {
	padding-left: 5px;
	content: "\f129";
	font-size: 30px;
	line-height: 54px;
}
.info-box.quote-sign::before {
	padding-left: 1px;
	content: "\f10d";
	font-size: 27px;
	line-height: 50px;
}

/* Pinstriped background */
.info-box.pinstriped-bg {
	background: url(../images/backgrounds/pinstriped-bg.png) repeat left top;
}
.info-box.pinstriped-bg .info-text {
	padding: 40px 40px 50px;
}
.info-box.pinstriped-bg .info-media + .info-text {
	padding-top: 35px;
}
.info-box.pinstriped-bg.shadow {
	-webkit-box-shadow: 45px 45px 44px -16px rgba(0, 0, 0, 0.12);
			box-shadow: 45px 45px 44px -16px rgba(0, 0, 0, 0.12);
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-12 .info-box {
		max-width: 600px; /* the width is limited to 600px */
		margin-left: auto;
		margin-right: auto;
	}
	.col-sm-12 .info-box.pale-bg.shadow,
	.col-sm-12 .info-box.pinstriped-bg.shadow {
		-webkit-box-shadow: 35px 35px 22px -24px rgba(0, 0, 0, 0.12);
			    box-shadow: 35px 35px 22px -24px rgba(0, 0, 0, 0.12);
	}
}
@media (max-width: 767px) {
	.info-box {
		max-width: 540px; /* the width is limited to 540px */
		margin-left: auto;
		margin-right: auto;
	}
	.info-box.shadow,
	.info-box.pale-bg.shadow,
	.info-box.pinstriped-bg.shadow {
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
		        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	}
	.info-box.shadow:not(.pale-bg):not(.pinstriped-bg) {
		background-color: #fafafa;
	}
}
@media (max-width: 479px) {
	.info-box.pale-bg .info-text,
	.info-box.pinstriped-bg .info-text {
		padding: 40px 30px 45px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	15. Standard Gallery
/*-----------------------------------------------------------------------------------*/

.gallery-standard {
	margin: -5px;
}
.gallery-2-cols .gallery-item {
	width: 50%;
}
.gallery-3-cols .gallery-item {
	width: 33.33333333%;
}
.gallery-4-cols .gallery-item {
	width: 25%;
}
.gallery-5-cols .gallery-item {
	width: 20%;
}
.gallery-6-cols .gallery-item {
	width: 16.66666667%;
}
.gallery-7-cols .gallery-item {
	width: 14.28571429%;
}
.gallery-8-cols .gallery-item {
	width: 12.5%;
}
.gallery-item {
	position: relative;
	float: left;
	padding: 5px;
}
.gallery-item .item-label {
	position: absolute;
	display: block;
	left: 5px;
	bottom: 5px;
	margin: 0 5px 0 0;
	padding: 3px 10px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.25);
	cursor: default;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
	z-index: 15;
}
.gallery-item:hover .item-label,
.gallery-item:hover .overlay-enabled .image-overlay {
	opacity: 1;
}

/* Touch-screen devices */
.touch-screen .gallery-item .item-label {
	display: none; 
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	/* 2 columns >> 4 columns */
	.col-sm-12.col-md-3 .gallery-2-cols .gallery-item,
	.col-sm-12.col-md-4 .gallery-2-cols .gallery-item {
		width: 25%;
	}
	/* 2 columns >> 3 columns */
	.col-sm-12.col-md-5 .gallery-2-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 3 columns >> 5 columns */
	.col-sm-12.col-md-4 .gallery-3-cols .gallery-item {
		width: 20%;
	}
	/* 3 columns >> 4 columns */
	.col-sm-12.col-md-5 .gallery-3-cols .gallery-item {
		width: 25%;
	}
	/* 3 columns >> 2 columns */
	.col-sm-4 .gallery-3-cols .gallery-item,
	.col-sm-5 .gallery-3-cols .gallery-item {
		width: 50%;
	}
	
	/* 4 columns >> 5 columns */
	.col-sm-12.col-md-5 .gallery-4-cols .gallery-item {
		width: 20%;
	}
	/* 4 columns >> 3 columns */
	.col-sm-5 .gallery-4-cols .gallery-item,
	.col-sm-6 .gallery-4-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 5 columns >> 3 columns */
	.col-sm-6 .gallery-5-cols .gallery-item {
		width: 33.33333333%;
	}
	/* 5 columns >> 4 columns */
	.col-sm-7 .gallery-5-cols .gallery-item,
	.col-sm-8 .gallery-5-cols .gallery-item {
		width: 25%;
	}
	
	/* 6 columns >> 4 columns */
	.col-sm-7 .gallery-6-cols .gallery-item,
	.col-sm-8 .gallery-6-cols .gallery-item {
		width: 25%;
	}
	
	/* 7 columns >> 6 columns */
	.gallery-7-cols .gallery-item {
		width: 16.66666667%;
	}
	/* 7 columns >> 5 columns */
	.col-sm-8 .gallery-7-cols .gallery-item {
		width: 20%;
	}
	
	/* 8 columns >> 6 columns */
	.gallery-8-cols .gallery-item {
		width: 16.66666667%;
	}
	/* 8 columns >> 5 columns */
	.col-sm-9 .gallery-8-cols .gallery-item {
		width: 20%;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	/* 2 columns >> 4 columns */
	.col-md-3 .gallery-2-cols .gallery-item,
	.col-sm-3 .gallery-2-cols .gallery-item,
	.col-md-4 .gallery-2-cols .gallery-item,
	.col-sm-4 .gallery-2-cols .gallery-item {
		width: 25%;
	}
	/* 2 columns >> 3 columns */
	.col-md-5 .gallery-2-cols .gallery-item,
	.col-sm-5 .gallery-2-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 3 columns >> 2 columns */
	.gallery-3-cols .gallery-item {
		width: 50%;
	}
	/* 3 columns >> 5 columns */
	.col-md-4 .gallery-3-cols .gallery-item,
	.col-sm-4 .gallery-3-cols .gallery-item {
		width: 20%;
	}
	/* 3 columns >> 4 columns */
	.col-md-5 .gallery-3-cols .gallery-item,
	.col-sm-5 .gallery-3-cols .gallery-item {
		width: 25%;
	}
	/* 3 columns */
	.col-md-6 .gallery-3-cols .gallery-item,
	.col-sm-6 .gallery-3-cols .gallery-item,
	.col-md-7 .gallery-3-cols .gallery-item,
	.col-sm-7 .gallery-3-cols .gallery-item,
	.col-md-8 .gallery-3-cols .gallery-item,
	.col-sm-8 .gallery-3-cols .gallery-item,
	.col-md-9 .gallery-3-cols .gallery-item,
	.col-sm-9 .gallery-3-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 4 columns >> 3 columns */
	.gallery-4-cols .gallery-item {
		width: 33.33333333%;
	}
	/* 4 columns >> 5 columns */
	.col-md-5 .gallery-4-cols .gallery-item,
	.col-sm-5 .gallery-4-cols .gallery-item {
		width: 20%;
	}
	/* 4 columns */
	.col-md-6 .gallery-4-cols .gallery-item,
	.col-sm-6 .gallery-4-cols .gallery-item,
	.col-md-7 .gallery-4-cols .gallery-item,
	.col-sm-7 .gallery-4-cols .gallery-item,
	.col-md-8 .gallery-4-cols .gallery-item,
	.col-sm-8 .gallery-4-cols .gallery-item,
	.col-md-9 .gallery-4-cols .gallery-item,
	.col-sm-9 .gallery-4-cols .gallery-item {
		width: 25%;
	}
	
	/* 5 columns >> 4 columns */
	.gallery-5-cols .gallery-item {
		width: 25%;
	}
	/* 5 columns */
	.col-md-6 .gallery-5-cols .gallery-item,
	.col-sm-6 .gallery-5-cols .gallery-item,
	.col-md-7 .gallery-5-cols .gallery-item,
	.col-sm-7 .gallery-5-cols .gallery-item,
	.col-md-8 .gallery-5-cols .gallery-item,
	.col-sm-8 .gallery-5-cols .gallery-item,
	.col-md-9 .gallery-5-cols .gallery-item,
	.col-sm-9 .gallery-5-cols .gallery-item {
		width: 20%;
	}
	
	/* 6 columns >> 4 columns */
	.gallery-6-cols .gallery-item {
		width: 25%;
	}
	/* 6 columns >> 5 columns */
	.col-md-7 .gallery-6-cols .gallery-item,
	.col-sm-7 .gallery-6-cols .gallery-item,
	.col-md-8 .gallery-6-cols .gallery-item,
	.col-sm-8 .gallery-6-cols .gallery-item,
	.col-md-9 .gallery-6-cols .gallery-item,
	.col-sm-9 .gallery-6-cols .gallery-item {
		width: 20%;
	}
	
	/* 7 columns >> 5 columns */
	.gallery-7-cols .gallery-item {
		width: 20%;
	}
	
	/* 8 columns >> 5 columns */
	.gallery-8-cols .gallery-item {
		width: 20%;
	}
}
@media (max-width: 479px) {
	.gallery-2-cols,
	.gallery-3-cols {
		max-width: 370px; /* the width is limited to 370px */
		margin-left: auto;
		margin-right: auto;
	}
	/* 2-3 columns >> 1 column */
	.gallery-2-cols .gallery-item,
	.gallery-3-cols .gallery-item {
		width: 100%;
	}
	
	.col-md-3 .gallery-2-cols,
	.col-sm-3 .gallery-2-cols,
	.col-md-4 .gallery-2-cols,
	.col-sm-4 .gallery-2-cols,
	.col-md-5 .gallery-2-cols,
	.col-sm-5 .gallery-2-cols,
	.col-md-4 .gallery-3-cols,
	.col-sm-4 .gallery-3-cols,
	.col-md-5 .gallery-3-cols,
	.col-sm-5 .gallery-3-cols,
	.col-md-6 .gallery-3-cols,
	.col-sm-6 .gallery-3-cols,
	.col-md-7 .gallery-3-cols,
	.col-sm-7 .gallery-3-cols,
	.col-md-8 .gallery-3-cols,
	.col-sm-8 .gallery-3-cols,
	.col-md-9 .gallery-3-cols,
	.col-sm-9 .gallery-3-cols {
		max-width: none;
		margin-right: -5px;
		margin-left: -5px;
	}
	/* 3 columns */
	.col-md-3 .gallery-2-cols .gallery-item,
	.col-sm-3 .gallery-2-cols .gallery-item,
	.col-md-4 .gallery-3-cols .gallery-item,
	.col-sm-4 .gallery-3-cols .gallery-item,
	.col-md-5 .gallery-3-cols .gallery-item,
	.col-sm-5 .gallery-3-cols .gallery-item {
		width: 33.33333333%;
	}
	/* 3 columns >> 2 columns */
	.col-md-4 .gallery-2-cols .gallery-item,
	.col-sm-4 .gallery-2-cols .gallery-item,
	.col-md-5 .gallery-2-cols .gallery-item,
	.col-sm-5 .gallery-2-cols .gallery-item,
	.col-md-6 .gallery-3-cols .gallery-item,
	.col-sm-6 .gallery-3-cols .gallery-item,
	.col-md-7 .gallery-3-cols .gallery-item,
	.col-sm-7 .gallery-3-cols .gallery-item,
	.col-md-8 .gallery-3-cols .gallery-item,
	.col-sm-8 .gallery-3-cols .gallery-item,
	.col-md-9 .gallery-3-cols .gallery-item,
	.col-sm-9 .gallery-3-cols .gallery-item {
		width: 50%;
	}
	
	/* 4 columns >> 2 columns */
	.gallery-4-cols .gallery-item {
		width: 50%;
	}
	/* 4 columns >> 3 columns */
	.col-md-5 .gallery-4-cols .gallery-item,
	.col-sm-5 .gallery-4-cols .gallery-item,
	.col-md-6 .gallery-4-cols .gallery-item,
	.col-sm-6 .gallery-4-cols .gallery-item,
	.col-md-7 .gallery-4-cols .gallery-item,
	.col-sm-7 .gallery-4-cols .gallery-item,
	.col-md-8 .gallery-4-cols .gallery-item,
	.col-sm-8 .gallery-4-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 5 columns >> 2 columns */
	.gallery-5-cols .gallery-item {
		width: 50%;
	}
	/* 5 columns >> 3 columns */
	.col-md-6 .gallery-5-cols .gallery-item,
	.col-sm-6 .gallery-5-cols .gallery-item,
	.col-md-7 .gallery-5-cols .gallery-item,
	.col-sm-7 .gallery-5-cols .gallery-item,
	.col-md-8 .gallery-5-cols .gallery-item,
	.col-sm-8 .gallery-5-cols .gallery-item,
	.col-md-9 .gallery-5-cols .gallery-item,
	.col-sm-9 .gallery-5-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 6 columns >> 3 columns */
	.gallery-6-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 7 columns >> 3 columns */
	.gallery-7-cols .gallery-item {
		width: 33.33333333%;
	}
	
	/* 8 columns >> 3 columns */
	.gallery-8-cols .gallery-item {
		width: 33.33333333%;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	16. Gallery: Simple Metro Style
/*-----------------------------------------------------------------------------------*/

.gallery-metro {
	margin: -5px;
}
.gallery-metro-3-cols .gallery-item {
	width: 33.33333333%;
}
.gallery-metro-3-cols .gallery-item[class*="item-big"] {
	width: 66.66666667%;
}
.gallery-metro-4-cols .gallery-item {
	width: 25%;
}
.gallery-metro-4-cols .gallery-item[class*="item-big"] {
	width: 50%;
}
.gallery-metro-5-cols .gallery-item {
	width: 20%;
}
.gallery-metro-5-cols .gallery-item[class*="item-big"] {
	width: 40%;
}
.gallery-metro-6-cols .gallery-item {
	width: 16.66666667%;
}
.gallery-metro-6-cols .gallery-item[class*="item-big"] {
	width: 33.33333333%;
}

.gallery-metro .gallery-item {
	padding: 0;
}
.gallery-metro .gallery-item.item-big-top-right {
	float: right;
}
.gallery-metro .gallery-item .overlay-enabled::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 5px solid #fff;
	content: "";
	z-index: 2;
}
.js .gallery-metro .gallery-item .overlay-enabled::before {
	display: none;
}
.js .gallery-metro .gallery-item img {
	visibility: hidden;
}
.gallery-metro .gallery-item .image-overlay {
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
}

/* after running JS function and adding "bg-image-active" class */
.gallery-metro .gallery-item.bg-image-active img {
	visibility: hidden;
}
.gallery-metro .gallery-item.bg-image-active .overlay-enabled::before {
	display: none;
}
.gallery-metro .gallery-item.bg-image-active .item-bg-image {
	position: absolute;
	display: block;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
	background-size: cover;
	z-index: 1;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
	/* 3 columns >> 5 columns */
	.col-sm-12.col-md-4 .gallery-metro-3-cols .gallery-item {
		width: 20%;
	}
	.col-sm-12.col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
	/* 3 columns >> 4 columns */
	.col-sm-12.col-md-5 .gallery-metro-3-cols .gallery-item {
		width: 25%;
	}
	.col-sm-12.col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	/* 3 columns >> 2 columns */
	.col-sm-4 .gallery-metro-3-cols .gallery-item,
	.col-sm-5 .gallery-metro-3-cols .gallery-item {
		width: 50%;
	}
	.col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	
	/* 4 columns >> 5 columns */
	.col-sm-12.col-md-5 .gallery-metro-4-cols .gallery-item {
		width: 20%;
	}
	.col-sm-12.col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
	/* 4 columns >> 3 columns */
	.col-sm-5 .gallery-metro-4-cols .gallery-item,
	.col-sm-6 .gallery-metro-4-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	
	/* 5 columns >> 3 columns */
	.col-sm-6 .gallery-metro-5-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	/* 5 columns >> 4 columns */
	.col-sm-7 .gallery-metro-5-cols .gallery-item,
	.col-sm-8 .gallery-metro-5-cols .gallery-item {
		width: 25%;
	}
	.col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	
	/* 6 columns >> 4 columns */
	.col-sm-7 .gallery-metro-6-cols .gallery-item,
	.col-sm-8 .gallery-metro-6-cols .gallery-item {
		width: 25%;
	}
	.col-sm-7 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-6-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	/* 3 columns >> 2 columns */
	.gallery-metro-3-cols .gallery-item {
		width: 50%;
	}
	.gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	/* 3 columns >> 5 columns */
	.col-md-4 .gallery-metro-3-cols .gallery-item,
	.col-sm-4 .gallery-metro-3-cols .gallery-item {
		width: 20%;
	}
	.col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
	/* 3 columns >> 4 columns */
	.col-md-5 .gallery-metro-3-cols .gallery-item,
	.col-sm-5 .gallery-metro-3-cols .gallery-item {
		width: 25%;
	}
	.col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	/* 3 columns */
	.col-md-6 .gallery-metro-3-cols .gallery-item,
	.col-sm-6 .gallery-metro-3-cols .gallery-item,
	.col-md-7 .gallery-metro-3-cols .gallery-item,
	.col-sm-7 .gallery-metro-3-cols .gallery-item,
	.col-md-8 .gallery-metro-3-cols .gallery-item,
	.col-sm-8 .gallery-metro-3-cols .gallery-item,
	.col-md-9 .gallery-metro-3-cols .gallery-item,
	.col-sm-9 .gallery-metro-3-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-md-6 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	
	/* 4 columns >> 3 columns */
	.gallery-metro-4-cols .gallery-item {
		width: 33.33333333%;
	}
	.gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	/* 4 columns */
	.col-md-6 .gallery-metro-4-cols .gallery-item,
	.col-sm-6 .gallery-metro-4-cols .gallery-item,
	.col-md-7 .gallery-metro-4-cols .gallery-item,
	.col-sm-7 .gallery-metro-4-cols .gallery-item,
	.col-md-8 .gallery-metro-4-cols .gallery-item,
	.col-sm-8 .gallery-metro-4-cols .gallery-item,
	.col-md-9 .gallery-metro-4-cols .gallery-item,
	.col-sm-9 .gallery-metro-4-cols .gallery-item {
		width: 25%;
	}
	.col-md-6 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	/* 4 columns >> 5 columns */
	.col-md-5 .gallery-metro-4-cols .gallery-item,
	.col-sm-5 .gallery-metro-4-cols .gallery-item {
		width: 20%;
	}
	.col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
	
	/* 5 columns >> 4 columns */
	.gallery-metro-5-cols .gallery-item {
		width: 25%;
	}
	.gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	/* 5 columns */
	.col-md-6 .gallery-metro-5-cols .gallery-item,
	.col-sm-6 .gallery-metro-5-cols .gallery-item,
	.col-md-7 .gallery-metro-5-cols .gallery-item,
	.col-sm-7 .gallery-metro-5-cols .gallery-item,
	.col-md-8 .gallery-metro-5-cols .gallery-item,
	.col-sm-8 .gallery-metro-5-cols .gallery-item,
	.col-md-9 .gallery-metro-5-cols .gallery-item,
	.col-sm-9 .gallery-metro-5-cols .gallery-item {
		width: 20%;
	}
	.col-md-6 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
	
	/* 6 columns >> 4 columns */
	.gallery-metro-6-cols .gallery-item {
		width: 25%;
	}
	.gallery-metro-6-cols .gallery-item[class*="item-big"] {
		width: 50%;
	}
	/* 6 columns >> 5 columns */
	.col-md-7 .gallery-metro-6-cols .gallery-item,
	.col-sm-7 .gallery-metro-6-cols .gallery-item,
	.col-md-8 .gallery-metro-6-cols .gallery-item,
	.col-sm-8 .gallery-metro-6-cols .gallery-item,
	.col-md-9 .gallery-metro-6-cols .gallery-item,
	.col-sm-9 .gallery-metro-6-cols .gallery-item {
		width: 20%;
	}
	.col-md-7 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-6-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-6-cols .gallery-item[class*="item-big"] {
		width: 40%;
	}
}
@media (max-width: 479px) {
	.gallery-metro-3-cols {
		max-width: 370px; /* the width is limited to 370px */
		margin-left: auto;
		margin-right: auto;
	}
	/* 3 columns >> 1 column */
	.gallery-metro-3-cols .gallery-item,
	.gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	
	.col-md-4 .gallery-metro-3-cols,
	.col-sm-4 .gallery-metro-3-cols,
	.col-md-5 .gallery-metro-3-cols,
	.col-sm-5 .gallery-metro-3-cols,
	.col-md-6 .gallery-metro-3-cols,
	.col-sm-6 .gallery-metro-3-cols,
	.col-md-7 .gallery-metro-3-cols,
	.col-sm-7 .gallery-metro-3-cols,
	.col-md-8 .gallery-metro-3-cols,
	.col-sm-8 .gallery-metro-3-cols,
	.col-md-9 .gallery-metro-3-cols,
	.col-sm-9 .gallery-metro-3-cols {
		max-width: none;
		margin-right: -5px;
		margin-left: -5px;
	}
	/* 3 columns */
	.col-md-4 .gallery-metro-3-cols .gallery-item,
	.col-sm-4 .gallery-metro-3-cols .gallery-item,
	.col-md-5 .gallery-metro-3-cols .gallery-item,
	.col-sm-5 .gallery-metro-3-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-md-4 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-4 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-5 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-5 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	/* 3 columns >> 2 columns */
	.col-md-6 .gallery-metro-3-cols .gallery-item,
	.col-sm-6 .gallery-metro-3-cols .gallery-item,
	.col-md-7 .gallery-metro-3-cols .gallery-item,
	.col-sm-7 .gallery-metro-3-cols .gallery-item,
	.col-md-8 .gallery-metro-3-cols .gallery-item,
	.col-sm-8 .gallery-metro-3-cols .gallery-item,
	.col-md-9 .gallery-metro-3-cols .gallery-item,
	.col-sm-9 .gallery-metro-3-cols .gallery-item {
		width: 50%;
	}
	.col-md-6 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-3-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-3-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	
	/* 4 columns >> 2 columns */
	.gallery-metro-4-cols .gallery-item {
		width: 50%;
	}
	.gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	/* 4 columns >> 3 columns */
	.col-md-5 .gallery-metro-4-cols .gallery-item,
	.col-sm-5 .gallery-metro-4-cols .gallery-item,
	.col-md-6 .gallery-metro-4-cols .gallery-item,
	.col-sm-6 .gallery-metro-4-cols .gallery-item,
	.col-md-7 .gallery-metro-4-cols .gallery-item,
	.col-sm-7 .gallery-metro-4-cols .gallery-item,
	.col-md-8 .gallery-metro-4-cols .gallery-item,
	.col-sm-8 .gallery-metro-4-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-md-5 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-5 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-6 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-4-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-4-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	
	/* 5 columns >> 2 columns */
	.gallery-metro-5-cols .gallery-item {
		width: 50%;
	}
	.gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 100%;
	}
	/* 5 columns >> 3 columns */
	.col-md-6 .gallery-metro-5-cols .gallery-item,
	.col-sm-6 .gallery-metro-5-cols .gallery-item,
	.col-md-7 .gallery-metro-5-cols .gallery-item,
	.col-sm-7 .gallery-metro-5-cols .gallery-item,
	.col-md-8 .gallery-metro-5-cols .gallery-item,
	.col-sm-8 .gallery-metro-5-cols .gallery-item,
	.col-md-9 .gallery-metro-5-cols .gallery-item,
	.col-sm-9 .gallery-metro-5-cols .gallery-item {
		width: 33.33333333%;
	}
	.col-md-6 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-6 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-7 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-7 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-8 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-8 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-md-9 .gallery-metro-5-cols .gallery-item[class*="item-big"],
	.col-sm-9 .gallery-metro-5-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
	
	/* 6 columns >> 3 columns */
	.gallery-metro-6-cols .gallery-item {
		width: 33.33333333%;
	}
	.gallery-metro-6-cols .gallery-item[class*="item-big"] {
		width: 66.66666667%;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	17. Preview Image List (Image Grid)
/*-----------------------------------------------------------------------------------*/

.preview-image-list.gallery-standard {
	margin: -1px;
	overflow: hidden;
}
.preview-image-list.gallery-standard .gallery-item {
	padding: 1px;
	overflow: hidden;
}
.preview-image-list.gallery-standard .gallery-item .item-label {
	top: 50%;
	bottom: auto;
	left: 1px;
	right: 1px;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	line-height: 1.5;
	margin: 0;
	padding: 15px;
	background: none;
	-webkit-transition: opacity 0.2s ease;
	     -o-transition: opacity 0.2s ease;
	        transition: opacity 0.2s ease;
	z-index: 9;
}
.preview-image-list.gallery-standard .gallery-item .image-overlay {
	background: none;
}
.preview-image-list.gallery-standard .gallery-item::after {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	background-color: rgba(229, 162, 53, 0.9); /* #e5a235 */
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	     -o-transition: opacity 0.2s ease;
	        transition: opacity 0.2s ease;
	content: "";
}
.preview-image-list.gallery-standard .gallery-item:hover::after {
	opacity: 1;
}

/* Touch-screen devices */
.touch-screen .preview-image-list.gallery-standard .gallery-item::after {
	display: none;
}
.touch-screen .preview-image-list.gallery-standard .gallery-item.label-bg-active::after {
	display: block;
	opacity: 1;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1681px) {
	.stripe .container-fluid .preview-image-list.gallery-standard {
		max-width: 1680px;
		margin-left: auto;
		margin-right: auto;
	}
	.preview-image-list.gallery-standard .gallery-item .item-label {
		padding: 25px;
	}
}
@media (min-width: 1200px) {
	.preview-image-list.gallery-standard .gallery-item .item-label {
		font-size: 18px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.stripe .container-fluid .preview-image-list.gallery-7-cols .gallery-item {
		width: 14.28571429%; /* leave 7 columns */
	}
	.preview-image-list.gallery-5-cols .gallery-item .item-label,
	.preview-image-list.gallery-6-cols .gallery-item .item-label,
	.preview-image-list.gallery-7-cols .gallery-item .item-label {
		padding: 10px;
		line-height: 1.25;
	}
}
@media (max-width: 767px) {
	.preview-image-list.gallery-standard .gallery-item .item-label {
		padding: 10px;
		line-height: 1.25;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.stripe .container-fluid .preview-image-list.gallery-4-cols .gallery-item {
		width: 25%; /* leave 4 columns */
	}
	.stripe .container-fluid .preview-image-list.gallery-5-cols .gallery-item {
		width: 33.33333333%; /* 5 columns >> 3 columns */
	}
}


/*-----------------------------------------------------------------------------------*/
/*	18. Testimonials
/*-----------------------------------------------------------------------------------*/

/* Testimonial boxes
--------------------------------------------------- */
.testimonial-boxes .columns {
	margin-top: 30px;
	padding: 35px 45px;
	overflow: hidden;
}
.testimonial-boxes .row:first-child .columns:first-child {
	margin-top: 0;
}
.testimonial-boxes .columns::before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 15px;
	right: 15px;
	content: "";
	background-color: #f5f5f5;
	border: 1px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
}
.testimonial-boxes .columns::after {
	position: absolute;
	display: block;
	right: 30px;
	bottom: -10px;
	height: 110px;
	content: '"';
	font: italic 300px/1 Verdana, Geneva, sans-serif;
	color: rgba(131, 156, 168, 0.03); /* #839ca8 */
	-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.testimonial-boxes > article {
	margin-top: 40px;
}
.testimonial-boxes > article:first-child {
	margin-top: 0;
}
.testimonial-boxes article {
	position: relative;
}
.testimonial-boxes .testimonial-image {
	float: left;
}
.testimonial-boxes .testimonial-image img {
	width: 90px;
	height: 90px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-boxes .testimonial-image span { /* placeholder for the author's photo */
	display: block;
	width: 90px;
	height: 90px;
	background-color: #6b9bb3;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-boxes .testimonial-image i {
	display: block;
	font-size: 54px;
	line-height: 90px;
	color: #fff;
	text-align: center;
}
.testimonial-boxes .testimonial-content {
	position: relative;
	z-index: 1;
}
.testimonial-boxes .testimonial-image + .testimonial-content {
	margin-left: 120px;
}
.testimonial-boxes .testimonial-content blockquote {
	font-size: 18px;
	line-height: inherit;
	font-weight: inherit;
	font-style: normal;
	letter-spacing: 0;
	border-left: none;
	margin-bottom: 0;
	padding: 0;
}
.testimonial-boxes .testimonial-content blockquote p {
	font-family: inherit;
	color: inherit;
}
.testimonial-boxes .testimonial-content .author-info {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin-top: 15px;
}
.testimonial-boxes .testimonial-content .author-info::before {
	content: "\2014 \00A0";
}
.testimonial-boxes .testimonial-content .author-info span {
	font-style: italic;
}

/* for light backgrounds */
.stripe-whitish-bg .testimonial-boxes .columns::before,
.stripe-light-grey-bg .testimonial-boxes .columns::before,
.stripe-primary-color-pale-bg .testimonial-boxes .columns::before,
.stripe-primary-color-light-bg .testimonial-boxes .columns::before,
.stripe-pale-bg .testimonial-boxes .columns::before {
	background-color: #fff;
}
.stripe-whitish-bg .testimonial-boxes .columns::after,
.stripe-light-grey-bg .testimonial-boxes .columns::after,
.stripe-primary-color-pale-bg .testimonial-boxes .columns::after,
.stripe-primary-color-light-bg .testimonial-boxes .columns::after,
.stripe-pale-bg .testimonial-boxes .columns::after {
	color: rgba(250, 202, 125, 0.07); /* #faca7d */
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-boxes .columns::before {
	background-color: rgba(255, 255, 255, 0.7);
	border: none;
}
.stripe-secondary-color-bg .testimonial-boxes .columns::after {
	color: rgba(250, 202, 125, 0.07); /* #faca7d */
}
.stripe-secondary-color-bg .testimonial-boxes .testimonial-content blockquote p {
	color: #333;
}

/* for dark colored background */
.dark-colored-bg .testimonial-boxes .columns::before {
	border: none;
}

/* Testimonial in sidebar widget
--------------------------------------------------- */
.testimonial-aside {
	position: relative;
	padding: 25px 30px 30px;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.testimonial-aside::before {
	position: absolute;
	display: block;
	top: -5px;
	left: -30px;
	width: 60px;
	height: 55px;
	text-indent: -15px;
	font: italic 120px/90px Verdana, Geneva, sans-serif;
	color: #cfdee5;
	background-color: #fff;
	content: '"';
}
.testimonial-aside .testimonial-item blockquote {
	font-size: 19px;
	line-height: 1.75;
	border-left: none;
	margin-bottom: 0;
	padding: 0;
}
.testimonial-aside .testimonial-item blockquote p {
	color: #839ca8;
}
.testimonial-aside .testimonial-item .testimonial-author {
	display: table;
	margin-top: 15px;
}
.testimonial-aside .testimonial-item .author-image {
	display: table-cell;
	width: 75px;
	vertical-align: middle;
}
.testimonial-aside .testimonial-item .author-image img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-aside .testimonial-item .author-image span { /* placeholder for the author's photo */
	display: block;
	width: 60px;
	height: 60px;
	background-color: #6b9bb3;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-aside .testimonial-item .author-image i {
	display: block;
	font-size: 36px;
	line-height: 60px;
	color: #fff;
	text-align: center;
}
.testimonial-aside .testimonial-item .author-info {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}
.testimonial-aside .testimonial-item .author-info span {
	font-style: italic;
	color: #909090;
}

/* Testimonial - main style 1
--------------------------------------------------- */
.testimonial-main-style-1 {
	position: relative;
}
.stripe-bottom:not(.stripe-narrow) .testimonial-main-style-1 {
	margin: 20px 0;
}
.testimonial-main-style-1 .testimonial-item {
	padding-left: 150px;
}
.testimonial-main-style-1 .testimonial-item .testimonial-text {
	position: relative;
	padding-top: 17px;
	z-index: 2;
}
.testimonial-main-style-1 .testimonial-item .testimonial-text p {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 0;
}
.testimonial-main-style-1 .testimonial-item .testimonial-author {
	
}
.testimonial-main-style-1 .testimonial-item .author-image {
	position: absolute;
	top: 0;
	left: 0;
}
.testimonial-main-style-1 .testimonial-item .author-image img,
.testimonial-main-style-2 .testimonial-item .author-image img {
	width: 124px;
	height: 124px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-main-style-1 .testimonial-item .author-image::before {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.3);
	        box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.3);
	content: "";
}
.testimonial-main-style-1 .testimonial-item .author-image::after,
.testimonial-main-style-2 .testimonial-item .author-image::after {
	position: absolute;
	top: -42px;
	left: 113px;
	width: 90px;
	height: 87px;
	content: "";
	background: url(../images/icons/quotes-light.png) no-repeat left top;
}
.testimonial-main-style-1 .testimonial-item .author-image span, /* placeholder for the author's photo */
.testimonial-main-style-2 .testimonial-item .author-image span {
	position: relative;
	display: block;
	top: 2px;
	left: 2px;
	width: 120px;
	height: 120px;
	background-color: #6b9bb3;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-main-style-1 .testimonial-item .author-image i,
.testimonial-main-style-2 .testimonial-item .author-image i {
	display: block;
	font-size: 64px;
	line-height: 120px;
	color: #fff;
	text-align: center;
}
.testimonial-main-style-1 .testimonial-item .author-info {
	font-size: 17px;
	line-height: 1.5;
	text-align: right;
	margin: 12px 0 -20px;
}
.testimonial-main-style-1 .testimonial-item .author-info span {
	display: block;
	font-weight: 400;
	color: #909090;
}
.testimonial-main-style-1.author-info-inline .testimonial-item .author-info span {
	display: inline;
}
.testimonial-main-style-1.author-info-inline .testimonial-item .author-info strong::after {
	content: ", ";
	font-weight: normal;
}
.testimonial-main-style-1 .testimonial-item .author-info span a {
	color: inherit;
}
.testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #666;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
	font-size: 32px;
	font-weight: 400;
	color: #f5f5f5;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-image img {
	width: 126px;
	height: 126px;
	border: 3px solid rgba(255, 255, 255, 0.15);
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-image::after,
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
	opacity: 0.3;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-image span,
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image span {
	background-color: rgba(0, 188, 212, 0.5); /* #00bcd4 */
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-image i,
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image i {
	color: #eee;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info {
	font-size: 18px;
	color: #f7deb5;
	margin-top: 20px;
}
.dark-colored-bg .testimonial-main-style-1 > .testimonial-item .author-info {
	text-align: left;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span {
	color: #cfdee5;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #f5f5f5;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
	font-size: 32px;
	font-weight: 400;
	color: #505050;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-image img,
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image img {
	border-color: rgba(255, 255, 255, 0.2);
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-image::before {
	display: block;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-image::after,
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
	opacity: 0.6;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-image span,
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image span {
	background-color: rgba(0, 188, 212, 0.7); /* #00bcd4 */
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info {
	font-size: 18px;
	color: #666;
	margin-top: 20px;
}
.stripe-secondary-color-bg .testimonial-main-style-1 > .testimonial-item .author-info {
	text-align: left;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span {
	color: #666;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #505050;
}

/* Testimonial - main style 2
--------------------------------------------------- */
.testimonial-main-style-2 {
	position: relative;
	margin: -30px -30px 0;
}
.testimonial-main-style-2 .cycle-carousel-wrap {
	line-height: 0;
}
.testimonial-main-style-2 .testimonial-item { /* 2 visible items */
	position: relative !important;
	width: 50%;
	margin-top: 42px;
}
.testimonial-main-style-2 > .testimonial-item {
	float: left;
}
.testimonial-main-style-2 > .testimonial-item:first-child {
	border-right: 1px dotted #cfdee5;
}
.testimonial-main-style-2 .cycle-carousel-wrap .testimonial-item {
	display: inline-block !important;
	vertical-align: top;
	white-space: normal !important;
	border-right: 1px dotted transparent;
}
.testimonial-main-style-2 .cycle-carousel-wrap .testimonial-item.cycle-slide-active {
	border-right-color: #cfdee5;
}
.testimonial-main-style-2 .testimonial-item .testimonial-text {
	padding: 150px 30px 0 30px;
}
.testimonial-main-style-2 .testimonial-item .testimonial-text p {
	font-size: 20px;
	line-height: 1.667; /* needed to override .testimonial-main-style-2 .cycle-carousel-wrap {line-height: 0;} */
	font-weight: 400;
	margin-bottom: 0;
}
.testimonial-main-style-2 .testimonial-item .author-image {
	position: absolute;
	top: 0;
	left: 30px;
}
.testimonial-main-style-2 .testimonial-item .author-info {
	position: absolute;
	top: 20px;
	left: 180px;
	right: 30px;
	line-height: 1.5;
}
.testimonial-main-style-2 .testimonial-item .author-info h5 {
	font-weight: 700;
	line-height: 1.35;
	color: #00bcd4;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.testimonial-main-style-2 .testimonial-item .author-info span {
	display: block;
	font-size: 18px;
	font-weight: 400;
	color: #909090;
}
.testimonial-main-style-2 .testimonial-item .author-info span a {
	color: inherit;
}
.testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #666;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-2 > .testimonial-item:first-child,
.dark-colored-bg .testimonial-main-style-2 .cycle-carousel-wrap .testimonial-item.cycle-slide-active {
	border-right-color: #909090;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
	color: #fff;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info h5 {
	color: #f7deb5;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span {
	color: #cfdee5;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #f5f5f5;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-2 > .testimonial-item:first-child,
.stripe-secondary-color-bg .testimonial-main-style-2 .cycle-carousel-wrap .testimonial-item.cycle-slide-active {
	border-right-color: #e5a235;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
	color: #505050;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info h5 {
	color: rgba(0, 0, 0, 0.65);
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span {
	color: #666;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #909090;
}

/* Slider controls
--------------------------------------------------- */
.testimonial-slider {
	min-height: 10px;
}
.testimonial-slider .testimonial-item {
	display: none;
}
.testimonial-slider .testimonial-item:first-of-type {
	display: block;
}
.testimonial-main-style-1 .cycle-pager {
	position: relative;
	margin: 40px 0 -10px;
	line-height: 0;
	text-align: center;
}
.testimonial-main-style-2 .cycle-pager {
	position: absolute;
	top: 50%;
	width: 100%;
	line-height: 0;
	margin-top: -42px;
	z-index: 300;
}
.testimonial-main-style-1 .cycle-pager .paging-control {
	display: inline-block;
}
.testimonial-main-style-2 .cycle-pager .paging-control {
	display: none;
}
.testimonial-main-style-1 .cycle-pager span {
    display: block;
	width: 8px;
	height: 8px;
	float: left;
	font-size: 0;
	line-height: 0;
	border: 1px solid #839ca8;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin: 5px;
	cursor: pointer;
}
.testimonial-main-style-1 .cycle-pager span.cycle-pager-active {
	background-color: #839ca8;
}
[class*="testimonial-main-style-"] .cycle-prev,
[class*="testimonial-main-style-"] .cycle-next {
	display: inline-block;
	padding: 6px 10px;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: opacity 0.15s ease, background-color 0.3s ease;
	     -o-transition: opacity 0.15s ease, background-color 0.3s ease;
	        transition: opacity 0.15s ease, background-color 0.3s ease;
}
.testimonial-main-style-1 .cycle-prev {
	margin-right: 20px;
}
.testimonial-main-style-1 .cycle-next {
	margin-left: 20px;
}
.testimonial-main-style-2 .cycle-prev,
.testimonial-main-style-2 .cycle-next {
	position: absolute;
	display: block;
	padding: 30px 10px;
	background-color: rgba(0, 0, 0, 0.1);
}
.testimonial-main-style-2 .cycle-prev {
	left: 0;
	left: calc(50% - 50vw + 8px);
	-webkit-border-radius: 0 6px 6px 0;
	        border-radius: 0 6px 6px 0;
}
.testimonial-main-style-2 .cycle-next {
	right: 0;
	right: calc(50% - 50vw + 8px);
	-webkit-border-radius: 6px 0 0 6px;
	        border-radius: 6px 0 0 6px;
}
.touch-screen .testimonial-main-style-2 .cycle-prev {
	left: calc(50% - 50vw);
}
.touch-screen .testimonial-main-style-2 .cycle-next {
	right: calc(50% - 50vw);
}
[class*="testimonial-main-style-"] .cycle-prev:hover,
[class*="testimonial-main-style-"] .cycle-next:hover {
	opacity: 1;
}
.testimonial-main-style-2 .cycle-prev:hover,
.testimonial-main-style-2 .cycle-next:hover {
	background-color: rgba(0, 0, 0, 0.15);
}
[class*="testimonial-main-style-"] .cycle-pager .fa { /* vector icons - Font Awesome */
	font-size: 24px;
	line-height: 1;
	color: #839ca8;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-1 .cycle-pager span {
    border-color: #cfdee5;
}
.dark-colored-bg .testimonial-main-style-1 .cycle-pager span.cycle-pager-active {
	background-color: #cfdee5;
}
.dark-colored-bg [class*="testimonial-main-style-"] .cycle-pager .fa {
	color: #cfdee5;
}
.dark-colored-bg .testimonial-main-style-2 .cycle-prev,
.dark-colored-bg .testimonial-main-style-2 .cycle-next {
	background-color: rgba(255, 255, 255, 0.3);
}
.dark-colored-bg .testimonial-main-style-2 .cycle-prev:hover,
.dark-colored-bg .testimonial-main-style-2 .cycle-next:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-1 .cycle-pager span {
    border-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg .testimonial-main-style-1 .cycle-pager span.cycle-pager-active {
	background-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg [class*="testimonial-main-style-"] .cycle-pager .fa {
	color: rgba(0, 0, 0, 0.5);
}

/* Media queries
--------------------------------------------------- */

/* for high-resolution devices */
@media (-webkit-min-device-pixel-ratio: 1.5),
	   (-o-min-device-pixel-ratio: 3/2),
	   (min-resolution: 1.5dppx),
	   (min-resolution: 144dpi) {
	
	.testimonial-main-style-1 .testimonial-item .author-image::after,
	.testimonial-main-style-2 .testimonial-item .author-image::after {
		background-image: url(../images/icons/quotes-light-2x.png);
		background-size: 90px 87px;
	}
}

@media (min-width: 1520px) {
	.testimonial-main-style-2 .testimonial-item .testimonial-text p {
		font-size: inherit;
	}
}
@media (min-width: 992px) {
	.testimonial-boxes .col-md-6 {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
	}
	.testimonial-boxes .row:first-child .col-sm-6,
	.testimonial-boxes .row:first-child .col-md-6 {
		margin-top: 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.testimonial-boxes .columns {
		padding: 30px 40px;
	}
	.testimonial-boxes .testimonial-image + .testimonial-content {
		margin-left: 110px;
	}
	.testimonial-aside::before {
		left: -25px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 25px;
	}
	.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p,
	.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 28px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info {
		left: 170px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info h5 {
		font-weight: 600;
	}
}
@media (min-width: 768px) {
	.testimonial-boxes .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
}
@media (max-width: 991px) {
	.testimonial-main-style-2 .cycle-pager {
		top: 135px;
		margin-top: 0;
	}
	.testimonial-main-style-2 .cycle-prev,
	.testimonial-main-style-2 .cycle-next {
		padding: 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.testimonial-boxes .col-sm-6 {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
		padding: 30px 40px;
	}
	.testimonial-boxes .row:first-child .col-sm-6 {
		margin-top: 0;
	}
	.testimonial-boxes .col-sm-6 .testimonial-image + .testimonial-content {
		margin-left: 110px;
	}
	.testimonial-aside::before {
		left: -20px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		padding-top: 14px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 23px;
	}
	.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p,
	.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 26px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image img {
		width: 114px;
		height: 114px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image::after {
		left: 103px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image span {
		width: 110px;
		height: 110px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image i {
		font-size: 58px;
		line-height: 110px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info span {
		font-size: 16px;
	}
}
@media (min-width: 571px) and (max-width: 991px) {
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding-top: 140px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text p {
		font-size: 19px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info {
		left: 160px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info h5 {
		font-weight: 600;
		text-transform: none;
	}
}
@media (max-width: 767px) {
	.testimonial-aside::before {
		left: -8px;
		width: 48px;
		height: 46px;
		text-indent: -15px;
		font-size: 100px;
		line-height: 75px;
	}
	.testimonial-main-style-1 .testimonial-item {
		padding-left: 120px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		padding-top: 7px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 20px;
	}
	.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p,
	.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-size: 22px;
	}
	.testimonial-main-style-1 .testimonial-item .author-image img,
	.testimonial-main-style-2 .testimonial-item .author-image img {
		width: 104px;
		height: 104px;
	}
	.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-image img {
		width: 106px;
		height: 106px;
	}
	.testimonial-main-style-1 .testimonial-item .author-image::after,
	.testimonial-main-style-2 .testimonial-item .author-image::after {
		left: 85px;
		width: 70px;
		height: 68px;
		background-size: 70px 68px;
	}
	.testimonial-main-style-1 .testimonial-item .author-image span,
	.testimonial-main-style-2 .testimonial-item .author-image span {
		width: 100px;
		height: 100px;
	}
	.testimonial-main-style-1 .testimonial-item .author-image i,
	.testimonial-main-style-2 .testimonial-item .author-image i {
		font-size: 54px;
		line-height: 100px;
	}
	.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info,
	.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info {
		font-size: 16px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info span {
		font-size: 15px;
	}
}
@media (min-width: 571px) and (max-width: 767px) {
	.testimonial-main-style-2 {
		margin-left: -20px;
		margin-right: -20px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding-left: 20px;
		padding-right: 20px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image {
		top: 10px;
		left: 20px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info {
		left: 140px;
	}
}
@media (max-width: 570px) {
	.testimonial-boxes .columns {
		padding: 30px 40px;
	}
	.testimonial-boxes .testimonial-image {
		margin: 5px 20px 12px 0;
	}
	.testimonial-boxes .testimonial-image img,
	.testimonial-boxes .testimonial-image span {
		width: 80px;
		height: 80px;
	}
	.testimonial-boxes .testimonial-image i {
		font-size: 48px;
		line-height: 80px;
	}
	.testimonial-boxes .testimonial-image + .testimonial-content {
		margin-left: 0;
	}
	.testimonial-boxes .testimonial-content blockquote {
		min-height: 95px;
	}
	.testimonial-main-style-1 .testimonial-item {
		padding-left: 0;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		padding-top: 0;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text::before {
		display: block;
		float: left;
		width: 120px;
		height: 110px;
		content: "";
	}
	.testimonial-main-style-2 {
		margin-left: 0;
		margin-right: 0;
	}
	.testimonial-main-style-2 .testimonial-item { /* 1 visible item */
		width: 100%;
	}
	.testimonial-main-style-2 > .testimonial-item {
		float: none;
		margin-top: 77px;
	}
	.testimonial-main-style-2 > .testimonial-item:first-child {
		margin-top: 42px;
		border-right: none;
	}
	.testimonial-main-style-2 .cycle-carousel-wrap .testimonial-item {
		border-right: none;
	}
	.testimonial-main-style-2 .testimonial-slider .testimonial-item {
		width: 450px !important; /* fallback */
		width: calc(100vw - 30px) !important;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding: 140px 0 0;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text p {
		font-size: 19px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image {
		top: 10px;
		left: 0;
	}
	.testimonial-main-style-2 .testimonial-item .author-info {
		left: 120px;
	}
	.testimonial-main-style-2 .testimonial-item .author-info h5 {
		font-weight: 600;
		text-transform: none;
	}
	.touch-screen .testimonial-main-style-2 .cycle-prev {
		left: -15px; /* fallback */
	}
	.touch-screen .testimonial-main-style-2 .cycle-next {
		right: -15px; /* fallback */
	}
}
@media (max-width: 479px) {
	.testimonial-main-style-2 .testimonial-slider .testimonial-item {
		width: 290px !important; /* fallback */
		width: calc(100vw - 30px) !important;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	19. Staff
/*-----------------------------------------------------------------------------------*/

.staff .box-text .sub {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #666;
	margin-top: 5px;
}
.staff .box-text .sub:not(:last-child) {
	font-weight: 600;
}

/* Staff member profile
--------------------------------------------------- */
.staff-member-profile .profile-header {
	margin-bottom: 25px;
}
.staff-member-profile .profile-header .title {
	margin-bottom: 0;
}
.staff-member-profile .profile-header .subtitle {
	color: #e5a235;
	font-weight: 400;
	font-style: italic;
	margin: 5px 0 0;
}
.staff-member-profile .profile-header.extended .subtitle {
	margin-top: 10px;
}
.staff-member-profile .profile-header.extended .subtitle + p {
	font-size: 16px;
	font-weight: 400;
	color: #909090;
	margin-top: 5px;
}
.staff-member-profile .profile-header > *:last-child {
	margin-bottom: 0;
}

/* Contact details */
.staff-member-profile .contact-details {
	margin-top: 20px;
}
.staff-member-profile .contact-details > div[class*="contact-"] {
	margin-top: 10px;
}
.staff-member-profile .contact-details > div[class*="contact-"]:first-child {
	margin-top: 0;
}
.staff-member-profile .contact-details > div[class*="contact-"] div {
	line-height: 1.5;
	font-weight: 400;
	margin-left: 32px;
}
.staff-member-profile .contact-email .fa { /* vector icons - Font Awesome */
	float: left;
	font-size: 20px;
	color: #a3b6bf;
	margin: 6px 0 0 0;
}
.staff-member-profile .contact-phone .fa {
	float: left;
	font-size: 30px;
	color: #a3b6bf;
	margin: 1px 0 0 3px;
}
.staff-member-profile .contact-skype .fa {
	float: left;
	font-size: 24px;
	color: #a3b6bf;
	margin: 5px 0 0 0;
}
.staff-member-profile .contact-email a,
.staff-member-profile .contact-phone .phone-number,
.staff-member-profile .contact-skype {
	color: #266484;
}
.staff-member-profile .contact-email a:hover,
.staff-member-profile .contact-phone .phone-number:hover {
	color: #839ca8;
}

.staff-member-profile .fa-icon-list {
	margin-top: 30px;
}
.staff-member-profile .fa-icon-list li a {
	display: block;
	width: 37px;
	height: 37px;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: box-shadow 0.15s ease;
	     -o-transition: box-shadow 0.15s ease;
	        transition: box-shadow 0.15s ease;
}
.staff-member-profile .fa-icon-list li a:hover {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
.staff-member-profile .fa-icon-list li .fa {
	width: 23px;
	line-height: 37px;
}

/* Profile in popup */
.mfp-content .staff-member-profile .profile-header .subtitle {
	line-height: 1.5;
	margin-top: 0;
}
.mfp-content .staff-member-profile .fa-icon-list li .fa {
	color: #ed5f4a;
}
.mfp-content .staff-member-profile .contact-email a {
	white-space: normal;
	word-wrap: break-word;
}
.mfp-content .staff-member-profile .profile-description p {
	margin-bottom: 25px;
}

/* Profile on single page */
.single-staff .staff-member-profile .contact-details {
	margin-top: 5px;
}
.single-staff .staff-member-profile .fa-icon-list li .fa {
	color: #ed5f4a;
}
.single-staff .staff-member-profile .profile-description {
	margin-top: 65px;
}
.single-staff .staff-member-profile .profile-description p:last-child,
.single-staff .staff-member-profile .profile-description ul:last-child,
.single-staff .staff-member-profile .profile-description ol:last-child,
.single-staff .staff-member-profile .profile-description blockquote:last-child {
	margin-bottom: 0;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1200px) {
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-header.columns,
	.mfp-content .staff-member-profile .profile-description.columns {
		padding-left: 50px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header .title {
		margin-top: 10px;
	}
}
@media (max-width: 1199px) {
	.staff-member-profile .contact-details > div[class*="contact-"] div {
		font-size: 18px;
		margin-left: 28px;
	}
	.staff-member-profile .contact-email .fa {
		font-size: 18px;
		margin: 5px 0 0 0;
	}
	.staff-member-profile .contact-phone .fa {
		font-size: 27px;
		margin: 0 0 0 3px;
	}
	.staff-member-profile .contact-skype .fa {
		font-size: 22px;
		margin: 4px 0 0 0;
	}
}
@media (min-width: 768px) {
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns {
		float: right;
	}
}
@media (min-width: 992px) {
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-header.columns {
		float: right;
	}
	.mfp-content .staff-member-profile .profile-info.columns {
		padding-right: 0;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns,
	.single-staff .staff-member-profile .profile-info.columns {
		padding-left: 35px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-header.columns,
	.mfp-content .staff-member-profile .profile-description.columns {
		padding-left: 35px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header .title {
		margin-top: 5px;
	}
}
@media (max-width: 991px) {
	.staff-member-profile .fa-icon-list {
		margin-top: 20px;
	}
	
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-description.columns {
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	/* Profile on single page */
	.single-staff .staff-member-profile .contact-details {
		margin-top: 30px;
	}
}
@media (max-width: 479px) {
	.staff-member-profile .contact-details > div[class*="contact-"] div {
		font-size: 16px;
		margin-left: 0;
	}
	.staff-member-profile .contact-details > div[class*="contact-"] .fa {
		display: none;
		float: none;
	}
	
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-header.columns,
	.mfp-content .staff-member-profile .profile-info.columns,
	.mfp-content .staff-member-profile .profile-description.columns {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-content .staff-member-profile .contact-email div {
		margin-right: -15px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .contact-details {
		margin-top: 25px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	20. Tabs
/*-----------------------------------------------------------------------------------*/

/* Standard
--------------------------------------------------- */
.tabs .tabs-nav .tabs-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tabs .tabs-nav .tabs-list li {
	display: inline-block;
	font-weight: 700;
	margin: 0 30px 0 0;
}
.tabs .tabs-nav .tabs-list li:last-child {
	margin-right: 0;
}
.tabs .tabs-nav .tabs-list a {
	display: block;
	border-bottom: 2px solid transparent;
}
.tabs .tabs-nav .tabs-list li.active a {
	color: #384b54;
	border-bottom-color: #fab23c;
}

/* for dark colored background */
.dark-colored-bg .tabs .tabs-nav .tabs-list a {
    color: #cfdee5;
}
.dark-colored-bg .tabs .tabs-nav .tabs-list a:hover {
	color: #fff;
}
.dark-colored-bg .tabs .tabs-nav .tabs-list li.active a {
	color: #f7deb5;
	border-bottom-color: #f7deb5;
}

/* for secondary color background */
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a {
    color: rgba(68, 87, 97, 0.75); /* #445761 */
}
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a:hover {
	color: #445761;
}
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list li.active a {
	color: rgba(0, 0, 0, 0.75);
	border-bottom-color: #f9f9f9;
}

.tabs .tabs-content {
	margin-top: 20px;
}
.tabs .tabs-content.top-margin-large {
	margin-top: 40px;
}
.tabs .tabs-content .tab-pane {
	display: none;
}
.tabs .tabs-content .tab-pane:first-child {
	display: block;
}
.tabs .tab-pane p:last-child,
.tabs .tab-pane ul:last-child,
.tabs .tab-pane ol:last-child,
.tabs .tab-pane blockquote:last-child {
	margin-bottom: 0;
}

/* Full-width
--------------------------------------------------- */
.stripe + .tabs-full-width,
.tabs-full-width .tabs-content,
.tabs-full-width + .stripe {
	margin-top: -60px;
}
.tabs-full-width .tabs-nav .tabs-list {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}
.tabs-full-width .tabs-nav .tabs-list li {
	display: inline-block;
	margin: 0 30px 0 0;
}
.tabs-full-width .tabs-nav .tabs-list li:last-child {
	margin-right: 0;
}
.tabs-full-width .tabs-nav .tabs-list a {
	display: block;
	padding-bottom: 2px;
	border-bottom: 2px solid transparent;
}
.tabs-full-width .tabs-nav .tabs-list li.active a {
	color: #384b54;
	border-bottom-color: #fab23c;
}

/* for dark colored background */
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a {
	color: #cfdee5;
}
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a:hover {
	color: #fff;
}
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list li.active a {
	color: #f7deb5;
	border-bottom-color: #f7deb5;
}

/* for secondary color background */
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a {
	color: rgba(68, 87, 97, 0.75); /* #445761 */
}
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a:hover {
	color: #445761;
}
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list li.active a {
	color: rgba(0, 0, 0, 0.75);
	border-bottom-color: #f9f9f9;
}

.tabs-full-width .tabs-content .tab-pane {
	display: none;
}
.tabs-full-width .tabs-content .tab-pane:first-child {
	display: block;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.tabs .tabs-nav .tabs-list li {
		margin-right: 25px;
	}
}
@media (max-width: 991px) {
	.tabs-full-width .tabs-nav .tabs-list li {
		line-height: 1.3;
		margin: 0 20px 5px 0;
	}
	.tabs-full-width .tabs-nav .tabs-list a {
		padding-bottom: 0;
		border-bottom-width: 1px;
	}
	
	/* for dark colored & secondary color background */
	.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a,
	.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a {
		border-bottom-style: dotted;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.tabs .tabs-nav .tabs-list li {
		margin-right: 20px;
	}
}
@media (max-width: 767px) {
	.tabs .tabs-nav .tabs-list li {
		line-height: 1.5;
		margin: 0 20px 5px 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	21. Accordion / Toggle
/*-----------------------------------------------------------------------------------*/

.toggle-trigger {
	position: relative;
	border-top: 1px dotted #ccc;
	padding: 20px 60px 20px 0;
	cursor: pointer;
}
.toggle-trigger:first-child {
	border-top: none;
	margin-top: -20px;
}
.toggle-trigger::after {
	position: absolute;
	display: block;
	top: 50%;
	right: 10px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	font-family: FontAwesome;
	content: "\f107";
	font-size: 28px;
	line-height: 1;
	color: #839ca8;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.toggle-trigger.active::after {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.toggle-trigger a {
	display: block;
	padding: 0;
}
.toggle-trigger .title {
	margin-bottom: 0;
}
.toggle-trigger h5.title {
	font-weight: 400;
}
.toggle-trigger:hover a {
	color: #00bcd4;
}
.toggle-trigger:hover::after {
	color: #507385;
}

.toggle-container .toggle-content {
	padding: 0 0 35px;
}
.toggle-container:last-child .toggle-content {
	padding-bottom: 16px;
}
.toggle-container .toggle-content > *:last-child {
	margin-bottom: 0;
}
.toggle-container {
	display: none;
}
.accordion .toggle-trigger:first-child + .toggle-container,
.toggles .toggle-trigger:first-child + .toggle-container {
	display: block;
}

/* Numbered list of items */
.accordion.numbered-items,
.toggles.numbered-items  {
	counter-reset: question;
}
.accordion.numbered-items .toggle-trigger a:before,
.toggles.numbered-items .toggle-trigger a:before {
	content: counter(question) ". ";
	counter-increment: question;
	color: #a3b6bf;
}

@media (max-width: 767px) {
	.toggle-trigger h5.title {
		font-size: 20px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	22. Stat Data
/*-----------------------------------------------------------------------------------*/

.stat-data[class*="-cols"] .columns {
	position: relative;
}
.stat-data[class*="-cols"] .columns::before {
	position: absolute;
	display: block;
	right: -1px;
	top: -120px;
	bottom: -120px;
	border-left-style: dashed;
	border-left-color: #ccc;
	content: "";
}
.stat-data.stat-2-cols .columns::before {
	border-left-width: 3px;
}
.stat-data.stat-3-cols .columns::before {
	border-left-width: 2px;
}
.stat-data[class*="-cols"] .columns:last-child::before {
	display: none;
}
.stripe-bottom .stat-data[class*="-cols"] .columns::before {
	top: -100px;
	bottom: -100px;
}
.stripe-narrow .stat-data[class*="-cols"] .columns::before {
	top: -100px;
	bottom: -100px;
}
.stripe-bottom.stripe-narrow .stat-data[class*="-cols"] .columns::before {
	top: -80px;
	bottom: -80px;
}
.stat-data.stat-2-cols article {
	text-align: center;
}

.stat-data .fact-number {
	font: 54px/1 Verdana, Geneva, sans-serif;
	margin-bottom: 15px;
}
.stat-data.stat-2-cols .fact-number {
	margin-bottom: 7px;
}
.stat-data.stat-3-cols .fact-number {
	color: #266484;
}
.stat-data .fact-title {
	margin-bottom: 10px;
}
.stat-data .fact-title .title {
	font-weight: 400;
	color: #e5a235;
	margin-bottom: 0;
}
.stat-data .fact-statement p {
	font-weight: 400;
	margin-bottom: 0;
}
.stat-data.stat-2-cols .fact-statement p {
	line-height: 1.5;
}
.stat-data.stat-3-cols .fact-statement p {
	font-size: 28px;
	line-height: 1.33;
}
.stat-data .fact-statement cite {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	color: #666;
	margin-top: 10px;
}

/* for dark colored background */
.dark-colored-bg .stat-data[class*="-cols"] .columns::before {
	border-left-color: #a3b6bf;
}
.dark-colored-bg .stat-data.stat-2-cols .fact-number {
	color: #fff;
}
.dark-colored-bg .stat-data.stat-3-cols .fact-number {
	color: #f7deb5;
}
.dark-colored-bg .stat-data .fact-title .title {
	color: #faca7d;
}
.dark-colored-bg .stat-data.stat-2-cols .fact-statement p {
	color: #e5e5e5;
}
.dark-colored-bg .stat-data.stat-3-cols .fact-statement p {
	color: #fff;
}
.dark-colored-bg .stat-data .fact-statement cite {
	color: #eee;
}
.dark-colored-bg .stat-data .fact-statement cite a {
	color: #cfdee5;
}
.dark-colored-bg .stat-data .fact-statement cite a:hover {
	color: inherit;
}

/* for secondary color background */
.stripe-secondary-color-bg .stat-data[class*="-cols"] .columns::before {
	border-left-color: rgba(0, 0, 0, 0.25);
}
.stripe-secondary-color-bg .stat-data .fact-number {
	color: rgba(0, 0, 0, 0.65) !important;
}
.stripe-secondary-color-bg .stat-data .fact-title .title {
	color: #f9f9f9;
}
.stripe-secondary-color-bg .stat-data .fact-statement p {
	color: #505050;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.stat-data.stat-2-cols {
		margin-left: -40px;
		margin-right: -40px;
	}
	.stat-data.stat-2-cols article {
		margin-left: 40px;
		margin-right: 40px;
	}
	.stat-data.stat-3-cols {
		margin-left: -35px;
		margin-right: -35px;
	}
	.stat-data.stat-3-cols article {
		margin-left: 35px;
		margin-right: 35px;
	}
	
	.stat-data[class*="-cols"] .columns::before {
		top: -140px;
		bottom: -140px;
	}
	.stripe-bottom .stat-data[class*="-cols"] .columns::before {
		top: -110px;
		bottom: -110px;
	}
	.stripe-narrow .stat-data[class*="-cols"] .columns::before {
		top: -110px;
		bottom: -110px;
	}
	.stripe-bottom.stripe-narrow .stat-data[class*="-cols"] .columns::before {
		top: -85px;
		bottom: -85px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.stat-data.stat-2-cols {
		margin-left: -35px;
		margin-right: -35px;
	}
	.stat-data.stat-2-cols article {
		margin-left: 35px;
		margin-right: 35px;
	}
	.stat-data.stat-3-cols {
		margin-left: -30px;
		margin-right: -30px;
	}
	.stat-data.stat-3-cols article {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stat-data.stat-2-cols {
		margin-left: -30px;
		margin-right: -30px;
	}
	.stat-data.stat-2-cols article {
		margin-left: 30px;
		margin-right: 30px;
	}
	.stat-data.stat-3-cols {
		margin-left: -15px;
		margin-right: -15px;
	}
	.stat-data.stat-3-cols article {
		margin-left: 15px;
		margin-right: 15px;
	}
	.stat-data.stat-3-cols .fact-number {
		font-size: 50px;
	}
	.stat-data.stat-3-cols .fact-statement p {
		font-size: 26px;
	}
}
@media (min-width: 768px) {
	.stat-data[class*="-cols"] .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.stat-data[class*="-cols"] .columns {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.stat-data.stat-2-cols {
		margin-left: -25px;
		margin-right: -25px;
	}
	.stat-data.stat-2-cols article {
		margin-left: 25px;
		margin-right: 25px;
	}
	.stat-data.stat-3-cols {
		margin-left: -7px;
		margin-right: -7px;
	}
	.stat-data.stat-3-cols article {
		margin-left: 7px;
		margin-right: 7px;
	}
	.stat-data.stat-2-cols .fact-number {
		font-size: 50px;
	}
	.stat-data.stat-3-cols .fact-number {
		font-size: 46px;
	}
	.stat-data.stat-3-cols .fact-statement p {
		font-size: 25px;
	}
}
@media (max-width: 767px) {
	.stat-data.stat-2-cols .columns article {
		margin-top: 40px;
	}
	.stat-data.stat-3-cols .columns article {
		margin-top: 35px;
	}
	.stat-data[class*="-cols"] .columns:first-child article {
		margin-top: 0;
	}
	.stat-data[class*="-cols"] .columns::before {
		display: none;
	}
	.stat-data .fact-number {
		font-size: 46px;
	}
	.stat-data .fact-title .title {
		font-size: 22px;
	}
	.stat-data.stat-3-cols .fact-statement p {
		font-size: 23px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	23. Blog
/*-----------------------------------------------------------------------------------*/

/* List layout
--------------------------------------------------- */
.blog-list-layout article {
	position: relative;
	margin-left: -20px;
	padding: 50px 0 50px 20px;
}
.blog-list-layout article .entry-wrapper {
	position: relative;
}
.blog-list-layout article:first-child {
	padding-top: 0;
}
.blog-list-layout article:last-child {
	padding-bottom: 0;
}
.blog-list-layout article::before {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #dedede;
	background: -webkit-linear-gradient(right, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	background: -o-linear-gradient(right, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	background: linear-gradient(to left, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	content: "";
}
.blog-list-layout article:first-child::before {
	background: none;
}

.blog-list-layout .post-media.overlay-enabled.inline-block {
	display: inline-block;
	margin-bottom: 6px;
}

/* Post date */
.blog-list-layout article .post-date {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100px;
	padding-right: 15px;
	text-align: right;
}
.blog-list-layout article .post-date .day {
	display: block;
	font-size: 26px;
	line-height: 1;
	font-weight: 600;
	color: #6b9bb3;
	margin-top: 2px;
	letter-spacing: -1px;
	white-space: nowrap;
}
.blog-list-layout article .post-date .month {
	font-size: 22px;
	text-transform: uppercase;
}
.blog-list-layout article .post-date .year {
	display: block;
	margin-top: 1px;
	padding-right: 1px;
	font: 17px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #909090;
}
.blog-list-layout article.sticky-newest .post-date .day {
	color: #fab23c;
}
.blog-list-layout article.sticky-newest .post-date .year {
	color: #6b9bb3;
}
.blog-list-layout article .post-date::after {
	position: absolute;
	display: block;
	top: 2px;
	right: 0;
	width: 4px;
	height: 60px;
	background-color: #e5e5e5;
	content: "";
	-webkit-transform: skew(-8deg);
	    -ms-transform: skew(-8deg);
	     -o-transform: skew(-8deg);
	        transform: skew(-8deg);
	-webkit-transform-origin: 0 100%;
	    -ms-transform-origin: 0 100%;
	     -o-transform-origin: 0 100%;
	        transform-origin: 0 100%;
}

/* Post content */
.blog-list-layout article .post-content {
	margin-left: 150px;
}
.blog-list-layout article .post-content .title {
	margin-bottom: 0;
}
#main-content .blog-list-layout article .post-content h2.title {
	line-height: 1.3;
}
.blog-list-layout article .post-content .title a {
	color: inherit;
	padding: 5px 0;
}
.blog-list-layout article .post-content .title a:hover {
	color: #266484;
}
.blog-list-layout article .post-meta {
	font-size: 15px;
	font-weight: normal;
	color: #909090;
	font-style: italic;
	margin-top: 10px;
}
.blog-list-layout article .post-meta a {
	color: #e5a235;
	font-weight: 600;
}
.blog-list-layout article .post-meta a:hover {
	color: #fab23c;
}
.blog-list-layout article .post-media {
	margin-top: 15px;
	margin-bottom: 0;
}
.blog-list-layout article .post-excerpt {
	margin-top: 15px;
}
.blog-list-layout article .post-media + .post-excerpt {
	margin-top: 30px;
}
.blog-list-layout article .post-excerpt p {
	font-size: 18px;
}
.blog-list-layout article .post-excerpt p:last-of-type {
	margin-bottom: 0;
}
.blog-list-layout article .post-excerpt .button {
	border-width: 1px;
	margin-top: 25px;
}
.blog-list-layout article .post-excerpt .read-more-link-small {
	margin-top: 15px;
}

/* Grid layout
--------------------------------------------------- */
.blog-grid-layout {
	margin: 0 -15px;
}
.blog-grid-layout article {
	margin: 60px 15px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
.blog-grid-layout article .post-media {
	margin-bottom: 0;
}
.blog-grid-layout article .post-content {
	position: relative;
}

/* Post tag */
.blog-grid-layout article .post-category {
	font-size: 15px;
	padding: 15px 20px 3px;
}
.blog-grid-layout article .post-category a {
	color: #e5a235;
	font-weight: 600;
}
.blog-grid-layout article .post-category a:hover {
	color: #fab23c;
}

/* Post description */
.blog-grid-layout article .post-description {
	position: relative;
	padding: 25px 20px;
}
.blog-grid-layout article .post-category + .post-description {
	padding-top: 0;
}
.blog-grid-layout article .post-description .title {
	margin-bottom: 0;
	overflow: hidden;
}
.blog-grid-layout article .post-description h5.title {
	height: 105px; /* 3 x line-height */
	font-size: 26px;
	line-height: 1.35;
}
.blog-grid-layout.one-line article .post-description h5.title { /* for Latest Posts on the homepage */
	font-weight: normal;
}
.blog-grid-layout article .post-description .title a {
	color: inherit;
	padding: 5px 0;
}
.blog-grid-layout article .post-description .title a:hover {
	color: #266484;
}

/* Post meta */
.blog-grid-layout article .post-meta {
	position: relative;
	font: 15px/23px Verdana, Geneva, sans-serif;
	letter-spacing: -0.3px;
	color: #a5a5a5;
	padding: 10px 20px 12px;
	border-top: 1px solid rgba(250, 202, 125, 0.5); /* #faca7d */
	white-space: nowrap;
	overflow: hidden;
}
.blog-grid-layout article .post-meta a {
	font-style: italic;
}

/* Featured article */
.blog-grid-layout article.sticky-newest {
	margin-top: 0;
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.blog-grid-layout article.sticky-newest .post-media {
	float: left;
	width: 640px;
}
.blog-grid-layout article.sticky-newest .post-description {
	margin-left: 680px;
	padding: 0;
}
.blog-grid-layout article.sticky-newest .post-description p {
	font-size: 18px;
	margin: 10px 0 0;
}
.blog-grid-layout article.sticky-newest .post-meta {
	margin: 20px 0 0 680px;
	padding: 0;
	border: none;
}
#page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-meta {
	margin-bottom: -15px;
}
.blog-grid-layout article.sticky-newest .post-meta .post-author a {
	font-weight: 600;
	font-style: normal;
}

#main-content .blog-grid-layout article.sticky-newest {
	margin-bottom: 90px;
}
#main-content .blog-grid-layout article.sticky-newest .post-media {
	width: 450px;
}
#main-content .blog-grid-layout article.sticky-newest .post-description,
#main-content .blog-grid-layout article.sticky-newest .post-meta {
	margin-left: 480px;
}
#main-content .blog-grid-layout article.sticky-newest .post-meta {
	margin-top: 10px;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt {
	margin-top: 25px;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt p {
	font-size: 18px;
	margin-bottom: 0;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt .button {
	border-width: 1px;
	margin-top: 20px;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt .read-more-link-small {
	margin-top: 10px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.blog-list-layout article {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.blog-grid-layout article.sticky-newest .post-media {
		width: 720px;
	}
	.blog-grid-layout article.sticky-newest .post-description,
	.blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 770px;
	}
	#main-content .blog-grid-layout article.sticky-newest {
		margin-bottom: 100px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 490px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description,
	#main-content .blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 525px;
	}
}
@media (min-width: 992px) {
	.blog-grid-layout .col-md-4:nth-child(1) article,
	.blog-grid-layout .col-md-4:nth-child(2) article,
	.blog-grid-layout .col-md-4:nth-child(3) article {
		margin-top: 0;
	}
	#main-content .blog-grid-layout .col-sm-6:nth-child(1) article,
	#main-content .blog-grid-layout .col-sm-6:nth-child(2) article {
		margin-top: 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.blog-list-layout article .post-date {
		width: 90px;
		padding-right: 12px;
	}
	.blog-list-layout article .post-date .day {
		font-size: 25px;
	}
	.blog-list-layout article .post-date .month {
		font-size: 22px;
	}
	.blog-list-layout article .post-date::after {
		height: 56px;
	}
	.blog-list-layout article .post-content {
		margin-left: 130px;
	}
	
	.blog-grid-layout {
		margin: 0;
	}
	.blog-grid-layout article {
		margin: 30px 0 0;
	}
	.blog-grid-layout article.sticky-newest .post-media {
		width: 500px;
	}
	.blog-grid-layout article.sticky-newest .post-description,
	.blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 530px;
	}
	.blog-grid-layout article .post-meta {
		font-size: 14px;
		letter-spacing: -0.6px;
	}
	.blog-grid-layout article .post-description h5.title {
		height: 97px; /* 3 x line-height */
		font-size: 24px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 340px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description,
	#main-content .blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 365px;
	}
}
@media (max-width: 991px) {
	.blog-list-layout article {
		margin: 0;
		padding: 50px 0;
	}
	.blog-list-layout article::before {
		height: 1px;
		background: #dedede;
	}
}
@media (min-width: 768px) {
	.blog-grid-layout article .post-content::before {
		position: absolute;
		display: block;
		right: 0;
		bottom: -25px;
		height: 110px;
		content: '"';
		font: italic 300px/1 Verdana, Geneva, sans-serif;
		color: rgba(131, 156, 168, 0.03); /* #839ca8 */
		-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
				transform: rotate(180deg);
	}
	.blog-grid-layout article.sticky-newest .post-content::before {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.blog-grid-layout {
		margin-left: -5px;
		margin-right: -5px;
	}
	.blog-grid-layout article {
		margin: 40px 5px 0;
	}
	
	/* 3 columns >> 2 columns */
	.blog-grid-layout .col-sm-6:nth-child(1) article,
	.blog-grid-layout .col-sm-6:nth-child(2) article {
		margin-top: 0;
	}
	
	#page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-media {
		float: none;
		width: auto;
	}
	#page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-description {
		margin: 35px 0 0;
	}
	#page-content.fullwidth-layout .blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 0;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 420px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description,
	#main-content .blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 450px;
	}
	
	.blog-grid-layout.one-line .col-sm-6.col-md-4:last-child { /* for Latest Posts on the homepage */
		display: none;
	}
}
@media (max-width: 767px) {
	.blog-grid-layout {
		margin: 0;
	}
	.blog-grid-layout article:not(.sticky-newest) {
		max-width: 540px; /* the width is limited to 540px */
		margin-left: auto;
		margin-right: auto;
	}
	.blog-grid-layout .columns:first-child article {
		margin-top: 0;
	}
	.blog-grid-layout article.sticky-newest {
		margin-left: 0;
		margin-right: 0;
	}
	.blog-grid-layout article .post-description .title {
		height: auto !important;
		overflow: visible;
	}
	.blog-grid-layout article .post-description h5.title {
		min-height: 52px; /* 1.5 x line-height */
	}
	
	.blog-grid-layout article.sticky-newest .post-media,
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		float: none;
		width: auto;
	}
	.blog-grid-layout article.sticky-newest .post-description,
	#main-content .blog-grid-layout article.sticky-newest .post-description {
		margin: 35px 0 0;
	}
	.blog-grid-layout article.sticky-newest .post-meta,
	#main-content .blog-grid-layout article.sticky-newest .post-meta {
		margin-left: 0;
	}
	
	#main-content .blog-grid-layout article.sticky-newest {
		margin-bottom: 60px;
		padding-bottom: 50px;
		border-bottom: 2px solid #dedede;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.blog-list-layout article .post-date {
		width: 80px;
		padding-right: 10px;
	}
	.blog-list-layout article .post-date .day {
		font-size: 23px;
	}
	.blog-list-layout article .post-date .month {
		font-size: 20px;
	}
	.blog-list-layout article .post-date .year {
		font-size: 16px;
	}
	.blog-list-layout article .post-date::after {
		width: 3px;
		height: 50px;
	}
	.blog-list-layout article .post-content {
		margin-left: 110px;
	}
	
	.blog-grid-layout:not(.featured-article) .columns {
		padding-left: 15%;
		padding-right: 15%;
	}
}
@media (max-width: 479px) {
	.blog-list-layout article .post-date {
		position: static;
		display: block;
		width: auto;
		margin-bottom: 5px;
		padding: 0;
		text-align: left;
	}
	.blog-list-layout article .post-date .day,
	.blog-list-layout article .post-date .year {
		display: inline;
		font: inherit;
		font-size: 17px;
		font-weight: 400;
	}
	.blog-list-layout article .post-date .day {
		color: #909090 !important;
		letter-spacing: 0;
	}
	.blog-list-layout article .post-date .day::after {
		content: ", ";
	}
	.blog-list-layout article .post-date .year {
		margin: 0;
		padding: 0;
	}
	.blog-list-layout article .post-date .month {
		font: inherit;
		text-transform: none;
	}
	.blog-list-layout article .post-date::after {
		display: none;
	}
	.blog-list-layout article .post-content {
		margin-left: 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	24.	Pagination
/*-----------------------------------------------------------------------------------*/

.post-pagination {
	margin-top: 50px;
	margin-bottom: 20px;
}
.blog-posts.blog-list-layout + .post-pagination {
	position: relative;
	margin-left: -20px;
    padding: 35px 0 0 20px;
}
.blog-posts.blog-list-layout + .post-pagination::before {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background-image: -webkit-linear-gradient(right, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	background-image: -o-linear-gradient(right, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	background-image: linear-gradient(to left, rgba(222, 222, 222, 0), #dedede 800px, #dedede);
	content: "";
}
.blog-posts.blog-grid-layout + .post-pagination {
	margin-top: 65px;
	margin-bottom: 0;
	text-align: center;
}

.post-pagination a,
.post-pagination > span {
	display: inline-block;
	width: 48px;
	height: 48px;
	font: 19px/48px Verdana, Geneva, sans-serif;
	text-align: center;
	background-color: transparent;
	margin: 0 2px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.post-pagination a:first-child,
.post-pagination > span:first-child,
.post-pagination > span.current:first-child {
	margin-left: 0;
}
.post-pagination a:last-child,
.post-pagination > span:last-child,
.post-pagination > span.current:last-child {
	margin-right: 0;
}
.post-pagination span.current {
	color: #666;
	background-color: #eee;
	margin: 0 8px;
}
.stripe-light-grey-bg .post-pagination span.current {
	background-color: #fff;
}
.post-pagination span.dots {
	color: #666;
}
.post-pagination .prev .ion, /* vector icons - Ionicons */
.post-pagination .next .ion {
	font-size: 19px;
}
.post-pagination a {
	color: #839ca8;
}
.post-pagination a:hover {
	color: #445761;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.post-pagination {
		margin-top: 60px;
	}
}
@media (max-width: 991px) {
	.blog-posts.blog-list-layout + .post-pagination {
		margin-left: 0;
		padding-left: 0;
	}
	.blog-posts.blog-list-layout + .post-pagination::before {
		height: 1px;
		background: #dedede;
	}
}
@media (max-width: 479px) {
	.post-pagination a,
	.post-pagination > span {
		width: 36px;
		height: 36px;
		font-size: 17px;
		line-height: 36px;
		margin: 0;
	}
	.post-pagination span.current {
		margin: 0 5px;
	}
	.post-pagination span.dots {
		width: 30px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	25. Single Post
/*-----------------------------------------------------------------------------------*/

/* Post media */
.single-post .blog-posts .post-media {
	margin: 10px 0 70px;
}

/* Post content */
.single-post .blog-posts .post-content > p:last-child,
.single-post .blog-posts .post-content > ul:last-child,
.single-post .blog-posts .post-content > ol:last-child,
.single-post .blog-posts .post-content > blockquote:last-child,
.single-post .blog-posts .post-content > .video-container:last-child,
.single-post .blog-posts .post-content > .html5-video-container:last-child {
	margin-bottom: 0;
}
.single-post .blog-posts .post-content > .video-container:first-child,
.single-post .blog-posts .post-content > .html5-video-container:first-child {
	margin-bottom: 50px;
}

/* Post details
--------------------------------------------------- */
.single-post-details {
	margin: 10px 0 90px;
}

/* Author info */
.single-post-details .post-author .author-info .title {
	text-align: center;
	margin: 7px 0 0;
}
.single-post-details .post-author .author-info .title .by-author {
	font-style: italic;
}
.single-post-details .post-author .author-info .subtitle {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0;
}

/* Post share - at the right side */
.single-post-details .post-share:not(:first-child) {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px solid rgba(250, 202, 125, 0.5); /* #faca7d */
}
.single-post-details .post-share .title {
	text-align: center;
	margin-bottom: 15px;
}
.single-post-details .post-share .social-share {
	text-align: center;
}

/* Social share icons */
.fa-icon-list.social-share li a {
	display: block;
	width: 44px;
	height: 44px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.4);
	border: 2px solid #e5e5e5;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.fa-icon-list.social-share li a:hover {
	border-color: rgba(237, 95, 74, 0.7); /* #ed5f4a */
}
.fa-icon-list.social-share li .fa {
	line-height: 40px;
	color: #ed5f4a;
}

/* Post share - below the article text */
.single-post .blog-posts article .post-share {
	margin-top: 45px;
}
.single-post .blog-posts article .post-share .title {
	float: left;
	color: #666;
	margin: 0 15px 0 0;
	padding-top: 4px;
}
.single-post .blog-posts article .post-share .title span {
	display: none;
}
.single-post .blog-posts article .post-share .social-share li a {
	width: 38px;
	height: 38px;
}
.single-post .blog-posts article .post-share .social-share li .fa {
	font-size: 16px;
	line-height: 34px;
}

/* Post tags */
.single-post-details .post-tags:not(:first-child) {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 2px solid rgba(250, 202, 125, 0.5); /* #faca7d */
}
.single-post-details .post-author + .post-tags {
	margin-top: 30px;
}
.single-post-details .post-tags .title {
	text-align: center;
	margin-bottom: 10px;
}
.single-post-details .post-tags .tagcloud {
	text-align: center;
	line-height: 22px;
}
.single-post-details .post-tags .tagcloud a {
	font: 700 14px/25px Verdana, Geneva, sans-serif;
	color: #777;
}
.single-post-details .post-tags .tagcloud a::after {
	font-weight: normal;
	content: ", ";
}
.single-post-details .post-tags .tagcloud a:last-child::after {
	content: "";
}
.single-post-details .post-tags .tagcloud a:hover {
	color: #444;
}

/* Comments
--------------------------------------------------- */
.single-post #main-content .blog-posts article + .stripe {
	margin-top: 80px;
}
#comments > .title:first-child {
	margin-bottom: 50px;
}
.comment-list {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}
.comment-list .comment {
	border-top: 1px dotted #b5b5b5;
	margin: 30px 0 0;
	padding: 25px 0 0;
}
.comment-list .comment:first-child {
	border: none; 
	margin-top: 0;
	padding-top: 0;
}
.comment-list article {
	border: none;
	margin: 0;
	padding: 0;
}
.comment-list .comment-avatar {
	float: left;
	width: 62px;
	height: 62px;
	margin-bottom: 10px;
}
.comment-list .comment-avatar img {
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.comment-list .comment-meta {
	margin: 0 0 10px 85px;
}
.comment-list .comment-meta strong {
	font-size: 18px;
}
.comment-list .comment-meta span {
	padding: 0 6px 0 3px;
}
.comment-list .comment-meta .date {
	display: block;
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
}
.comment-list .comment-meta .date a {
	color: #839ca8;
}
.comment-list .comment-meta .date a:hover,
.comment-list .comment-meta .date a:hover * {
	color: #445761;
}
.comment-list .comment-content {
	margin-left: 85px;
	word-wrap: break-word;
}
.comment-list .comment-content > *:last-child {
	margin-bottom: 0;
}
.comment-list.avatars-disabled .comment-meta,
.comment-list.avatars-disabled .comment-content {
	margin-left: 0;
}
.comment-list .comment-content p {
	font-size: 18px;
	margin-bottom: 15px;
}
.comment-list .comment-reply-link {
	float: right;
	font-size: 16px;
	color: #445761;
}
.comment-list .comment-reply-link .ion { /* vector icons - Ionicons */
	margin-right: 5px;
}
.comment-list .comment-reply-link:hover {
	text-decoration: underline;
}
.comment-list .comment .children {
	list-style: none;
	margin: 0;
	padding: 0 0 0 50px;
}
.comment-list .comment .children .comment {
	border-top: 1px dotted #b5b5b5;
	margin: 30px 0 0;
	padding-top: 25px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.single-post #main-content .blog-posts article + .stripe {
		margin-top: 90px;
	}
}
@media (min-width: 992px) {
	.single-post-details .post-author .author-image {
		width: 130px;
		margin: 0 auto;
		text-align: center;
	}
	.single-post-details .post-author .author-image img {
		display: inline;
	}
	.single-post-details .post-author .author-info .title .by-author {
		display: none;
	}
}
@media (max-width: 991px) {
	.single-post .blog-posts .post-media {
		margin-top: 0;
	}
	.single-post-details {
		margin: -30px 0 0;
	}
	.single-post-details.author-info-disabled {
		margin: 5px 0 0;
	}
	.single-post-details .post-author {
		margin-bottom: 35px;
	}
	.single-post-details .post-author .author-image {
		float: left;
		width: 56px;
		text-align: left;
	}
	.single-post-details .post-author .author-image img {
		border: 4px solid #ebf5fa;
	}
	.single-post-details .post-author .author-info {
		font-size: 16px;
		margin-left: 76px;
	}
	.single-post-details .post-author .author-info .title {
		display: inline-block;
		font-family: inherit;
		font-size: inherit;
		font-weight: normal;
		text-align: left;
		margin: 0;
		padding-top: 12px;
	}
	.single-post-details .post-author .author-info .title a {
		color: inherit;
		font-weight: 600;
		padding: 0;
	}
	.single-post-details .post-author .author-info .title a:hover {
		text-decoration: underline;
	}
	.single-post-details .post-author .author-info .subtitle {
		display: inline-block;
		font-size: inherit;
		font-style: italic;
		text-align: left;
	}
	.single-post-details .post-author .author-info .title::after {
		content: ", ";
	}
	.single-post-details .post-share,
	.single-post-details .post-tags {
		display: none;
	}
}
@media (max-width: 479px) {
	.single-post-details .post-author .author-info {
		font-style: italic;
		margin-left: 70px;
	}
	.single-post-details .post-author .author-info .subtitle,
	.single-post-details .post-author .author-info .title::after {
		display: none;
	}
	.comment-list .comment-meta,
	.comment-list .comment-content {
		margin-left: 75px;
	}
	.comment-list .comment .children {
		list-style: none;
		padding: 0 0 0 30px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	26. News & Client Stories
/*-----------------------------------------------------------------------------------*/

.recent-posts.picture-boxes.top-picture-box.round-image .box-text {
	margin-top: 20px;
}
.recent-posts.picture-boxes .box-text .post-category {
	font-size: 15px;
	margin: -3px 0 5px;
}
.recent-posts.picture-boxes .box-text .post-category a {
	color: #e5a235;
	font-weight: 600;
}
.recent-posts.picture-boxes .box-text .post-category a:hover {
	color: #fab23c;
}
.recent-posts.picture-boxes .box-text .post-meta {
	font: 14px/23px Verdana, Geneva, sans-serif;
	letter-spacing: -0.3px;
	color: #909090;
	margin-top: 5px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 768px) {
	.recent-posts.picture-boxes:not(.round-image) .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.recent-posts.picture-boxes:not(.round-image) .columns {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
	}
	.recent-posts.picture-boxes:not(.round-image) .col-md-4 article {
		margin-top: 60px;
	}
}
@media (min-width: 992px) {
	.recent-posts.picture-boxes:not(.round-image) .col-md-4 {
		-webkit-flex-basis: 0;
		    -ms-flex-preferred-size: 0;
		        flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		    -ms-flex-positive: 1;
				flex-grow: 1;
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 33.25%; /* 33.25% instead of 33.333333% for iOS fix */
		     -ms-flex: 0 0 33.25%;
			     flex: 0 0 33.25%;
		max-width: 33.25%;
	}
	.recent-posts.picture-boxes:not(.round-image) .col-md-4:nth-child(1) article,
	.recent-posts.picture-boxes:not(.round-image) .col-md-4:nth-child(2) article,
	.recent-posts.picture-boxes:not(.round-image) .col-md-4:nth-child(3) article {
		margin-top: 0;
	}
	.recent-posts.picture-boxes.round-image .box-image {
		width: 160px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.recent-posts.picture-boxes:not(.round-image) .col-sm-6 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 49.9%; /* 49.9% instead of 50% for iOS fix */
		     -ms-flex: 0 0 49.9%;
			     flex: 0 0 49.9%;
		max-width: 49.9%;
	}
	.recent-posts.picture-boxes:not(.round-image) .col-sm-6:nth-child(1) article,
	.recent-posts.picture-boxes:not(.round-image) .col-sm-6:nth-child(2) article {
		margin-top: 0;
	}
	.recent-posts.picture-boxes.round-image .box-image {
		width: 110px !important;
	}
	.recent-posts.picture-boxes.round-image .col-sm-12.col-md-3 .box-image .image-overlay {
		height: 110px;
	}
	/* 4 columns */
	.recent-posts.picture-boxes .col-sm-3 article h6 {
		font-size: 16px;
	}
	.recent-posts.picture-boxes .col-sm-3 .box-text .post-meta {
		font-size: 13px;
	}
	
	.stripe-recent-posts .recent-posts.picture-boxes .col-sm-6.col-md-4:last-child { /* for one-line Recent Posts */
		display: none;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.recent-posts.picture-boxes.round-image .box-image {
		width: 130px !important;
	}
	.recent-posts.picture-boxes:not(.owl-carousel).round-image .box-image .image-overlay {
		height: 130px;
	}
}
@media (max-width: 479px) {
	.recent-posts.picture-boxes.round-image .box-image {
		width: 170px !important;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	27. Twitter Feed
/*-----------------------------------------------------------------------------------*/

.twitter-feed > p { /* for script notifications */
	font-size: 18px;
}
.twitter-feed .tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.twitter-feed .tweet_list li {
	margin-bottom: 15px;
	word-wrap: break-word;
}
.twitter-feed .tweet_even:last-child,
.twitter-feed .tweet_odd:last-child {
	margin-bottom: 0;
}
.twitter-feed .tweet_text {
	display: block;
}
.twitter-feed .tweet_time {
	display: block;
	font-size: 18px;
	font-style: italic;
	margin-top: 5px;
}
.twitter-feed .tweet_text,
.twitter-feed .tweet_time {
	line-height: 1.5;
	margin-left: 30px;
}
.twitter-feed .tweet_time a {
	color: #909090;
}
.twitter-feed .tweet_time a:hover {
	color: #666;
}
.twitter-feed[data-avatar="yes"] .tweet_text,
.twitter-feed[data-avatar="yes"] .tweet_time {
	margin-left: 50px;
}
.twitter-feed .tweet_avatar {
	margin: 5px 10px 0 0;
	float: left;
}
.twitter-feed[data-avatar="no"] .tweet_list li {
	position: relative;
}
.twitter-feed[data-avatar="no"] .tweet_list li::before {
	position: absolute;
	top: 5px;
	left: -2px;
	font-family: FontAwesome;
	font-size: 26px;
	line-height: 1;
	color: rgba(85, 172, 238, 0.5);
	content: "\f099";
}

/* Tweet boxes
--------------------------------------------------- */
.twitter-feed.tweet-boxes {
	margin: 0 -12px;
}
.twitter-feed.tweet-boxes > p {
	text-align: center;
}
.twitter-feed.tweet-boxes .tweet_list li {
	position: relative;
	display: block;
	float: left;
	width: 30%;
	width: calc(33.33333333% - 24px);
	margin: 0 12px;
	padding: 20px 25px;
	background-color: #fff;
	border: 1px solid #e1e8ed;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
	line-height: 0;
}
.twitter-feed.tweet-boxes .tweet_list li::before {
	display: none;
}
.twitter-feed.tweet-boxes .tweet_avatar {
	position: absolute;
	display: block;
	float: none;
	top: 25px;
	left: 25px;
	margin-top: 0;
}
.twitter-feed.tweet-boxes .tweet_avatar img {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.twitter-feed.tweet-boxes .tweet_brand {
	position: absolute;
	display: block;
	top: 25px;
	right: 25px;
}
.twitter-feed.tweet-boxes .tweet_brand::before {
	font-family: FontAwesome;
	font-size: 26px;
	line-height: 1;
	color: rgba(85, 172, 238, 0.5);
	content: "\f099";
}
.twitter-feed.tweet-boxes .tweet_screen_name {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	color: #384b54;
	margin-top: 3px;
	margin-left: 60px;
}
.twitter-feed.tweet-boxes .tweet_user {
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	color: #999;
	margin: -5px 0 0 60px;
}
.twitter-feed.tweet-boxes .tweet_user:hover {
	color: #666;
}
.twitter-feed.tweet-boxes .tweet_text {
	font-size: 18px;
	font-weight: 400;
	color: #384b54;
	margin: 10px 0 0;
}
.twitter-feed.tweet-boxes .tweet_time {
	font-size: 16px;
	margin-left: 0;
}

/* In the sidebar or info box
--------------------------------------------------- */
aside .twitter-feed .tweet_text {
	font-size: 18px;
	font-weight: 400;
	color: #666;
}

/* Inside the wrapper
--------------------------------------------------- */
.twitter-feed-wrapper {
	text-align: center;
}
.stripe-bottom:not(.stripe-narrow) .twitter-feed-wrapper {
	margin-bottom: 10px;
}
.twitter-feed-wrapper .top-icon {
	margin: -10px 0 25px;
}
.twitter-feed-wrapper .top-icon .fa { /* vector icons - Font Awesome */
	font-size: 48px;
	color: rgba(85, 172, 238, 0.5);
}
.twitter-feed-wrapper .twitter-feed .tweet_list li {
	margin-bottom: 25px;
}
.twitter-feed-wrapper .twitter-feed .tweet_even:last-child,
.twitter-feed-wrapper .twitter-feed .tweet_odd:last-child {
	margin-bottom: 0;
}
.twitter-feed-wrapper .twitter-feed .tweet_list li::before,
.twitter-feed-wrapper .twitter-feed .tweet_avatar {
	display: none;
}
.twitter-feed-wrapper .twitter-feed .tweet_text {
	font-weight: 400;
	color: inherit;
	margin-left: 0;
}
.twitter-feed-wrapper .twitter-feed .tweet_time {
	margin: 10px 0 0;
}

/* for dark colored background */
.dark-colored-bg .twitter-feed-wrapper .top-icon .fa {
	color: rgba(153, 211, 255, 0.6);
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed,
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text {
	color: #fff;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text a {
	color: #f7deb5;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text a:hover {
	color: #faca7d;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_time a {
	color: #cfdee5;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_time a:hover {
	color: #e5e5e5;
}

/* for secondary color background */
.stripe-secondary-color-bg .twitter-feed-wrapper .top-icon .fa {
	color: rgba(0, 0, 0, 0.2);
}
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed,
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_text {
	color: rgba(0, 0, 0, 0.65);
}
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_time a {
	color: #666;
}
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_time a:hover {
	color: #505050;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.twitter-feed.tweet-boxes {
		margin: 0 -15px;
	}
	.twitter-feed.tweet-boxes .tweet_list li {
		width: calc(33.33333333% - 30px);
		margin: 0 15px;
	}
}
@media (min-width: 992px) {
	.twitter-feed-wrapper .twitter-feed .tweet_text {
		font-size: 25px;
	}
}
@media (max-width: 991px) {
	.twitter-feed.tweet-boxes {
		margin: 0;
	}
	.twitter-feed.tweet-boxes .tweet_list li {
		float: none;
		width: auto;
		margin: 15px 0 0;
	}
	.twitter-feed.tweet-boxes .tweet_list li:first-child {
		margin-top: 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	28. Flickr Photostream
/*-----------------------------------------------------------------------------------*/

.flickr-photostream {
	margin: -20px 0 0 -20px;
}
.flickr-photostream img {
	-webkit-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
}
.flickr-photostream .flickr_badge_image {
	float: left;
	width: 75px;
	height: 75px;
	margin: 20px 0 0 20px;
}
.flickr-photostream a:hover img {
	opacity: 0.8;
}


/*-----------------------------------------------------------------------------------*/
/*	29. Standard Table
/*-----------------------------------------------------------------------------------*/

[class$="-layout"] table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	margin-bottom: 25px;
}
.standard-table-wrapper {
	margin-bottom: 25px;
}
.standard-table-wrapper table.standard-table {
	margin-bottom: 0;
}
[class$="-layout"] table th,
[class$="-layout"] table thead td {
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	border: 1px solid rgba(131, 156, 168, 0.4); /* #839ca8 */
	border-bottom-color: rgba(131, 156, 168, 0.8); /* #839ca8 */
	background-color: rgba(131, 156, 168, 0.1); /* #839ca8 */
	padding: 9px 15px;
	vertical-align: top;
}
[class$="-layout"] table td {
	font-size: 18px;
	line-height: 1.5;
	border: 1px solid rgba(131, 156, 168, 0.4); /* #839ca8 */
	padding: 9px 15px;
	vertical-align: middle;
}
[class$="-layout"] table caption {
	font-size: 16px;
	color: #808080;
	text-align: right;
	font-style: italic;
	padding-bottom: 7px;
}

/* Highlighted first column */
table.standard-table.first-col-bg tr th:first-child,
table.standard-table.first-col-bg thead td:first-child {
	background: none;
}
table.standard-table.first-col-bg td:first-child {
	font-weight: normal;
	background-color: rgba(131, 156, 168, 0.1); /* #839ca8 */
}

/* Header with dark colored background */
table.standard-table.dark-bg-header th {
	color: #fff;
	background-color: #839ca8;
	border-color: #839ca8;
	border-right-color: #a3b6bf;
	letter-spacing: 0.3px;
}
table.standard-table.dark-bg-header th:last-child {
	border-right-color: #839ca8;
}
table.standard-table.dark-bg-header.first-col-bg th:first-child {
	border-color: rgba(131, 156, 168, 0.4); /* #839ca8 */
	border-right-color: #839ca8;
}

/* Checkmark */
table.standard-table td .fa { /* .fa-check */
	color: #ed5f4a;
}

/* Small text */
[class$="-layout"] table.text-small th,
[class$="-layout"] table.text-small td {
	font-size: 16px;
}

/* Footer trim */
table.standard-table .footer-trim td {
	border-bottom-color: rgba(131, 156, 168, 0.8); /* #839ca8 */
}
table.standard-table .footer.no-links td {
	font-weight: bold;
}

/* for light backgrounds */
.stripe-light-grey-bg table td,
.stripe-primary-color-pale-bg table td,
.stripe-primary-color-light-bg table td,
.stripe-pale-bg table td {
	background-color: #fcfcfc;
}
.stripe-light-grey-bg table th,
.stripe-light-grey-bg table thead td,
.stripe-primary-color-pale-bg table th,
.stripe-primary-color-pale-bg table thead td,
.stripe-primary-color-light-bg table th,
.stripe-primary-color-light-bg table thead td,
.stripe-pale-bg table th,
.stripe-pale-bg table thead td {
	background-color: rgba(131, 156, 168, 0.05); /* #839ca8 */
}

/* for dark colored background */
.dark-colored-bg table {
	background-color: rgba(255, 255, 255, 0.15);
}
.dark-colored-bg table th,
.dark-colored-bg table thead td {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.25) !important;
	border: none;
	border-right: 1px solid rgba(68, 87, 97, 0.7); /* #445761 */
	padding-top: 10px;
	padding-bottom: 10px;
}
.dark-colored-bg table th:last-child,
.dark-colored-bg table thead td:last-child {
	border-right: none;
}
.dark-colored-bg table td {
	color: #e5e5e5;
	border-color: rgba(68, 87, 97, 0.7); /* #445761 */
}
.dark-colored-bg table td:first-child {
	border-left: none;
}
.dark-colored-bg table td:last-child {
	border-right: none;
}
.dark-colored-bg table.standard-table tr:first-child + tr td,
.dark-colored-bg table tbody tr:first-child td {
	border-top: none;
}
.dark-colored-bg table tr:last-child td {
	border-bottom: none;
}
.dark-colored-bg table caption {
	color: #dedede;
}

/* for secondary color background */
.stripe-secondary-color-bg table {
	background-color: rgba(255, 255, 255, 0.2);
}
.stripe-secondary-color-bg table th,
.stripe-secondary-color-bg table thead td {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.2) !important;
	border: none;
	border-right: 1px solid rgba(250, 178, 60, 0.7); /* #fab23c */
	letter-spacing: 0.3px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.stripe-secondary-color-bg table th:last-child,
.stripe-secondary-color-bg table thead td:last-child {
	border-right: none;
}
.stripe-secondary-color-bg table td {
	color: rgba(0, 0, 0, 0.75);
	border-color: rgba(250, 178, 60, 0.7); /* #fab23c */
}
.stripe-secondary-color-bg table td:first-child {
	border-left: none;
}
.stripe-secondary-color-bg table td:last-child {
	border-right: none;
}
.stripe-secondary-color-bg table.standard-table tr:first-child + tr td,
.stripe-secondary-color-bg table tbody tr:first-child td {
	border-top: none;
}
.stripe-secondary-color-bg table tr:last-child td {
	border-bottom: none;
}
.stripe-secondary-color-bg table caption {
	color: #666;
}

/* Media queries
--------------------------------------------------- */
@media (max-width: 991px) {
	[class$="-layout"] table th,
	[class$="-layout"] table td {
		font-size: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 767px) {
	.standard-table-wrapper {
		overflow-x: auto;
		overflow-y: visible;
		width: 100%;
	}
	.standard-table-wrapper table.standard-table {
		margin-bottom: 10px;
	}
	[class$="-layout"] table caption {
		text-align: left;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	30. Pricing Table
/*-----------------------------------------------------------------------------------*/

.pricing-table .table-column {
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding: 15px 0;
}
.pricing-table.two-cols .table-column {
	width: 50%;
}
.pricing-table.three-cols .table-column {
	width: 33.333333%;
}
.pricing-table.four-cols .table-column {
	width: 25%;
}
.pricing-table.five-cols .table-column {
	width: 20%;
}

/* Column's header
--------------------------------------------------- */
.pricing-table .header {
	background-color: #fff;
	border-left: 1px solid #dedede;
	border-top: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
	text-align: center;
}
.pricing-table .table-column:first-child .header {
	border-left: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
}
.pricing-table .table-column:last-child .header {
	border-right: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
}
.pricing-table .title {
	height: 54px; /* 34px + 20px */
	line-height: 34px;
	margin: 0;
	padding: 20px 15px 0;
	overflow: hidden;
}
.pricing-table .header.short .title {
	height: 41px; /* 34px + 7px */
	padding-top: 7px;
}
.pricing-table .description {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px; /* important: used in JS function */
	color: #6b9bb3;
	padding: 5px 15px 0;
}
.pricing-table .price {
	height: 66px; /* 38px + 28px */
	background-color: rgba(131, 156, 168, 0.2); /* #839ca8 */
	margin: 20px 0 0;
	padding: 14px 15px;
	overflow: hidden;
}
.pricing-table .header.short .price {
	margin-top: 7px;
}
.pricing-table .price h6 {
	font: 38px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 0;
}
.pricing-table .price h6 span {
	font-size: 16px;
	color: #666;
}
.pricing-table .price .sub {
	
}

/* Column's content
--------------------------------------------------- */
.pricing-table .features {
	font-size: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #dedede;
}
.pricing-table .features.text-small {
	font-size: 16px;
}
.pricing-table .table-column:first-child .features {
	border-left: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
}
.pricing-table .table-column:last-child .features {
	border-right: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
}
.pricing-table .features li {
	line-height: 25px; /* important: used in JS function */
	color: inherit; /* also can be set as a little lighter than body color */
	background-color: #fff;
	margin: 0;
	padding: 12px 10px;
	text-align: center;
}
.pricing-table .features li:nth-child(even) {
	background-color: #fafafa;
}
.pricing-table .features li .fa { /* .fa-check */
	color: #ed5f4a;
}

/* Column's footer
--------------------------------------------------- */
.pricing-table .footer {
	background-color: #fff;
	background-image: -webkit-linear-gradient(left, rgba(131, 156, 168, 0.2), rgba(131, 156, 168, 0.2));
	background-image: -o-linear-gradient(left, rgba(131, 156, 168, 0.2), rgba(131, 156, 168, 0.2));
	background-image: linear-gradient(to right, rgba(131, 156, 168, 0.2), rgba(131, 156, 168, 0.2)); /* #839ca8 */
	border-left: 1px solid #dedede;
	padding: 20px 15px;
	text-align: center;
}
.pricing-table .table-column:first-child .footer {
	border-left: none;
}
.pricing-table .footer .button-medium {
	background-color: rgba(255, 255, 255, 0.8);
}
.pricing-table .footer .button-medium:not(.button-grey):not(.button-colored) {
	color: #507385;
	border-color: #6b9bb3;
}
.pricing-table .footer .button-medium:not(.button-grey):not(.button-colored)::before {
	background: #6b9bb3;
}
.pricing-table .footer .button-medium:not(.button-grey):not(.button-colored):hover {
	color: #fff;
}

/* Table without footer */
.pricing-table.no-footer .footer {
	padding: 2px 15px 0;
}
.pricing-table.no-footer .featured .footer {
	padding: 1px 15px 0;
}

/* Featured column
--------------------------------------------------- */
.pricing-table .featured {
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
	z-index: 1;
	padding-top: 0;
	padding-bottom: 0;
}
.pricing-table .featured .header {
	background-color: #e5a235;
	border: 2px solid #e5a235;
	border-bottom: none;
}
.pricing-table .table-column.featured:first-child .header {
	border-left-color: #e5a235;
}
.pricing-table .table-column.featured:last-child .header {
	border-right-color: #e5a235;
}
.pricing-table .featured .title {
	height: 69px; /* 34px + 35px */
	padding-top: 35px;
	color: #fff;
}
.pricing-table .featured .header.short .title {
	height: 56px; /* 34px + 22px */
	padding-top: 22px;
}
.pricing-table .featured .description {
	color: #fff;
}
.pricing-table .featured .price {
	background-color: #fff;
	background-image: -webkit-linear-gradient(left, rgba(250, 202, 125, 0.2), rgba(250, 202, 125, 0.2));
	background-image: -o-linear-gradient(left, rgba(250, 202, 125, 0.2), rgba(250, 202, 125, 0.2));
	background-image: linear-gradient(to right, rgba(250, 202, 125, 0.2), rgba(250, 202, 125, 0.2)); /* #faca7d */
}
.pricing-table .featured .price h6 span {
	color: #666;
}
.pricing-table .featured .features {
	border-left: 2px solid #e5a235;
	border-right: 2px solid #e5a235;
}
.pricing-table .table-column.featured:first-child .features {
	border-left: 2px solid #e5a235;
}
.pricing-table .table-column.featured:last-child .features {
	border-right: 2px solid #e5a235;
}
.pricing-table .featured .footer {
	background-color: rgba(250, 202, 125, 0.2); /* #faca7d */
	background-image: none;
	padding-bottom: 35px;
	border: 2px solid #e5a235;
	border-top: none;
}
.pricing-table .table-column.featured:first-child .footer {
	border-left: 2px solid #fab23c;
}

/* the next column after featured one */
.pricing-table .featured + .table-column .header,
.pricing-table .featured + .table-column .features,
.pricing-table .featured + .table-column .footer {
	border-left: none;
}

/* First column as row labels
--------------------------------------------------- */
.pricing-table .table-column.row-labels .header {
	background: none;
	border-top-color: transparent;
	border-left: none;
}
.pricing-table .table-column.row-labels .price h6 span {
	font-size: 18px;
	font-weight: 600;
	color: inherit;
}
.pricing-table .table-column.row-labels .features li {
	font-weight: normal;
}
.pricing-table .table-column.row-labels .footer {
	background: none;
	border-top: 1px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
	padding: 1px 10px 0;
}
.pricing-table .table-column.row-labels + .table-column .footer {
	border-left: none;
}
.pricing-table .table-column.row-labels.text-align-left .header,
.pricing-table .table-column.row-labels.text-align-left .features li {
	text-align: left;
}
.pricing-table .table-column.row-labels.text-align-right .header,
.pricing-table .table-column.row-labels.text-align-right .features li {
	text-align: right;
}

/* Row with empty price and recurrence
--------------------------------------------------- */
.pricing-table .header.empty-price-row .price {
	height: 2px;
	padding: 0 15px;
}
.pricing-table .featured .header.empty-price-row .price {
	background: #e5a235;
}

/* Tooltip
--------------------------------------------------- */
.pricing-table .features li[data-tooltip] {
	position: relative;
	cursor: help;
	-webkit-transition: color 0.15s ease;
		 -o-transition: color 0.15s ease;
	        transition: color 0.15s ease;
}
.pricing-table .features li[data-tooltip]:hover {
	color: #384b54;
}
.pricing-table .features li[data-tooltip]:hover::before {
	position: absolute;
	display: block;
	width: 250px;
	left: 100px;
	bottom: 42px;
	content: attr(data-tooltip);
	background-color: #fcfbed;
	border: 1px solid #ede8bf;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	color: #7c6c28;
	text-align: left;
	padding: 7px 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	z-index: 3;
}
.pricing-table .features li[data-tooltip]:hover::after {
	position: absolute;
	width: 10px;
	height: 10px;
	left: 120px;
	bottom: 37px;
	content: "";
	background-color: #fcfbed;
	border-bottom: 1px solid #ede8bf;
	border-right: 1px solid #ede8bf;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.03);
	        box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.03);
	z-index: 4;
}
.pricing-table .features.tooltip-150px li[data-tooltip]:hover::before { width: 150px; }
.pricing-table .features.tooltip-200px li[data-tooltip]:hover::before { width: 200px; }
.pricing-table .features.tooltip-300px li[data-tooltip]:hover::before { width: 300px; }

.touch-screen .pricing-table .features li[data-tooltip]::before,
.touch-screen .pricing-table .features li[data-tooltip]::after {
	display: none;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.pricing-table .title,
	.pricing-table .description,
	.pricing-table .price,
	.pricing-table .footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pricing-table h4.title {
		font-size: 28px;
	}
	.pricing-table h5.title {
		font-size: 23px;
	}
	.pricing-table .price {
		height: 62px; /* 34px + 28px */
	}
	.pricing-table .price h6 {
		font-size: 34px;
	}
	.pricing-table .price h6 span {
		font-size: 14px;
	}
	.pricing-table .table-column.row-labels .price h6 span {
		font-size: 16px;
	}
	.pricing-table .footer .button {
		padding-left: 14px;
		padding-right: 14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pricing-table .title,
	.pricing-table .description,
	.pricing-table .price,
	.pricing-table .footer {
		padding-left: 5px;
		padding-right: 5px;
	}
	.pricing-table h4.title,
	.pricing-table h5.title {
		font-size: 22px;
	}
	.pricing-table .title {
		font-weight: normal;
	}
	.pricing-table .description {
		font-size: 16px;
	}
	.pricing-table .price {
		height: 56px; /* 28px + 28px */
	}
	.pricing-table .price h6 {
		font-size: 28px;
	}
	.pricing-table .price h6 span {
		font-size: 13px;
	}
	.pricing-table .table-column.row-labels .price h6 span {
		font-size: 15px;
	}
	.pricing-table .footer .button {
		padding-left: 12px;
		padding-right: 12px;
	}
}
@media (max-width: 767px) {
	.pricing-table {
		margin-top: -25px;
	}
	.pricing-table .table-column {
		margin-top: 25px;
		margin-bottom: 0;
	}
	.pricing-table .table-column.row-labels {
		display: none;
	}
	.pricing-table .table-column.row-labels ~ .table-column .features li:before {
		content: attr(data-feature) ':';
		display: block;
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}
	.pricing-table .table-column.row-labels ~ .table-column .features.text-small li:before {
		font-size: 15px;
	}
}
@media (min-width: 480px) {
	/* For equal cell height in a row */
	/* r = line-height (25px) */
	.pricing-table .features li.r1  { height: 49px; /* 24px + r */ }
	.pricing-table .features li.r2  { height: 74px; }
	.pricing-table .features li.r3  { height: 99px; }
	.pricing-table .features li.r4  { height: 124px; }
	.pricing-table .features li.r5  { height: 149px; }
	.pricing-table .features li.r6  { height: 174px; }
	/* r = line-height (25px) */
	.pricing-table .description.r1  { height: 30px; /* 5px + r */ }
	.pricing-table .description.r2  { height: 55px; }
	.pricing-table .description.r3  { height: 80px; }
	.pricing-table .description.r4  { height: 105px; }
}
@media (min-width: 480px) and (max-width: 767px) {
	.pricing-table .table-column {
		width: 50% !important;
	}
	.pricing-table.basic .table-column:nth-child(odd) .header,
	.pricing-table.basic .table-column:nth-child(odd) .features,
	.pricing-table.extended .table-column:nth-child(even) .header,
	.pricing-table.extended .table-column:nth-child(even) .features {
		border-left: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
	}
	.pricing-table.basic .table-column.featured:nth-child(odd) .header,
	.pricing-table.basic .table-column.featured:nth-child(odd) .features,
	.pricing-table.extended .table-column.featured:nth-child(even) .header,
	.pricing-table.extended .table-column.featured:nth-child(even) .features {
		border-left-color: #e5a235;
	}
	.pricing-table.basic .table-column:nth-child(even) .header,
	.pricing-table.basic .table-column:nth-child(even) .features,
	.pricing-table.extended .table-column:nth-child(odd) .header,
	.pricing-table.extended .table-column:nth-child(odd) .features {
		border-right: 2px solid rgba(131, 156, 168, 0.2); /* #839ca8 */
	}
	.pricing-table.basic .table-column.featured:nth-child(even) .header,
	.pricing-table.basic .table-column.featured:nth-child(even) .features,
	.pricing-table.extended .table-column.featured:nth-child(odd) .header,
	.pricing-table.extended .table-column.featured:nth-child(odd) .features {
		border-right-color: #e5a235;
	}
	.pricing-table.extended .table-column.row-labels + .table-column.featured .footer {
		border-left: 2px solid #e5a235;
	}
	.pricing-table .title,
	.pricing-table .description,
	.pricing-table .price,
	.pricing-table .footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pricing-table h4.title {
		font-size: 28px;
	}
	.pricing-table h5.title {
		font-size: 23px;
	}
	.pricing-table .price {
		height: 62px; /* 34px + 28px */
	}
	.pricing-table .price h6 {
		font-size: 34px;
	}
	.pricing-table .price h6 span {
		font-size: 14px;
	}
	.pricing-table .table-column.row-labels .price h6 span {
		font-size: 16px;
	}
	.pricing-table .footer .button {
		padding-left: 14px;
		padding-right: 14px;
	}
}
@media (max-width: 479px) {
	.pricing-table .table-column {
		width: 100% !important;
		margin-top: 0;
		padding: 35px 0 0;
	}
	.pricing-table .table-column .header,
	.pricing-table .table-column .features {
		border-left: 2px solid rgba(131, 156, 168, 0.2) !important; /* #839ca8 */
		border-right: 2px solid rgba(131, 156, 168, 0.2) !important; /* #839ca8 */
	}
	.pricing-table .featured {
		-webkit-box-shadow: none;
			    box-shadow: none;
	}
	.pricing-table .featured .header,
	.pricing-table .featured .features {
		border-left-color: #e5a235 !important;
		border-right-color: #e5a235 !important;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	31. Preview Image Overlay & Lightbox Overlay
/*-----------------------------------------------------------------------------------*/

.overlay-enabled {
	position: relative;
	max-width: 100%;
}
.overlay-enabled .image-wrapper {
	position: relative;
}

/* Image overlay
--------------------------------------------------- */
.image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.4);
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
	opacity: 0;
}
.round-image .image-overlay,
.img-round + .image-overlay {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.image-overlay.default-cursor {
	cursor: default;
}
.image-overlay span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.image-overlay span::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	font-family: Ionicons;
	line-height: 1;
	color: #fff;
}
.image-overlay .link::before {
	font-size: 48px;
	content: "\f2c7";
}
.image-overlay .zoom::before {
	font-size: 40px;
	content: "\f386";
}
.image-overlay .video::before {
	width: 42px;
	height: 42px;
	background-color: rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	content: "";
}
.image-overlay .video::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin: -12px 0 0 -6px;
	border-left: 16px solid #fff;
    border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	content: "";
}
.no-touch-screen .overlay-enabled:hover .image-overlay {
	opacity: 1;
}

/* Touch-screen devices */
.touch-screen .overlay-enabled .image-overlay a.mfp-lightbox span {
	display: none; 
}
.touch-screen .owl-carousel .overlay-enabled .image-overlay span {
	display: block;
}

/* Video preview
--------------------------------------------------- */
.video-preview {
	max-width: 100%;
}
.video-preview a.mfp-lightbox {
	position: relative;
	display: block;
	max-width: 100%;
}
.video-preview .overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: rgba(250, 202, 125, 0.1); /* #faca7d */
	-webkit-transition: background-color 0.3s ease-out;
	     -o-transition: background-color 0.3s ease-out;
	        transition: background-color 0.3s ease-out;
}
.video-preview .img-round + .overlay {
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.video-preview .play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 84px;
	height: 84px;
	margin: -42px 0 0 -42px;
	background-color: rgba(0, 0, 0, 0.4);
	border: 7px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: opacity 0.3s ease-out;
	     -o-transition: opacity 0.3s ease-out;
	        transition: opacity 0.3s ease-out;
	opacity: 0.8;
	cursor: pointer;
}
.video-preview .play-button::after {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	margin: -20px 0 0 -10px;
	border-left: 28px solid #fff;
    border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	content: "";
}
.no-touch-screen .video-preview a.mfp-lightbox:hover .overlay {
	background-color: rgba(80, 115, 133, 0.3); /* #507385 */
}
.no-touch-screen .video-preview a.mfp-lightbox:hover .overlay .play-button {
	opacity: 0.95;
}

/* Lightbox overlay
--------------------------------------------------- */

/* Fade animation */
.mfp-fade.mfp-bg { /* overlay at start */
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	     -o-transition: all 0.15s ease-out;
	        transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready { /* overlay animate in */
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing { /* overlay animate out */
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content { /* content at start */
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	     -o-transition: all 0.15s ease-out;
	        transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { /* content animate it */
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { /* content animate out */
	opacity: 0;
}

/* Zoom animation */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Popup with inline element */
.white-bg-popup {
	position: relative;
	background: #fff;
	margin: 20px auto;
	padding: 40px;
}
.white-bg-popup:not(.popup-form) {
	width: auto;
	width: 1100px;
	max-width: 95%;
}
.white-bg-popup.popup-form {
	max-width: 95%;
}


/*-----------------------------------------------------------------------------------*/
/*	32. Forms
/*-----------------------------------------------------------------------------------*/

/* Submit button */
.comment-form input[type="submit"],
#page-content .contact-form input[type="submit"],
#sidebar .subscription-form input[type="submit"] {
	font-size: 15px;
	line-height: 23px;
	padding-top: 9px;
	padding-bottom: 9px;
}

/* Notification */
#comment-form-message.success p,
#page-content #contact-form-message.success p,
#main .subscription-form-message.success p,
.mfp-content .subscription-form-message.success p {
	font-weight: bold;
}
#comment-form-message.error p,
#page-content #contact-form-message.error p,
#main .subscription-form-message.error p,
.mfp-content .subscription-form-message.error p {
	color: #ff5555;
	font-weight: bold;
}

/* Comment Form
--------------------------------------------------- */
.single-post .blog-posts article + .comment-respond { /* if a post has no comments */
	margin-top: 60px;
}
.comment-form .comment-notes {
	color: #666;
	margin-bottom: 15px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 60%;
	min-width: 290px;
	background-color: #f1f1f1;
	border: none;
	border-bottom: 2px solid #f1f1f1;
}
.comment-form textarea {
	height: 150px;
	background-color: #f1f1f1;
	border: none;
	border-bottom: 2px solid #f1f1f1;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	background-color: #f5f5f5;
	border-bottom-color: #faca7d;
}

/* Placeholders */
.comment-form ::-webkit-input-placeholder {
	color: #839ca8;
	opacity: 1;
	-webkit-transition: opacity 0.15s ease;
	        transition: opacity 0.15s ease;
}
.comment-form :-moz-placeholder { /* Firefox 18- */
	color: #839ca8;
	opacity: 1;
	-moz-transition: opacity 0.15s ease;
	     transition: opacity 0.15s ease;
}
.comment-form ::-moz-placeholder { /* Firefox 19+ */
	color: #839ca8;
	opacity: 1;
	transition: opacity 0.15s ease;
}
.comment-form :-ms-input-placeholder {  
	color: #839ca8;
	opacity: 1;
	transition: opacity 0.15s ease;
}
.comment-form :focus::-webkit-input-placeholder { opacity: 0.6; }
.comment-form :focus::-moz-placeholder { opacity: 0.6; }
.comment-form :focus:-moz-placeholder { opacity: 0.6; }
.comment-form :focus:-ms-input-placeholder { /* native IE10+ placeholder behavior - disappearing text on focus */ }

/* Submit */
.comment-form .field-submit {
	margin-top: 25px;
}
.comment-form .field-submit .loader {
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
	margin-left: 30px;
}
.comment-form div.error > input,
.comment-form div.error > textarea {
	border-bottom-color: #ff8888;
}
#comment-form-message p {
	font-size: 16px;
	margin: 10px 0 0;
}

/* Contact Form
--------------------------------------------------- */
#page-content .contact-form {
	width: 80%;
}
#page-content .contact-form label {
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 7px;
}
#page-content .contact-form label span {
	font-weight: normal;
}
#page-content .contact-form span.required {
	color: #ff5555;
}
#page-content .contact-form input[type="text"],
#page-content .contact-form input[type="email"],
#page-content .contact-form input[type="url"] {
	background-color: #f1f1f1;
	border: none;
	border-bottom: 2px solid #f1f1f1;
}
#page-content .contact-form textarea {
	height: 150px;
	background-color: #f1f1f1;
	border: none;
	border-bottom: 2px solid #f1f1f1;
}
#page-content .contact-form input[type="text"]:focus,
#page-content .contact-form input[type="email"]:focus,
#page-content .contact-form input[type="url"]:focus,
#page-content .contact-form textarea:focus,
#page-content .contact-form div.error > textarea:focus {
	background-color: #f5f5f5;
	border-bottom-color: #faca7d;
}

/* Select */
#page-content .contact-form .select-wrapper::after {
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 7px;
}
#page-content .contact-form select {
	background-color: #f1f1f1;
	border: none;
	border-bottom: 2px solid #f1f1f1;
}
#page-content .contact-form select:focus {
	background-color: #f5f5f5;
}
#page-content .contact-form select:focus > option {
	background-color: #fff;
}

/* Checkbox */
#page-content .contact-form input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 5px;
}
#page-content .contact-form .field-checkbox label {
	display: inline;
	margin-bottom: 0;
}

/* Submit */
#page-content .contact-form .field-submit {
	margin-top: 25px;
}
#page-content .contact-form .field-submit .loader {
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
	margin-left: 30px;
}
#page-content .contact-form div.error > input,
#page-content .contact-form div.error > textarea,
#page-content .contact-form div.error > select {
	border-bottom-color: #ff8888;
}
#page-content #contact-form-message p {
	font-size: 16px;
	margin: 10px 0 0;
}

/* Subscription Form
--------------------------------------------------- */
#main .subscription-form input[type="text"]:focus,
#main .subscription-form input[type="email"]:focus,
.mfp-content .subscription-form input[type="text"]:focus,
.mfp-content .subscription-form input[type="email"]:focus {
	border-color: #faca7d;
	-webkit-box-shadow: 0 0 3px rgba(250, 202, 125, 0.7);
	        box-shadow: 0 0 3px rgba(250, 202, 125, 0.7); /* #faca7d */
}

/* inline style for one-column layout */
#subheader-bar .subscription-form .subscription-fields-wrapper,
#page-content .columns:first-child:last-child .subscription-form .subscription-fields-wrapper,
.stripe-bottom .columns:first-child:last-child .subscription-form .subscription-fields-wrapper {
	line-height: 0;
}
#page-content .columns:first-child:last-child .subscription-form .subscription-fields-wrapper,
.stripe-bottom .columns:first-child:last-child .subscription-form .subscription-fields-wrapper {
	text-align: center;
}
#subheader-bar .subscription-form .subscription-fields-wrapper [class*="field-"],
#page-content .columns:first-child:last-child .subscription-form .subscription-fields-wrapper [class*="field-"],
.stripe-bottom .columns:first-child:last-child .subscription-form .subscription-fields-wrapper [class*="field-"] {
	display: inline-block;
	margin-right: 6px;
	overflow: hidden;
}
#subheader-bar .subscription-form .field-subscriber-name,
#subheader-bar .subscription-form .field-subscriber-email,
#page-content .columns:first-child:last-child .subscription-form .field-subscriber-name,
#page-content .columns:first-child:last-child .subscription-form .field-subscriber-email,
.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-name,
.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-email {
	width: 250px;
}
#subheader-bar .subscription-form input[type="text"],
#subheader-bar .subscription-form input[type="email"],
#page-content .columns:first-child:last-child .subscription-form input[type="text"],
#page-content .columns:first-child:last-child .subscription-form input[type="email"],
.stripe-bottom .columns:first-child:last-child .subscription-form input[type="text"],
.stripe-bottom .columns:first-child:last-child .subscription-form input[type="email"] {
	display: inline-block;
	height: 48px;
	margin-bottom: 0;
	padding: 11px 15px;
}
#subheader-bar .subscription-form input[type="submit"],
#page-content .columns:first-child:last-child .subscription-form input[type="submit"],
.stripe-bottom .columns:first-child:last-child .subscription-form input[type="submit"] {
	height: 48px;
}

/* Submit */
#main .subscription-form .field-submit,
.mfp-content .subscription-form .field-submit {
	position: relative;
	display: inline-block;
	padding-right: 26px; /* for ajax-loader.gif */
}
#main .subscription-form .field-submit .loader,
.mfp-content .subscription-form .field-submit .loader {
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	width: 16px;
	height: 11px;
	margin-top: -5px;
	background: url(../images/icons/ajax-loader.gif) no-repeat 0 0;
	
}
#main .subscription-form div.error > input,
.mfp-content .subscription-form div.error > input {
	border-color: #ff8888;
}
#main .subscription-form-message p,
.mfp-content .subscription-form-message p {
	font-size: 16px;
	margin: 10px 0 0;
}
#page-content .columns:first-child:last-child .subscription-form-message p,
.stripe-bottom .columns:first-child:last-child .subscription-form-message p {
	text-align: center;
}

/* for secondary color background */
[class*="secondary-color-bg"] .subscription-form input[type="text"],
[class*="secondary-color-bg"] .subscription-form input[type="email"] {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	border: none;
}
[class*="secondary-color-bg"] .subscription-form input[type="text"]:focus,
[class*="secondary-color-bg"] .subscription-form input[type="email"]:focus {
	background-color: rgba(0, 0, 0, 0.18);
}
[class*="secondary-color-bg"] .subscription-form input::-webkit-input-placeholder {
	color: #f5f5f5;
	opacity: 1;
	-webkit-transition: opacity 0.15s ease;
	        transition: opacity 0.15s ease;
}
[class*="secondary-color-bg"] .subscription-form input:-moz-placeholder { /* Firefox 18- */
	color: #f5f5f5;
	opacity: 1;
	-moz-transition: opacity 0.15s ease;
	     transition: opacity 0.15s ease;
}
[class*="secondary-color-bg"] .subscription-form input::-moz-placeholder { /* Firefox 19+ */
	color: #f5f5f5;
	opacity: 1;
	transition: opacity 0.15s ease;
}
[class*="secondary-color-bg"] .subscription-form input:-ms-input-placeholder {  
	color: #f5f5f5;
	opacity: 1;
	transition: opacity 0.15s ease;
}
[class*="secondary-color-bg"] .subscription-form div.error > input {
	background-image: -webkit-linear-gradient(right, #ff8888 1px, rgba(0, 0, 0, 0) 2px);
	background-image: -o-linear-gradient(right, #ff8888 1px, rgba(0, 0, 0, 0) 2px);
	background-image: linear-gradient(to left, #ff8888 1px, rgba(0, 0, 0, 0) 2px);
}

/* for subheader bar */
#subheader-bar .subscription-form input[type="text"],
#subheader-bar .subscription-form input[type="email"] {
	background-color: #f0f6f9;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
	border: none;
}
#subheader-bar .subscription-form input[type="text"]:focus,
#subheader-bar .subscription-form input[type="email"]:focus {
	background-color: #f0f6f9;
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
}
#subheader-bar .subscription-form input[type="submit"] {
	background-color: rgba(38, 100, 132, 0.75); /* #266484 */
	-webkit-transition: background-color 0.15s ease;
	     -o-transition: background-color 0.15s ease;
			transition: background-color 0.15s ease;
}
#subheader-bar .subscription-form input[type="submit"]:hover {
	background: rgba(38, 100, 132, 0.85); /* #266484 */
}
#subheader-bar .subscription-form div.error > input {
	background-image: -webkit-linear-gradient(right, #ff8888 1px, rgba(0, 0, 0, 0.1) 2px);
	background-image: -o-linear-gradient(right, #ff8888 1px, rgba(0, 0, 0, 0.1) 2px);
	background-image: linear-gradient(to left, #ff8888 1px, rgba(0, 0, 0, 0.1) 2px);
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 571px) {
	/* subscription form in popup */
	.mfp-content .popup-form .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.mfp-content .popup-form .column-media,
	.mfp-content .popup-form .column-main {
		-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
			-ms-flex-positive: 1;
				flex-grow: 1;
		align-self: center;
	}
	.mfp-content .popup-form .column-media {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 39.9%; /* 39.9% instead of 40% for iOS fix */
		     -ms-flex: 0 0 39.9%;
			     flex: 0 0 39.9%;
		max-width: 39.9%;
	}
	.mfp-content .popup-form .column-main {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 59.9%; /* 59.9% instead of 60% for iOS fix */
		     -ms-flex: 0 0 59.9%;
			     flex: 0 0 59.9%;
		max-width: 59.9%;
	}
	.mfp-content .popup-form .column-media figure {
		margin: 0 20px 0 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#page-content .contact-form {
		width: 90%;
	}
	
	#subheader-bar .subscription-form .field-subscriber-name,
	#subheader-bar .subscription-form .field-subscriber-email {
		width: 230px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#page-content .contact-form {
		width: 95%;
	}
	
	#subheader-bar .subscription-form .field-subscriber-name,
	#subheader-bar .subscription-form .field-subscriber-email,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-name,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-email,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-name,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-email {
		width: 200px;
	}
}
@media (max-width: 767px) {
	#subheader-bar .subscription-form input[type="text"],
	#subheader-bar .subscription-form input[type="email"],
	#page-content .columns:first-child:last-child .subscription-form input[type="text"],
	#page-content .columns:first-child:last-child .subscription-form input[type="email"],
	.stripe-bottom .columns:first-child:last-child .subscription-form input[type="text"],
	.stripe-bottom .columns:first-child:last-child .subscription-form input[type="email"] {
		margin-bottom: 10px;
	}
}
@media (min-width: 571px) and (max-width: 767px) {
	#subheader-bar .subscription-form {
		text-align: center;
	}
	#subheader-bar .subscription-form .field-subscriber-name,
	#subheader-bar .subscription-form .field-subscriber-email,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-name,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-email,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-name,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-email {
		width: 220px;
	}
	#subheader-bar .subscription-form input[type="submit"],
	#page-content .columns:first-child:last-child .subscription-form input[type="submit"],
	.stripe-bottom .columns:first-child:last-child .subscription-form input[type="submit"] {
		width: 451px;
	}
	#subheader-bar .subscription-form .field-submit,
	#page-content .columns:first-child:last-child .subscription-form .field-submit,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-submit {
		padding-left: 26px;
	}
	#subheader-bar .subscription-form-message p {
		text-align: center;
	}
	
	/* subscription form in popup */
	.mfp-content .popup-form .column-media figure {
		margin: 0 10px 0 0;
	}
}
@media (max-width: 570px) {
	#page-content .contact-form {
		width: 100%;
	}
	
	#subheader-bar .subscription-form .field-subscriber-name,
	#subheader-bar .subscription-form .field-subscriber-email,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-name,
	#page-content .columns:first-child:last-child .subscription-form .field-subscriber-email,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-name,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-subscriber-email {
		width: 100%;
	}
	#page-content .columns:first-child:last-child .subscription-form .field-submit,
	.stripe-bottom .columns:first-child:last-child .subscription-form .field-submit {
		padding-left: 26px;
	}
	
	/* subscription form in popup */
	.mfp-content .popup-form {
		text-align: center;
	}
	.mfp-content .popup-form .column-media {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
	.mfp-content .popup-form .column-media figure {
		margin-bottom: 40px;
	}
	.mfp-content .subscription-form .field-submit {
		padding-left: 26px;
	}
}
@media (max-width: 479px) {
	/* subscription form in popup */
	.mfp-content .popup-form .columns {
		padding-left: 0;
		padding-right: 0;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	33. Contact Info & Google Map
/*-----------------------------------------------------------------------------------*/

/* Contact details
--------------------------------------------------- */
.stripe-contact-details .contact-details {
	background: url(../images/backgrounds/header-gradient-bg.png) repeat left top;
	background-color: #adcad9;
}
.contact-page .contact-info .contact-details div[class*="contact-"] + div[class*="contact-"],
.stripe-contact-details .contact-details div[class*="contact-"] + div[class*="contact-"] {
	margin-top: 10px;
}
.stripe-contact-details .contact-details .title {
	color: #266484;
}
.stripe-contact-details .contact-details h6 {
	margin-bottom: -3px;
}

.contact-page .contact-info .contact-email div,
.contact-page .contact-info .contact-phone div,
.contact-page .contact-info .contact-fax div,
.contact-page .contact-info .contact-skype div {
	font-size: 21px;
	line-height: 1.5;
	font-weight: 400;
	margin-left: 32px;
}
.stripe-contact-details .contact-email div,
.stripe-contact-details .contact-phone div,
.stripe-contact-details .contact-fax div,
.stripe-contact-details .contact-skype div {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 400;
}
.contact-page .contact-info .contact-email .fa { /* vector icons - Font Awesome */
	float: left;
	font-size: 20px;
	color: #a3b6bf;
	margin: 6px 0 0 0;
}
.contact-page .contact-info .contact-phone .fa {
	float: left;
	font-size: 30px;
	color: #a3b6bf;
	margin: 1px 0 0 3px;
}
.contact-page .contact-info .contact-fax .fa {
	float: left;
	font-size: 24px;
	color: #a3b6bf;
	margin: 3px 0 0 0;
}
.contact-page .contact-info .contact-skype .fa {
	float: left;
	font-size: 24px;
	color: #a3b6bf;
	margin: 5px 0 0 0;
}
.contact-page .contact-info .contact-email a,
.contact-page .contact-info .contact-phone .phone-number,
.contact-page .contact-info .contact-fax .phone-number,
.contact-page .contact-info .contact-skype {
	color: #266484;
}
.contact-page .contact-info .contact-email a:hover,
.contact-page .contact-info .contact-phone .phone-number:hover,
.contact-page .contact-info .contact-fax .phone-number:hover {
	color: #839ca8;
}
.stripe-contact-details .contact-email a,
.stripe-contact-details .contact-phone .phone-number,
.stripe-contact-details .contact-fax .phone-number,
.stripe-contact-details .contact-skype {
	color: #fff;
}
.stripe-contact-details .contact-email a:hover,
.stripe-contact-details .contact-phone .phone-number:hover,
.stripe-contact-details .contact-fax .phone-number:hover {
	color: #f0f6f9;
}
.contact-page #main .phone-number {
	white-space: nowrap;
}

.phone-number * {
	color: inherit !important; /* overwrite style applied by iOS for automatically detected phone numbers */
}

/* Social share */
.contact-page .contact-info .social-share {
	margin-top: 30px;
}
.stripe-contact-details .social-share {
	margin-top: 18px;
}
.stripe-contact-details .social-share li a {
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid #fff;
}
.stripe-contact-details .social-share li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
	border-color: #fff !important;
}
.stripe-contact-details .social-share li .fa {
	line-height: 36px;
}

/* Contact notes and contact photo */
.contact-page .contact-info .contact-notes {
	margin-top: 50px;
}
.contact-page .contact-notes p {
	margin-bottom: 20px;
}
.contact-page .contact-info .contact-notes p:last-child {
	margin-bottom: 0;
}
.contact-page .contact-info .contact-photo:not(:first-child) {
	margin-top: 50px;
}
.contact-page .contact-info .contact-notes + .contact-photo {
	margin-top: 30px;
}

/* NOTE: Image for the contact photo in "Contact Details" stripe section should be set in custom.css */
.stripe-contact-details .contact-photo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Address details
--------------------------------------------------- */
.contact-page #sidebar .address-details {
	margin-top: 60px;
	margin-bottom: 80px;
}
.contact-page #sidebar .address-details .title {
	color: #266484;
}
.contact-page #sidebar .address-details h6 {
	margin-bottom: 5px;
}
.contact-page #sidebar .address-details p {
	margin-bottom: 10px;
}
.contact-page #sidebar .address-details p:last-child {
	margin-bottom: 0;
}
.contact-page #sidebar .address-details p + .title {
	margin-top: 20px;
}
.contact-page #sidebar .tabs {
	margin-top: 30px;
	margin-left: -60px;
	margin-right: -70px;
}
.contact-page #sidebar .tabs-nav {
	padding: 0 70px 20px 60px;
	min-height: 50px;
}
.contact-page #sidebar .tabs-list li {
	font-size: 16px;
	font-weight: 700;
	margin-right: 15px;
}
.contact-page #sidebar .tabs-content {
	background-color: #fafafa;
	margin-top: 0;
	padding: 40px 70px 40px 60px;
}
.contact-page #sidebar .tabs-content .tab-pane {
	position: relative;
	z-index: 2;
}

/* Google Maps
--------------------------------------------------- */
.stripe.map-wrapper {
	padding: 0;
}
.stripe.map-wrapper .columns {
	float: none;
}
.google-map {
	position: relative;
	width: 100%;
	height: 400px;
}
.google-map > span {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	display: block;
	font-size: 18px;
	text-align: center;
	color: #666;
	margin-top: -15px;
}
.google-map .gm-title {
	font: 700 17px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 3px;
}
.google-map p {
	font: 14px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin-bottom: 5px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1360px) {
	.contact-page #sidebar .tabs {
		margin-right: 0;
	}
}
@media (min-width: 1520px) {
	.contact-page #sidebar .address-details {
		margin-bottom: 100px;
	}
	.contact-page #sidebar .tabs-list li {
		margin-right: 25px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.contact-page #sidebar .tabs {
		margin-left: -40px;
	}
	.contact-page #sidebar .tabs-nav,
	.contact-page #sidebar .tabs-content {
		padding-left: 40px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.contact-page #main .contact-details .contact-email a {
		word-wrap: break-word;
	}
	.contact-page #sidebar .tabs-list li {
		margin-right: 10px;
	}
	.contact-page #sidebar .tabs-list li:last-child {
		margin-right: 0;
	}
	.contact-page #sidebar .tabs {
		margin-left: -30px;
	}
	.contact-page #sidebar .tabs-nav,
	.contact-page #sidebar .tabs-content {
		padding-left: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 479px) {
	.contact-page .contact-info .contact-email div,
	.contact-page .contact-info .contact-phone div,
	.contact-page .contact-info .contact-fax div,
	.contact-page .contact-info .contact-skype div {
		font-size: 20px;
		font-weight: 700;
		margin-left: 0;
	}
	.contact-page .contact-info .contact-email .fa,
	.contact-page .contact-info .contact-phone .fa,
	.contact-page .contact-info .contact-fax .fa,
	.contact-page .contact-info .contact-skype .fa {
		display: none;
	}
	.stripe-contact-details .contact-email div,
	.stripe-contact-details .contact-phone div,
	.stripe-contact-details .contact-fax div,
	.stripe-contact-details .contact-skype div {
		font-size: 25px;
	}
}
@media (max-width: 767px) {
	.contact-page .contact-info + #main-content {
		margin-top: 60px;
	}
	.stripe-contact-details .contact-photo {
		background-size: auto;
	}
	.contact-page #sidebar .address-details {
		margin: 0 0 60px;
	}
	.contact-page #sidebar .tabs {
		margin: 30px -15px 0;
	}
	.contact-page #sidebar .tabs-nav {
		padding-left: 15px;
		padding-right: 15px;
	}
	.contact-page #sidebar .tabs-content {
		padding: 40px 15px 60px;
	}
	.contact-page #sidebar {
		padding-top: 30px;
	}
	.contact-page #sidebar::before {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		margin: 0 -15px; /* fallback */
		margin: 0 calc(50% - 50vw);
		border-top: 1px dotted #a3b6bf;
		content: "";
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.contact-page #sidebar .tabs-content br {
		display: none;
	}
}
@media (max-width: 479px) {
	.contact-page #sidebar .tabs-list li {
		margin-right: 10px;
	}
	.contact-page #sidebar .tabs-list li:last-child {
		margin-right: 0;
	}
}

/* Media queries - stripe with .contact-details and .contact-photo
--------------------------------------------------- */
@media (min-width: 768px) {
	.contact-page .stripe-contact-details .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-flex-direction: row-reverse;
				flex-direction: row-reverse;
	}
	.contact-page .stripe-contact-details .columns {
		-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
				flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
			-ms-flex-positive: 1;
				flex-grow: 1;
	}
	.contact-page .stripe-contact-details .col-sm-5 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 41.6%; /* 41.6% instead of 41.666667% for iOS fix */
		     -ms-flex: 0 0 41.6%;
			     flex: 0 0 41.6%;
		max-width: 41.6%;
	}
	.contact-page .stripe-contact-details .col-sm-7 {
		-webkit-box-flex: 0;
		 -webkit-flex: 0 0 58.25%; /* 58.25% instead of 58.333333% for iOS fix */
		     -ms-flex: 0 0 58.25%;
			     flex: 0 0 58.25%;
		max-width: 58.25%;
	}
	
	.contact-page .stripe-contact-details {
		padding: 0;
		margin: 0 0 70px;
	}
	.contact-page .stripe-contact-details .contact-details {
		margin-left: -315px;
	}
	
	.contact-page .stripe-contact-details .contact-photo {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
@media (min-width: 1520px) {
	.contact-page .stripe-contact-details .contact-details {
		min-height: 440px;
		padding: 93px 129px 98px 315px;
		margin-right: -129px;
	}
	.contact-page .stripe-contact-details .contact-photo {
		margin-left: 95px;
		margin-right: 15px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.contact-page .stripe-contact-details .contact-details {
		min-height: 397px;
		padding: 70px 89px 78px 315px;
		margin-right: -89px;
	}
	.contact-page .stripe-contact-details .contact-photo {
		margin-left: 75px;
		margin-right: 15px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.contact-page .stripe-contact-details .contact-details {
		min-height: 361px;
		padding: 53px 89px 59px 315px;
		margin-right: -89px;
	}
	.contact-page .stripe-contact-details .contact-photo {
		margin-left: 28px;
		margin-right: 15px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.contact-page .stripe-contact-details .contact-details {
		min-height: 297px;
		padding: 40px 64px 45px 315px;
		margin-right: -64px;
	}
	.contact-page .stripe-contact-details .contact-photo {
		margin-right: 15px;
	}
}
@media (max-width: 767px) {
	.contact-page .stripe-contact-details {
		padding: 0;
		margin: 0 0 60px;
	}
	.contact-page .stripe-contact-details .contact-details {
		margin-left: -15px;
		margin-right: -15px;
		padding: 50px 15px 55px;
	}
	.contact-page .stripe-contact-details .contact-photo {
		width: 100%;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	34. Sidebar
/*-----------------------------------------------------------------------------------*/

/* Sidebar widgets
--------------------------------------------------- */
#sidebar .widget {
	margin-bottom: 70px;
}
#sidebar .widget .widget-title {
	margin-bottom: 20px;
}

/* Widget title underline */
#sidebar .widget.title-underline .widget-title {
	position: relative;
	margin-bottom: 35px;
}
#sidebar .widget.title-underline .widget-title::before,
#sidebar .widget.title-underline .widget-title::after {
	position: absolute;
	display: block;
	left: 0;
	bottom: -10px;
	height: 4px;
	content: "";
	-webkit-transform: skew(-45deg);
	    -ms-transform: skew(-45deg);
	     -o-transform: skew(-45deg);
	        transform: skew(-45deg);
}
#sidebar .widget.title-underline .widget-title::before {
	width: 60px;
	background-color: #faca7d;
	background: -webkit-linear-gradient(left, #faca7d 50%, rgba(250, 202, 125, 0.5));
	background: -o-linear-gradient(left, #faca7d 50%, rgba(250, 202, 125, 0.5));
	background: linear-gradient(to right, #faca7d 50%, rgba(250, 202, 125, 0.5)); /* #faca7d */
}
#sidebar .widget.title-underline .widget-title::after {
	width: 6px;
	background-color: #fff;
	margin-left: 15px;
}

/* Recent Posts widget
--------------------------------------------------- */
#sidebar .widget-recent-posts {
	margin-bottom: 50px;
}
#sidebar .widget-recent-posts .widget-title {
	margin-bottom: -5px;
}
#sidebar .widget-recent-posts.title-underline .widget-title {
	margin-bottom: 7px;
}
#sidebar .widget-recent-posts ul {
	list-style: none;
	background-color: rgba(255, 255, 255, 0.8);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	margin: 0;
	padding: 25px 25px 20px 0;
}
#sidebar .widget-recent-posts li {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
}
#sidebar .widget-recent-posts li:last-child {
	margin-bottom: 0;
}
#sidebar .widget-recent-posts ul a {
	font-weight: 600;
	padding: 6px 0;
}
#sidebar .widget-recent-posts .post-date {
	display: block;
	font: 14px/22px Verdana, Geneva, sans-serif;
	letter-spacing: -0.3px;
	color: #a5a5a5;
	margin-top: 5px;
}

/* Text Block widget
--------------------------------------------------- */
#sidebar .widget-text-block:not(.text-no-bg) {
	margin-bottom: 40px;
}
#sidebar .widget-text-block .widget-title {
	margin-bottom: -8px;
}
#sidebar .widget-text-block.title-underline .widget-title {
	margin-bottom: 7px;
}
#sidebar .widget-text-block.text-no-bg .widget-title {
	margin-bottom: 10px;
}
#sidebar .widget-text-block.text-no-bg.title-underline .widget-title {
	margin-bottom: 30px;
}
#sidebar .widget-text-block:not(.text-no-bg) .text-wrapper  {
	background-color: rgba(255, 255, 255, 0.8);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	padding: 25px 25px 30px 0;
}
#sidebar .widget-text-block p:last-child,
#sidebar .widget-text-block ul:last-child,
#sidebar .widget-text-block ol:last-child,
#sidebar .widget-text-block blockquote:last-child {
	margin-bottom: 0;
}
#sidebar .widget-text-block.text-no-bg .button {
	width: 100%;
}
#sidebar .widget-text-block.text-no-bg .widget-title + .text-wrapper > .button:first-child,
#sidebar .widget-text-block.text-no-bg .widget-title + .text-wrapper > p:first-child .button:first-child {
	margin-top: 10px;
}

/* Info Box widget
--------------------------------------------------- */
#sidebar .widget-info-box .info-box.shadow {
	background-color: #fdfdfd;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
#sidebar .widget-info-box .info-box .info-text {
	padding-top: 15px;
}
#sidebar .widget-info-box .info-box:not(.shadow) .info-text:first-child {
	padding-top: 0;
}
#sidebar .widget-info-box .info-box.shadow .info-text {
	padding: 20px 20px 30px;
}

/* Featured Article widget
--------------------------------------------------- */
#sidebar .widget-featured-article .info-box.shadow {
	background-color: #fdfdfd;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
#sidebar .widget-featured-article .info-box .info-text {
	padding: 20px 20px 30px;
}
#sidebar .widget-featured-article .info-text .title {
	margin-bottom: 5px;
}
#sidebar .widget-featured-article .info-text .title a {
	padding: 5px 0;
}
#sidebar .widget-featured-article .info-text p {
	font-size: 18px;
	margin-bottom: 0;
}
#sidebar .widget-featured-article .info-text .post-meta {
	font: 14px/23px Verdana, Geneva, sans-serif;
	letter-spacing: -0.3px;
	color: #a5a5a5;
	margin-top: 10px;
}
#sidebar .widget-featured-article .info-text .post-meta a {
	font-style: italic;
}

/* Social Profiles widget
--------------------------------------------------- */
#sidebar .widget-social-profiles {
	margin-top: 2px;
	margin-bottom: 65px;
}
.widget-social-profiles .widget-title {
	float: left;
	color: #666;
	margin: 0 15px 0 0 !important;
	padding-top: 2px;
}

.widget-social-profiles .fa-icon-list {
	margin: 0 0 -8px;
}
.widget-social-profiles .fa-icon-list li {
	margin: 0 8px 8px 0;
}
.widget-social-profiles .fa-icon-list li:last-child {
	margin-right: 0;
}
.widget-social-profiles .fa-icon-list li a {
	display: block;
	width: 33px;
	height: 33px;
	text-align: center;
	background-color: #266484;
	border: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	opacity: 0.8;
}
.widget-social-profiles .fa-icon-list li a:hover {
	opacity: 1;
}
.widget-social-profiles .fa-icon-list li[class*="icon-"] a {
	opacity: 0.7;
}
.widget-social-profiles .fa-icon-list li[class*="icon-"] a:hover {
	opacity: 0.9;
}

.widget-social-profiles .fa-icon-list li.icon-twitter a { background-color: #55acee; }
.widget-social-profiles .fa-icon-list li.icon-facebook a { background-color: #3b5998; }
.widget-social-profiles .fa-icon-list li.icon-linkedin a { background-color: #0077b5; }
.widget-social-profiles .fa-icon-list li.icon-google-plus a { background-color: #dd4b39; }
.widget-social-profiles .fa-icon-list li.icon-pinterest a { background-color: #bd081c; }
.widget-social-profiles .fa-icon-list li.icon-instagram a { background-color: #e4405f; }
.widget-social-profiles .fa-icon-list li.icon-youtube a { background-color: #cd201f; }
.widget-social-profiles .fa-icon-list li.icon-vimeo a { background-color: #1ab7ea; }
.widget-social-profiles .fa-icon-list li.icon-vk a { background-color: #4c75a3; }
.widget-social-profiles .fa-icon-list li.icon-dribbble a { background-color: #ea4c89; }
.widget-social-profiles .fa-icon-list li.icon-behance a { background-color: #131418; }

.widget-social-profiles .fa-icon-list li .fa {
	width: 23px;
	color: #fff;
	line-height: 33px;
}
.widget-social-profiles .fa-icon-list li > .fa { /* if url is not specified */
	color: #b5b5b5;
}

/* Subscription Form widget
--------------------------------------------------- */
#sidebar .widget-subscription-form {
	background-color: #f5f5f5;
	background: -webkit-linear-gradient(45deg, #eee, #fafafa);
	background: -o-linear-gradient(45deg, #eee, #fafafa);
	background: linear-gradient(45deg, #eee, #fafafa);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
	padding: 40px 30px;
}
#sidebar .widget-subscription-form .widget-title {
	text-align: center;
	margin-bottom: 10px;
}
#sidebar .widget-subscription-form p {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
#sidebar .widget-subscription-form input[type="text"] {
	margin-bottom: 15px;
}
#sidebar .widget-subscription-form .subscription-form .subscription-fields-wrapper {
	text-align: center;
}
#sidebar .widget-subscription-form .subscription-form .field-submit {
	padding-left: 26px;
}
#sidebar .widget-subscription-form .subscription-form-message p {
	text-align: center;
	margin-top: 15px;
}

/* for secondary color background */
#sidebar .widget-subscription-form.secondary-color-bg {
	background-color: #faca7d;
	background: -webkit-linear-gradient(-45deg, #faca7d, #f7deb5);
	background: -o-linear-gradient(-45deg, #faca7d, #f7deb5);
	background: linear-gradient(-45deg, #faca7d, #f7deb5);
}
#sidebar .widget-subscription-form.secondary-color-bg .widget-title {
	color: rgba(0, 0, 0, 0.65);
}
#sidebar .widget-subscription-form.secondary-color-bg .subscription-form input[type="submit"] {
	background-color: rgba(0, 188, 212, 0.75); /* #00bcd4 */
}
#sidebar .widget-subscription-form.secondary-color-bg .subscription-form input[type="submit"]:hover {
	background-color: rgba(0, 165, 212, 0.75); /* #00a5d4 */
}

/* Banner widget
--------------------------------------------------- */
#sidebar .widget-banner {
	position: relative;
	width: 300px;
	overflow: hidden;
}
#sidebar .widget-banner.banner-portrait { /* width/height ratio = 4/5 */
	height: 375px;
}
#sidebar .widget-banner.banner-square { /* width/height ratio = 1/1 */
	height: 300px;
}
#sidebar .widget-banner a.block-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#sidebar .widget-banner img {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	-webkit-transition: opacity 0.2s ease-out;
	     -o-transition: opacity 0.2s ease-out;
	        transition: opacity 0.2s ease-out;
	-webkit-filter: saturate(70%);
	        filter: saturate(70%);
	z-index: 1;
}
#sidebar .widget-banner a.block-link:hover img {
	opacity: 0.8;
}
#sidebar .widget-banner::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #507385;
	opacity: 0.5;
	content: "";
	z-index: 2;
}
#sidebar .widget-banner.primary-color-bg::before {
	background-color: #507385;
	-webkit-filter: saturate(30%);
	        filter: saturate(30%);
}
#sidebar .widget-banner.secondary-color-bg::before {
	background-color: #e5a235;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	-webkit-filter: saturate(50%);
	        filter: saturate(50%);
}
#sidebar .widget-banner .banner-text-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
#sidebar .widget-banner .banner-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#sidebar .widget-banner .banner-text .banner-title {
	color: #fff;
	margin: 0 20px 15px;
}
#sidebar .widget-banner .banner-text .h2-title {
	font-size: 57px;
	line-height: 0.95;
	font-weight: normal;
}
#sidebar .widget-banner .banner-text .h3-title {
	font-size: 48px;
	line-height: 1;
	font-weight: normal;
}
#sidebar .widget-banner .banner-text .h4-title {
	font-size: 39px;
	line-height: 1.05;
	font-weight: normal;
}
#sidebar .widget-banner .banner-text .banner-description {
	position: relative;
	padding: 12px 20px;
}
#sidebar .widget-banner .banner-text .banner-description::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-filter: saturate(50%);
	        filter: saturate(50%);
	z-index: 1;
}
#sidebar .widget-banner.primary-color-bg .banner-text .banner-description::before {
	background-color: rgba(80, 115, 133, 0.7); /* #507385 */
	background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
	background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
	background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.2), rgba(51, 51, 51, 0.4));
}
#sidebar .widget-banner.secondary-color-bg .banner-text .banner-description::before {
	background-color: rgba(229, 162, 53, 0.5); /* #e5a235 */
	background-image: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
	background-image: -o-linear-gradient(top, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
	background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.7));
}
#sidebar .widget-banner .banner-text .banner-description > * {
	position: relative;
	z-index: 2;
}
#sidebar .widget-banner .banner-text .banner-description p {
	color: #fff;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 0;
}
#sidebar .widget-banner .banner-text .banner-description .banner-link {
	font-size: 17px;
	font-weight: normal;
	color: #faca7d;
}
#sidebar .widget-banner .banner-text .banner-description p + .banner-link {
	margin-top: 5px;
}
#sidebar .widget-banner .banner-text .banner-description .banner-link .fa { /* vector icons - Font Awesome */
	font-size: 13px;
	margin-left: 10px;
	-webkit-transition: color 0.15s ease;
	     -o-transition: color 0.15s ease;
	        transition: color 0.15s ease;
}
#sidebar .widget-banner a.block-link:hover .banner-text .banner-link .fa {
	color: #eee;
}

/* Tag Cloud widget
--------------------------------------------------- */
#sidebar .widget-tag-cloud {
	margin-bottom: 60px;
}
#sidebar .widget-tag-cloud a {
	display: inline;
	float: left;
	font: 14px/23px Verdana, Geneva, sans-serif;
	color: #fff;
	padding: 1px 8px 2px;
	margin: 0 6px 6px 0;
	background-color: #839ca8;
}
#sidebar .widget-tag-cloud a:hover {
	background-color: #507385;
}

/* Twitter Feed widget
--------------------------------------------------- */
#sidebar .widget-twitter-feed {
	margin-bottom: 50px;
}
#sidebar .widget-twitter-feed .widget-title {
	margin-bottom: -5px;
}
#sidebar .widget-twitter-feed.title-underline .widget-title {
	margin-bottom: 7px;
}
#sidebar .widget-twitter-feed .twitter-feed {
	background-color: rgba(255, 255, 255, 0.8);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 100px, rgba(250, 250, 250, 0.8) 150px);
	padding: 25px 25px 20px 0;
}

/* Flickr Photostream
--------------------------------------------------- */
.widget-flickr-photostream .description {
	font-size: 18px;
	font-weight: 400;
	color: #666;
	margin-top: 15px;
}

/* Video widget
--------------------------------------------------- */
.widget-video .video-description {
	font-size: 18px;
	color: #666;
	margin: 15px 0 -5px;
}

/* Archive widget
--------------------------------------------------- */
#sidebar .widget-archive ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar .widget-archive li {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 7px;
}
#sidebar .widget-archive li:last-child {
	margin-bottom: 0;
}
#sidebar .widget-archive select {
	background-color: #f9f9f9;
}
#sidebar .widget-archive select:focus {
	background-color: #f3f3f3;
}
#sidebar .widget-archive select:focus > option {
	background-color: #fff;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#sidebar .widget-banner {
		width: 330px;
	}
	#sidebar .widget-banner.banner-portrait {
		height: 412px;
	}
	#sidebar .widget-banner.banner-square {
		height: 330px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#sidebar .widget-banner {
		width: 280px;
	}
	#sidebar .widget-banner.banner-portrait {
		height: 350px;
	}
	#sidebar .widget-banner.banner-square {
		height: 280px;
	}
}
@media (max-width: 991px) {
	/* top border gradient if the sidebar contains visible widgets */
	#sidebar.sidebar-visible-sm-down {
		padding-top: 80px;
	}
	#sidebar.sidebar-visible-sm-down::before {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		height: 70px;
		margin: 0 -15px; /* fallback */
		margin: 0 calc(50% - 50vw);
		background-image: -webkit-linear-gradient(top, #f9f9f9 5px, rgba(249, 249, 249, 0));
		background-image: -o-linear-gradient(top, #f9f9f9 5px, rgba(249, 249, 249, 0));
		background-image: linear-gradient(to bottom, #f9f9f9 5px, rgba(249, 249, 249, 0));
		border-top: 1px solid #eee;
		content: "";
	}
	
	#sidebar .widget-recent-posts,
	#sidebar .widget-twitter-feed {
		margin-bottom: 60px;
	}
	#sidebar .widget-recent-posts ul,
	#sidebar .widget-twitter-feed .twitter-feed {
		padding: 25px 0 10px;
		background: none;
	}
	#sidebar .widget-text-block:not(.text-no-bg) {
		margin-bottom: 50px;
	}
	#sidebar .widget-text-block:not(.text-no-bg) .text-wrapper {
		padding: 25px 0 20px;
	}
	
	/* space between the last visible widget in sidebar and the "bottom stripe" section */
	#sidebar .widget.mb-last-child {
		margin-bottom: 100px;
	}
	#sidebar .widget-recent-posts.mb-last-child,
	#sidebar .widget-twitter-feed.mb-last-child {
		margin-bottom: 90px;
	}
	#sidebar .widget-text-block:not(.text-no-bg).mb-last-child {
		margin-bottom: 80px;
	}
	#sidebar .widget-social-profiles.mb-last-child {
		margin-bottom: 95px;
	}
	#sidebar .widget-tag-cloud.mb-last-child {
		margin-bottom: 90px;
	}
}
@media (min-width: 571px) and (max-width: 991px) {
	/* the width of content inside the sidebar is limited to 540px */
	#sidebar .widget {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}
	#sidebar .widget-banner {
		width: 540px;
	}
	#sidebar .widget-flickr-photostream .flickr-photostream {
		margin: -18px 0 0 -18px;
	}
	#sidebar .widget-flickr-photostream .flickr-photostream .flickr_badge_image {
		margin: 18px 0 0 18px;
	}
}
@media (max-width: 767px) {	
	#sidebar .widget-info-box .info-box,
	#sidebar .widget-featured-article .info-box {
		margin-right: 0;
		margin-left: 0;
	}
	#sidebar .widget-info-box .info-box.shadow,
	#sidebar .widget-featured-article .info-box.shadow {
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
		        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
	}
}
@media (max-width: 570px) {
	#sidebar .widget-banner {
		width: 100%;
	}
}
@media (max-width: 329px) {
	#sidebar .widget-banner.banner-portrait {
		height: 362px;
	}
	#sidebar .widget-banner.banner-square {
		height: 290px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	35. Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	position: relative;
	padding: 90px 0 85px;
	background-color: #fff;
}
#footer .title {
	font-weight: 600;
	color: #445761;
	margin-bottom: 25px;
}
#footer p {
	margin-bottom: 0;
}
#footer .columns > p {
	font-size: 18px;
	font-weight: 400;
	margin-top: -5px;
}

#footer.footer-style-1 .columns:not(:first-child):not(:nth-child(2)),
#footer.footer-style-2 .columns:not(:first-child) {
	border-left: 1px dotted #cfdee5;
}

/* Footer menu
--------------------------------------------------- */
#footer .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .footer-menu li {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: -0.2px;
	margin-bottom: 15px;
}
#footer .footer-menu li:last-child {
	margin-bottom: 0;
}
#footer .footer-menu a {
	color: #839ca8;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 0;
}
#footer .footer-menu a:hover {
	color: #445761;
}
#footer .footer-menu a::after {
	display: inline;
	font-family: Ionicons;
	font-size: 9px;
	line-height: 1;
	color: rgba(163, 182, 191, 0.7); /* #a3b6bf */
	padding-left: 12px;
	vertical-align: 2px;
	content: "\f125";
	-webkit-transition: color 0.15s ease;
	     -o-transition: color 0.15s ease;
	        transition: color 0.15s ease;
}
#footer .footer-menu a:hover::after {
	color: #839ca8;
}

/* Contact Details
--------------------------------------------------- */
#footer .contact-address {
	font-size: 18px;
	font-weight: 400;
}
#footer .contact-phone + .contact-address,
#footer .contact-email + .contact-address {
	margin-top: 15px;
}
#footer .contact-phone {
	font-size: 18px;
	font-weight: bold;
	color: #839ca8;
	margin-top: -3px;
}
#footer .contact-address + .contact-phone {
	margin-top: 15px;
}
#footer .contact-phone a {
	color: inherit;
	white-space: nowrap;
}
#footer .phone-number {
	color: inherit;
}
#footer .phone-number:hover {
	color: #445761;
}
#footer .contact-email {
	font-size: 18px;
	font-weight: bold;
	color: #839ca8;
	margin-top: -3px;
}
#footer .contact-phone + .contact-email {
	margin-top: 8px;
}
#footer .contact-email a {
	color: inherit;
	white-space: nowrap;
}
#footer .contact-email a:hover {
	color: #445761;
}

/* Social profile icons */
#footer .contact-details .fa-icon-list {
	margin-top: 25px;
}
#footer .contact-details .fa-icon-list li {
	margin: 0 14px 14px 0;
}
#footer .contact-details .fa-icon-list li:last-child {
	margin-right: 0;
}
#footer .contact-details .fa-icon-list li a {
	display: block;
	width: 33px;
	height: 33px;
	text-align: center;
	border: none;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.contact-details .fa-icon-list li[class*="icon-"] a {
	background-color: #909090;
}
#footer .contact-details .fa-icon-list li a:hover {
	background: #cacaca;
}

.contact-details .fa-icon-list li.icon-twitter a { background-color: #55acee; }
.contact-details .fa-icon-list li.icon-facebook a { background-color: #3b5998; }
.contact-details .fa-icon-list li.icon-linkedin a { background-color: #0077b5; }
.contact-details .fa-icon-list li.icon-google-plus a { background-color: #dd4b39; }
.contact-details .fa-icon-list li.icon-pinterest a { background-color: #bd081c; }
.contact-details .fa-icon-list li.icon-instagram a {
	background-color: #e4405f;
	background-image: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background-image: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background-image: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.contact-details .fa-icon-list li.icon-youtube a { background-color: #cd201f; }
.contact-details .fa-icon-list li.icon-vimeo a { background-color: #1ab7ea; }
.contact-details .fa-icon-list li.icon-vk a { background-color: #4c75a3; }
.contact-details .fa-icon-list li.icon-dribbble a { background-color: #ea4c89; }
.contact-details .fa-icon-list li.icon-behance a { background-color: #131418; }

#footer .contact-details .fa-icon-list li .fa {
	width: 23px;
	color: #fff;
	line-height: 33px;
}
#footer .contact-details .fa-icon-list li.icon-instagram .fa {
	font-size: 19px;
}
#footer .contact-details .fa-icon-list li > .fa { /* if url is not specified */
	color: #b5b5b5;
}

/* Recent posts
--------------------------------------------------- */
#footer .recent-posts {
	list-style: none;
	margin: -4px 0 0;
	padding: 0;
}
#footer .recent-posts li {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
}
#footer .recent-posts li:last-child {
	margin-bottom: 0;
}
#footer .recent-posts a {
	font-weight: 600;
	color: #839ca8;
	padding: 6px 0;
}
#footer .recent-posts a:hover {
	color: #445761;
}
#footer .recent-posts .post-date {
	display: block;
	font: 14px/23px Verdana, Geneva, sans-serif;
	letter-spacing: -0.3px;
	color: #a5a5a5;
	margin-top: 5px;
}

/* Footer Bottom
--------------------------------------------------- */
#footer-bottom {
	position: relative;
	padding: 20px 0;
	background-color: #384b54;
}
#footer-bottom .columns.bottom-left-col {
	float: left;
}
#footer-bottom .columns.bottom-right-col {
	float: right;
}
#footer-bottom * {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #a3b6bf;
}
#footer-bottom p {
	margin: 0;
}

/* Scroll Top */
#footer-bottom .scroll-top {
	position: absolute;
	display: block;
	top: -32px;
	right: 20px;
	width: 44px;
	height: 32px;
	padding-top: 6px;
	text-align: center;
	cursor: pointer;
	background-color: #839ca8;
	-webkit-border-radius: 22px 22px 0 0;
	        border-radius: 22px 22px 0 0;
	-webkit-transition: opacity 0.15s ease;
	     -o-transition: opacity 0.15s ease;
			transition: opacity 0.15s ease;
	opacity: 0.5;
}
#footer-bottom .scroll-top .ion { /* vector icons - Ionicons */
	font-size: 24px;
	color: #fff;
	-webkit-transition: color 0.15s ease;
	     -o-transition: color 0.15s ease;
			transition: color 0.15s ease;
}
#footer-bottom .scroll-top:hover {
	opacity: 0.8;
}

#footer-bottom.scrolltop-fixed .scroll-top {
	position: fixed;
	top: auto;
	bottom: 0;
	right: 20px;
	z-index: 100;
	background-color: #333;
}

/* Bottom Links */
#footer-bottom .links {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-bottom .links li {
	display: inline-block;
	margin: 0 -4px 0 0;
	padding-right: 25px;
}
#footer-bottom .links li:last-child {
	margin-right: 0;
	padding-right: 0;
}
#footer-bottom .links a {
	font-weight: 700;
}
#footer-bottom .links a:hover {
	color: #ebf5fa;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#footer {
		padding: 100px 0 95px;
	}
	#footer .container,
	#footer .container .columns {
		padding-left: 50px;
		padding-right: 50px;
	}
	#footer .row {
		margin-left: -85px;
		margin-right: -85px;
	}
	#footer .title {
		font-size: 25px;
	}
	#footer.footer-style-1 .col-md-3:first-child .contact-details {
		margin-left: -30px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	#footer .container,
	#footer .container .columns {
		padding-left: 35px;
		padding-right: 35px;
	}
	#footer .row {
		margin-left: -55px;
		margin-right: -55px;
	}
	#footer .title {
		font-size: 25px;
	}
	#footer.footer-style-1 .col-md-3:first-child .contact-details {
		margin-left: -20px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#footer .container,
	#footer .container .columns {
		padding-left: 30px;
		padding-right: 30px;
	}
	#footer .row {
		margin-left: -45px;
		margin-right: -45px;
	}
	#footer .col-sm-4:not([class*="col-md-"]) .title {
		font-size: 25px;
	}
	#footer.footer-style-1 .col-md-3:first-child .contact-details {
		margin-left: -35px;
	}
	#footer.footer-style-1 .col-md-3 .contact-phone,
	#footer.footer-style-1 .col-md-3 .contact-email {
		font-size: 17px;
	}
	#footer.footer-style-2 .contact-email a {
		white-space: normal;
		word-wrap: break-word;
	}
	#footer .contact-address {
		font-size: 17px;
	}
	#footer .contact-address br {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#footer .container,
	#footer .container .columns {
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer .row {
		margin-left: -25px;
		margin-right: -25px;
	}
	#footer.footer-style-2 .footer-menu li {
		font-size: 14px;
	}
	#footer.footer-style-2 .footer-menu a {
		font-weight: 600;
	}
	#footer.footer-style-2 .contact-phone,
	#footer.footer-style-2 .contact-email {
		font-size: 16px;
		font-weight: 600;
	}
	#footer .columns > p,
	#footer.footer-style-2 .contact-address,
	#footer.footer-style-2 .recent-posts li {
		font-size: 16px;
	}
	#footer.footer-style-2 .contact-email a {
		white-space: normal;
		word-wrap: break-word;
	}
	#footer .contact-address br {
		display: none;
	}
	#footer.footer-style-2 .contact-details .fa-icon-list li {
		margin: 0 13px 13px 0;
	}
	#footer.footer-style-2 .contact-details .fa-icon-list li:last-child {
		margin-right: 0;
	}
	#footer.footer-style-2 .contact-details .fa-icon-list li a {
		width: 31px;
		height: 31px;
	}
	#footer.footer-style-2 .contact-details .fa-icon-list li .fa {
		line-height: 31px;
	}
}
@media (min-width: 571px) and (max-width: 991px) {
	#footer.footer-style-1 .columns {
		border-left: none !important;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 {
		float: none;
		overflow: hidden;
	}
	#footer.footer-style-1 .col-md-3 .title {
		border-bottom: 1px dotted #cfdee5;
		padding-bottom: 5px;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-details {
		margin-bottom: 50px;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-phone {
		float: left;
		padding-right: 50px;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-phone + .contact-email {
		margin-top: -3px;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-phone,
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-email {
		color: #00a5d4;
	}
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-phone a:hover,
	#footer.footer-style-1 .col-xs-12.col-md-3 .contact-email a:hover {
		color: #00bcd4;
	}
}
@media (max-width: 767px) {
	#footer .columns {
		border-left: none !important;
	}
	#footer-bottom .columns.bottom-left-col,
	#footer-bottom .columns.bottom-right-col,
	#footer-bottom .links {
		float: none;
	}
	#footer-bottom .columns {
		text-align: center;
	}
	#footer-bottom .links {
		margin-top: 5px;
	}
}
@media (min-width: 571px) and (max-width: 767px) {
	#footer.footer-style-2 .col-xs-12.col-sm-4 {
		float: none;
		overflow: hidden;
	}
	#footer.footer-style-2 .col-sm-4 .title {
		border-bottom: 1px dotted #cfdee5;
		padding-bottom: 5px;
	}
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-details {
		margin-bottom: 50px;
	}
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-phone {
		float: left;
		padding-right: 50px;
	}
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-phone + .contact-email {
		margin-top: -3px;
	}
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-phone,
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-email {
		color: #00a5d4;
	}
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-phone a:hover,
	#footer.footer-style-2 .col-xs-12.col-sm-4 .contact-email a:hover {
		color: #00bcd4;
	}
	#footer .footer-menu li {
		font-size: 14px;
	}
	#footer .footer-menu a {
		font-weight: 600;
	}
	#footer.footer-style-2 .recent-posts li {
		font-size: 16px;
	}
}
@media (max-width: 570px) {
	#footer .columns {
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	#footer .columns:first-child {
		margin-top: 0;
	}
	#footer .title {
		margin-bottom: 20px;
	}
	#footer .contact-address br {
		display: none;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	36. Typography
/*-----------------------------------------------------------------------------------*/

/* Highlights
--------------------------------------------------- */
.highlight {
	color: #7c6c28;
	font-weight: 400;
	background-color: #fcfbe2;
	padding: 1px 4px 3px;
}
.highlight-dashline {
	font-weight: 600;
	border-bottom: 2px dashed #e5a235;
}

/* for dark colored background */
.dark-colored-bg .highlight-dashline {
	border-color: rgba(250, 202, 125, 0.8); /* #faca7d */
}

/* for secondary color background */
.stripe-secondary-color-bg .highlight-dashline {
	border-color: rgba(255, 255, 255, 0.9);
}

/* Lists
--------------------------------------------------- */
.check-list,
.check-small-list,
.arrow-list,
.dot-list {
	display: block;
	list-style: none;
	padding: 0;
}

/* Check marker - normal size */
.check-list > li {
	position: relative;
	line-height: 1.5;
	padding-left: 40px;
	margin-bottom: 20px;
}
.check-list > li::before {
	position: absolute;
	top: 3px;
	left: 0;
	font-family: FontAwesome;
	font-size: 110%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f00c";
}
.check-list.text-small > li,
.text-small .check-list > li {
	padding-left: 35px;
	margin-bottom: 15px;
}
.check-list ul,
.check-list ol {
	padding-top: 15px;
}

/* Check marker - small size */
.check-small-list > li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
}
.check-small-list > li::before {
	position: absolute;
	top: 10px;
	left: 0;
	font-family: FontAwesome;
	font-size: 80%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f00c";
}
.check-small-list.text-small > li,
.text-small .check-small-list > li {
	padding-left: 27px;
}
.check-small-list.text-small > li::before,
.text-small .check-small-list > li::before {
	top: 9px;
}
.check-small-list ul,
.check-small-list ol {
	padding-top: 10px;
}

/* Arrow marker */
.arrow-list > li {
	position: relative;
	line-height: 1.5;
	padding-left: 28px;
	margin-bottom: 20px;
}
.arrow-list > li::before {
	position: absolute;
	top: 8px;
	left: 0;
	font-family: FontAwesome;
	font-size: 85%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f054";
}
.arrow-list.text-small > li,
.text-small .arrow-list > li {
	padding-left: 25px;
	margin-bottom: 15px;
}
.arrow-list.text-small > li::before,
.text-small .arrow-list > li::before {
	top: 7px;
}
.arrow-list ul,
.arrow-list ol {
	padding-top: 15px;
}

/* Dot marker */
.dot-list > li {
	position: relative;
	padding-left: 16px;
}
.dot-list > li::before {
	position: absolute;
	top: 15px;
	left: 0;
	font-family: FontAwesome;
	font-size: 31%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f111";
}
.dot-list.text-small > li,
.text-small .dot-list > li {
	padding-left: 15px;
}
.dot-list.text-small > li::before,
.text-small .dot-list > li::before {
	top: 14px;
}
.dot-list ul,
.dot-list ol {
	padding-top: 7px;
}

.check-list li:last-child,
.check-small-list li:last-child,
.arrow-list li:last-child,
.dot-list li:last-child {
	margin-bottom: 0;
}

.check-list.indent-small,
.check-small-list.indent-small,
.arrow-list.indent-small,
.dot-list.indent-small {
	padding-left: 10px;
}
.check-list.indent-medium,
.check-small-list.indent-medium,
.arrow-list.indent-medium,
.dot-list.indent-medium {
	padding-left: 20px;
}
.check-list.indent-large,
.check-small-list.indent-large,
.arrow-list.indent-large,
.dot-list.indent-large {
	padding-left: 30px;
}

@media (max-width: 570px) {
	.check-list > li {
		padding-left: 35px;
		margin-bottom: 15px;
	}
	.check-small-list > li {
		padding-left: 27px;
	}
	.check-small-list > li::before {
		top: 9px;
	}
	.arrow-list > li {
		padding-left: 25px;
		margin-bottom: 15px;
	}
	.dot-list > li {
		padding-left: 15px;
	}
	.dot-list > li::before {
		top: 14px;
	}
}

/* Dividers
--------------------------------------------------- */
.divider-line {
	position: relative;
	height: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #dedede;
}
.divider-line.double {
	border-bottom-width: 2px;
}
.divider-line.triple {
	border-bottom-width: 3px;
}
.divider-line.grey-divider {
	border-bottom-color: #dedede;
}
.divider-line.white-divider {
	border-bottom-color: #fff;
}
.divider-line.colored-divider {
	border-bottom-color: rgba(250, 202, 125, 0.5); /* #faca7d */
}

/* Gradient line with "arrow down" */
.divider-gradient {
	position: relative;
	height: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #dedede;
	border-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
	border-image: -o-linear-gradient(right, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
	border-image: linear-gradient(to left, rgba(255, 255, 255, 0) 4%, #e5e5e5 30%, #e5e5e5 48%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0) 52%, #e5e5e5 52%, #e5e5e5 70%, rgba(255, 255, 255, 0) 96%) 1;
}
.divider-gradient::after {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 28px;
	height: 28px;
	margin-top: -12px;
	margin-left: -14px;
	font-family: FontAwesome;
	font-size: 28px;
	line-height: 1;
	color: #e5e5e5;
	text-align: center;
	content: "\f107";
}
.divider-gradient.double {
	border-bottom-width: 2px;
}

/* Dotted line */
.divider-dotline {
	position: relative;
	height: 0;
	margin-bottom: 0;
	border-bottom: 1px dotted #dedede;
}
.divider-dotline.grey-divider {
	border-bottom-color: #ccc;
}
.divider-dotline.colored-divider {
	border-bottom-color: #faca7d;
}

/* Small bar */
.small-bar {
	position: relative;
	width: 100%;
	height: 1px;
	padding-top: 20px;
	margin-bottom: 32px;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}
.small-bar::after {
	position: absolute;
	display: block;
	left: 0;
	top: 20px;
	width: 63px;
	height: 10px;
	content: "";
	background: url(../images/backgrounds/primary-color/sky-blue/zigzag-primary.svg) no-repeat left top;
}
.small-bar.grey-bar::after {
	background-image: url(../images/backgrounds/primary-color/sky-blue/zigzag-primary.svg);
}
.small-bar.colored-bar::after {
	background-image: url(../images/backgrounds/secondary-color/orange/zigzag-secondary.svg);
}
.small-bar.text-center::after,
.small-bar[style*="text-align: center"]::after {
	left: 50%;
	margin-left: -32px;
}

/* Note separator */
.note-separator {
	width: 70px;
	height: 0;
	padding-top: 10px;
	border-bottom: 1px solid #a3b6bf;
	margin-bottom: 15px;
}
.note-separator.grey-separator {
	border-bottom-color: #a3b6bf;
}
.note-separator.colored-separator {
	border-bottom-color: #fab23c;
}


/*-----------------------------------------------------------------------------------*/
/*	37. Other Elements and Misc.
/*-----------------------------------------------------------------------------------*/

/* Vector icons - Font Awesome
--------------------------------------------------- */
.fa-icon-list {
	list-style: none;
	margin: 0 0 -10px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.fa-icon-list li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.fa-icon-list li:last-child {
	margin-right: 0;
}
.fa-icon-list li .fa {
	font-size: 17px;
	color: inherit;
}

/* Dot leaders
--------------------------------------------------- */
.dot-leaders {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dot-leaders li {
	display: table;
	width: 100%;
}
.dot-leaders li > span {
	display: table-cell;
	vertical-align: bottom;
}
.dot-leaders span.param {
	padding-right: 6px;
	white-space: nowrap;
}
.dot-leaders span.dotted-separator {
	width: 100%;
	height: 10px;
	background-image: -webkit-radial-gradient(#ccc 1px, transparent 0px);
	background-image: -o-radial-gradient(#ccc 1px, transparent 0px);
	background-image: radial-gradient(#ccc 1px, transparent 0px);
	background-size: 6px 6px;
	background-repeat: repeat-x;
	background-position: left bottom; /* fallback */
	background-position: left 0 bottom 6px;
}
.dot-leaders span.value {
	padding-left: 6px;
	white-space: nowrap;
}

@media (max-width: 570px) {
	.dot-leaders span.param {
		white-space: normal;
	}
	.dot-leaders span.dotted-separator {
		width: 30px;
	}
	.dot-leaders span.value {
		width: 1%;
	}
}

/* Videos (inline player)
--------------------------------------------------- */
video {
	max-width: 100%;
}
.html5-video-container {
	position: relative;
	max-width: 100%;
}
.html5-video-container .player {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

/* YouTube, Vimeo, and other oEmbed videos */
iframe[src*="oembed"],
.row > .columns iframe {
	max-width: 100%;
}
.widget-text-block iframe,
.widget-info-box iframe {
	max-width: 100%;
}
.video-container {
	position: relative;
}
.video-container iframe {
	border: none;
}
.fluid-width-video-wrapper {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* for videos added in post editor */
.row > .columns > .video-container,
.row > .columns > .html5-video-container {
	margin-bottom: 60px;
}
#main-content > .row:last-child > .columns > .video-container:last-child,
.stripe > .container > .row:last-child > .columns > .video-container:last-child,
#main-content > .row:last-child > .columns > .html5-video-container:last-child,
.stripe > .container > .row:last-child > .columns > .html5-video-container:last-child {
	margin-bottom: 20px;
}

@media (max-width: 991px) {
	#main-content > .row:last-child > .columns > .video-container:last-child,
	.stripe > .container > .row:last-child > .columns > .video-container:last-child,
	#main-content > .row:last-child > .columns > .html5-video-container:last-child,
	.stripe > .container > .row:last-child > .columns > .html5-video-container:last-child {
		margin-bottom: 10px;
	}
}

/* Misc.
--------------------------------------------------- */
.error-404 {
	font: 190px/1 Verdana, Geneva, sans-serif;
	color: #cfdee5;
	text-align: center;
}
.grid-col {
	font-weight: 400;
	color: #909090;
	background-color: #eee;
	padding: 5px 0;
	margin-bottom: 2px;
	text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.error-404 {
		font-size: 180px;
	}
}
@media (max-width: 991px) {
	.error-404 {
		font-size: 170px;
		margin-top: -20px;
	}
}
@media (max-width: 479px) {
	.error-404 {
		font-size: 140px;
	}
}

/* Fixing known bug with fixed background images in IE 10 and higher
---------------------------------------------------------------------- */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
	html {
		overflow: hidden;
		height: 100%;
	}
	body {
		overflow: auto;
		height: 100%;
	}
}