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

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

*/


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

body {
	background-color: #f5f6f7;
}
@media (min-width: 1921px) {
	body {
		width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 4;
}
#main {
	position: relative;
	z-index: 1;
}

/* "Page content" section
--------------------------------------------------- */
#page-content {
	position: relative;
	padding: 0;
	overflow: hidden;
	z-index: 200;
}

/* Page layout with sidebar
   Full-width layout: Page Intro + Side Menu
--------------------------------------------------- */
#page-content.sidebar-layout {
	background-color: #fff;
}

@media (min-width: 768px) {
	.contact-page .contact-info.columns {
		float: right;
		background-image: url(../images/backgrounds/primary-color/royal-blue/sidebar-bg.png); /* sidebar background at page's right side */
		background-repeat: repeat-y;
	}
}
@media (min-width: 992px) {
	#main-content {
		min-height: 300px;
	}
	.side-menu-widget + #main-content:not(:last-child) {
		min-height: 500px;
	}
	#sidebar.page-right-col.columns,
	.side-menu-widget.columns {
		float: right;
	}
	#page-content.sidebar-layout .side-menu-widget {
		position: relative;
		z-index: 2;
	}
	#sidebar.page-right-col.columns {
		background-image: url(../images/backgrounds/primary-color/royal-blue/sidebar-bg.png); /* sidebar background at page's right side */
		background-repeat: repeat-y;
	}
}
@media (min-width: 1520px) { /* screen width 1600px, 1680px, 1920px */
	#page-content.sidebar-layout {
		padding-top: 100px;
	}
	#main-content {
		margin-bottom: 100px;
	}
	#main-content.page-left-col.columns {
		padding-right: 90px;
	}
	.side-menu-widget.columns {
		padding-left: 95px;
	}
	#sidebar.page-right-col.columns {
		width: calc(33.33333333% + 300px); /* 300px = (1920px - 1320px) / 2 */
		padding: 800px 315px 5000px 95px; /* 315px = 300px + 15px */
		margin: -800px -300px -5000px 0;
		background-position: left 41px top;
	}
	/* widget width - 330px (1320px/3-95px-15px) */
	
	#page-content.fullwidth-layout .page-intro.columns {
		padding-right: 35px;
	}
	.stripe-right .page-intro.columns {
		width: 790px; /* 790px = (1320px-90px)*2/3 - 30px */
	}
	.stripe-right .side-menu-widget.columns {
		width: 440px; /* 440px = (1320px-90px)/3 + 30px */
	}
	
	.contact-page .contact-info.columns {
		width: calc(41.66666667% + 300px); /* 300px = (1920px - 1320px) / 2 */
		padding: 100px 315px 1100px 95px; /* 315px = 300px + 15px */
		margin: -100px -300px -1000px 0;
		background-position: left 41px top;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) { /* screen width: 1280px, 1360px, 1366px, 1440px */
	#page-content.sidebar-layout {
		padding-top: 90px;
	}
	#main-content {
		margin-bottom: 90px;
	}
	#main-content.page-left-col.columns {
		padding-right: 50px;
	}
	.side-menu-widget.columns {
		padding-left: 75px;
	}
	#sidebar.page-right-col.columns {
		width: calc(33.33333333% + 175px); /* 175px = (1520px - 1170px) / 2 */
		padding: 800px 190px 5000px 75px; /* 190px = 175px + 15px */
		margin: -800px -175px -5000px 0;
		background-position: left 41px top;
	}
	/* widget width - 300px (1170px/3-75px-15px) */
	
	#page-content.fullwidth-layout .page-intro.columns {
		padding-right: 15px;
	}
	.stripe-right .page-intro.columns {
		width: 690px; /* 690px = (1170px-90px)*2/3 - 30px */
	}
	.stripe-right .side-menu-widget.columns {
		width: 390px; /* 390px = (1170px-90px)/3 + 30px */
	}
	
	.contact-page .contact-info.columns {
		width: calc(41.66666667% + 175px); /* 175px = (1520px - 1170px) / 2 */
		padding: 100px 190px 1090px 75px; /* 190px = 175px + 15px */
		margin: -100px -175px -1000px 0;
		background-position: left 41px top;
	}
}
@media (min-width: 992px) and (max-width: 1199px) { /* screen width: 1024px */
	#page-content.sidebar-layout {
		padding-top: 75px;
	}
	#main-content {
		margin-bottom: 75px;
	}
	#main-content.page-left-col.columns {
		padding-right: 62px;
	}
	.side-menu-widget.columns {
		padding-left: 28px;
	}
	#sidebar.page-right-col.columns {
		width: calc(33.33333333% + 115px); /* 115px = (1200px - 970px) / 2 */
		padding: 800px 130px 5000px 28px; /* 130px = 115px + 15px */
		margin: -800px -115px -5000px 0;
		background-position: left top;
	}
	/* widget width - 280px (970px/3-28px-15px) */
	
	#page-content.fullwidth-layout .page-intro.columns {
		padding-right: 32px;
	}
	.stripe-right .page-intro.columns {
		width: 572px; /* 690px = (970px-75px)*2/3 - 25px */
	}
	.stripe-right .side-menu-widget.columns {
		width: 323px;/* 323px = (970px-75px)/3 + 25px */
	}
	
	.contact-page .contact-info.columns {
		width: calc(41.66666667% + 115px); /* 115px = (1200px - 970px) / 2 */
		padding: 100px 130px 1090px 28px; /* 130px = 115px + 15px */
		margin: -100px -115px -1000px 0;
		background-position: left top;
	}
}
@media (max-width: 991px) {
	#page-content.fullwidth-layout .page-intro.columns {
		padding-top: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) { /* screen width: 768px */
	#page-content.sidebar-layout {
		padding-top: 75px;
	}
	#main-content {
		margin-bottom: 75px;
	}
	.contact-page #main-content.page-left-col.columns {
		padding-right: 35px;
	}
	.contact-page .contact-info.columns {
		width: calc(50% + 121px); /* 121px = (992px - 750px) / 2 */
		padding: 100px 136px 1090px 20px; /* 136px = 121px + 15px */
		margin: -100px -121px -1000px 0;
		background-position: left top;
	}
}
@media (max-width: 767px) {
	#page-content.sidebar-layout {
		padding-top: 75px;
	}
	#main-content {
		margin-bottom: 75px;
	}
}
@media (max-width: 479px) {
	#page-content.sidebar-layout {
		padding-top: 60px;
	}
	#main-content {
		margin-bottom: 60px;
	}
}

/* Logo
--------------------------------------------------- */
#logo {
	position: absolute;
	left: 15px;
	top: 0;
	height: 100%;
}
#logo > a {
	position: relative;
	display: block;
	width: 240px; /* 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;
	}
}


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

#navigation {
	float: right;
	margin-top: 40px; /* For customizing this property, use custom.css */
}
#header.extended #navigation {
	margin-top: 10px; /* 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: 500 16px/20px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #f9f9f9;
	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: #dedede;
}
#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: #93c13d;
}
#primary-nav > ul > li.button-item > a {
	font-size: 15px;
	letter-spacing: 0.3px;
	color: #184173;
	background-color: #e5e5e5;
	margin: 0 12px;
	padding: 8px 15px 7px;
	-webkit-border-radius: 17px;
	        border-radius: 17px;
}
#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: #184173;
	background-color: #f5f5f5;
}

#primary-nav ul ul {
	position: absolute;
	top: -999em;
	width: 170px; /* left offset of submenus need to match (see below) */
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    		box-shadow: 1px 1px 4px 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: 24px;
	right: 24px;
	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: 2px solid #009ccc;
}
#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: 15px;
	line-height: 30px;
	font-weight: 400;
	color: #62758c;
}
#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: #222;
}
#primary-nav ul ul li.current-menu-item > a,
#primary-nav ul ul li.current-menu-ancestor > a {
	color: #222;
}

/* 3nd level */
#primary-nav ul ul ul {
	width: 170px;
}
.js #primary-nav ul ul ul {
	width: auto;
	min-width: 160px;
}
#primary-nav ul ul ul li:first-child {
	
}
#primary-nav ul ul ul li:last-child {
	
}
#primary-nav ul ul li:not(.sf-mega-section) ul {
	-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    		box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
}
#primary-nav ul ul li:not(.sf-mega-section) li {
	background-color: #fff;
}

/* 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 ul .sf-with-ul::after {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -6px;
	font-family: Ionicons;
	font-size: 15px;
	line-height: 1;
	color: #879ab0;
	content: "\f3d1";
}
#primary-nav .sf-arrows ul .sf-with-ul:hover::after,
#primary-nav ul ul li.sfHover > .sf-with-ul::after {
	color: #1b9ad0;
}
#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: 2px solid #009ccc;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
    		box-shadow: 1px 1px 4px 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 {
	margin-bottom: 7px;
	padding-bottom: 3px;
	border-bottom: 2px dotted #93c13d;
}
#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: none;
}
#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: #222;
}

/* 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(33, 53, 77, 0.8); /* #21354d */
		-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 #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;
		height: 64px; /* 64px = 84px (sticky header height) - 2 * 10px (space before & space after) */
	}
	body.sticky-menu-active #logo img {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		     -o-transform: translate(0, -50%);
		        transform: translate(0, -50%);
		max-height: 100%;
	}
}

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

/* Mobile menu toggle */
#mobile-nav-toggle {
	display: none;
	float: right;
	margin: 0 -10px 0 40px;
}
#mobile-menu-button {
	display: block;
	padding: 10px;
}
#mobile-menu-button span {
	display: block;
	width: 30px;
	height: 20px;
	background-image: -webkit-linear-gradient(bottom, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
	background-image: -o-linear-gradient(bottom, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
	background-image: linear-gradient(to top, #fff 2px, transparent 2px, transparent 9px, #fff 9px, #fff 11px, transparent 11px, transparent 18px, #fff 18px);
}
#mobile-menu-button:hover span {
	
}

/* 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: #b6c7db;
}
#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: #62758c;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}
.sidr .sidr-inner {
	padding: 15px 20px;
}
.sidr .sidr-inner:first-child {
	padding: 5px 15px 5px 20px;
	background-color: #62758c;
}
.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: #62758c;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
	border-top: 1px dotted #62758c;
}
.sidr > .sidr-inner > ul > li:first-child {
	border-top: none;
}
.sidr ul li a,
.sidr .sidr-class-sf-mega-section h6 {
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	color: #ccc;
}
.sidr > .sidr-inner > ul > li > a {
	font-size: 18px;
	font-weight: 600;
	color: #e5e5e5;
	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: #93c13d;
}
#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;
	font-weight: 400;
	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: #62758c;
	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-border-radius: 50%;
	        border-radius: 50%;
	padding: 5px 0;
	text-align: center;
}
.sidr .dropdown-toggle .fa { /* vector icons - Font Awesome */
	font-size: 20px;
	color: #ccc;
}
.sidr .dropdown-toggle:hover .fa {
	color: #eee;
}
.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: 10px;
}
#secondary-nav .quick-links {
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 0;
}
#secondary-nav .quick-links li {
	display: inline-block;
	font-size: 14px;
	line-height: 36px;
	font-weight: 600;
	margin: 0 0 0 10px;
}
#secondary-nav .quick-links li:first-child {
	margin-left: 0;
}
#secondary-nav .quick-links .menu-item a {
	display: block;
	font-weight: inherit;
	color: #dedede;
}
#secondary-nav .quick-links .menu-item a:hover {
	color: #eee;
}
#secondary-nav .quick-links .contact-phone {
	margin-left: 20px;
}
#secondary-nav .quick-links .phone-number {
	display: block;
	font-size: 18px;
	font-weight: inherit;
	color: #d4e7ff;
}
#secondary-nav .quick-links .phone-number:hover {
	color: #eee;
}
#secondary-nav .quick-links .phone-number .fa { /* vector icons - Font Awesome */
	font-size: 17px;
	margin-right: 5px;
}

/* 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) {
	#logo {
		top: 25px;
	}
	#logo > a {
		top: auto;
		-webkit-transform: none;
			-ms-transform: none;
			 -o-transform: none;
				transform: none;
	}
	
	.js #primary-nav,
	.js #secondary-nav .quick-links {
		float: none;
	}
	.js #primary-nav {
		margin-bottom: 0;
	}
	.js #secondary-nav {
		float: right;
		margin: 2px 0 0;
		overflow: visible;
	}
	.js #navigation {
		position: absolute;
		top: 35px;
		right: 25px;
		float: none;
	}
	.js #navigation,
	.js #header.extended #navigation {
		margin-top: 0;
	}
	.js #main-menu {
		display: none;
	}
	.js #header #mobile-nav-toggle {
		display: block;
	}
}
@media (max-width: 767px) {
	#secondary-nav .quick-links .menu-item {
		display: none;
	}
	#mobile-nav-toggle {
		margin-left: 30px;
	}
}
@media (max-width: 479px) {
	#logo > a {
		max-width: 240px !important;
	}
	.js #navigation {
		right: 15px;
	}
	#secondary-nav {
		display: none;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	3. Homepage Hero
/*-----------------------------------------------------------------------------------*/

#home-hero {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -75px;
	overflow: hidden;
}

#home-hero,
#home-slider .slide {
	height: 600px; /* fallback: 600px = 1200/2, for 1199-1519px */
	height: calc(100vw / 2 - 20px);
}
#home-slider .slide {
	display: none;
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#home-slider .slide:first-of-type {
	display: block;
}
#home-slider .slide::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #2e3c4d; /* hsb(213, 40, 30) - default */
	opacity: 0.5;
	content: "";
}


/* Images
--------------------------------------------------- */

/* NOTE: All images for the homepage slider should be set in custom.css */


#home-slider .container,
#home-slider .row {
	height: 100%;
}
#home-slider .columns {
	height: 100%;
}

/* Captions */
#home-slider .page-title-wrapper {
	position: relative;
	display: table;
	height: 100%;
	z-index: 2;
}
#home-slider .page-title {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 145px; /* 145px = 75px + 70px */
}
#home-slider h1,
#home-slider h2,
#home-slider h3 {
	color: #fff;
	font-family: Lora, "Times New Roman", Times, serif;
	line-height: 1.15;
	font-weight: 400;
}
#home-slider h1,
#home-slider h2,
#home-slider .h1-slogan,
#home-slider .h2-slogan {
	font-size: 68px;
	margin-bottom: 0;
}
#home-slider h3,
#home-slider .h3-slogan {
	font-size: 60px;
	margin-bottom: 0;
}
#home-slider .page-title p {
	color: #dedede;
}
#home-slider .page-title p:first-child,
#home-slider .page-title p:last-child {
	margin-bottom: 0;
}
#home-slider .page-title .lead-text-large {
	font-weight: 600;
}
#home-slider .page-title .lead-text-medium {
	font-family: inherit;
	font-weight: 600;
}
#home-slider .page-title p[class*="lead-text-"] {
	display: inline-block;
	padding: 0 7px 3px;
	background-color: rgba(0, 0, 0, 0.2);
}
#home-slider .page-title h1 + p,
#home-slider .page-title h2 + p,
#home-slider .page-title h3 + p {
	margin-top: 7px;
}

/* Button and link
--------------------------------------------------- */
#home-slider .slide .button:not(.button-medium) {
	position: relative;
	font: inherit;
	font-size: 20px;
	font-weight: bold;
	color: #dedede;
	background-color: rgba(33, 53, 77, 0.7); /* #21354d */
	border: none;
	padding: 3px 45px 6px 15px;
	-webkit-border-radius: 0;
	        border-radius: 0;
}
#home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
	position: absolute;
	right: 12px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -8px;
	content: "";
	border-left: 17px solid #d4e7ff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
#home-slider .slide .button:not(.button-medium):hover {
	background-color: rgba(33, 53, 77, 0.95); /* #21354d */
}
#home-slider .slide .button:not(.button-medium):not(.play-icon).button-colored::after {
	border-left-color: #93c13d;
}

/* Meidum size */
#home-slider .slide .button.button-medium {
	color: #fff;
	background-color: rgba(212, 231, 255, 0.2); /* #d4e7ff */
	border-color: #d4e7ff;
}
#home-slider .slide .button.button-medium {
	color: #fff;
	background-color: rgba(212, 231, 255, 0.2); /* #d4e7ff */
	border-color: #d4e7ff;
}
#home-slider .slide .button.button-medium:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	border-color: #fff;
}
#home-slider .slide .button-medium.button-colored {
	color: #fff;
	background-color: rgba(255, 188, 140, 0.2); /* #93c13d */
	border-color: #93c13d;
}
#home-slider .slide .button-medium.button-colored:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	border-color: #fff;
}

/* Button with "play" icon */
#home-slider .slide .button.play-icon {
	padding: 5px 20px 7px 55px;
}
#home-slider .slide .button.play-icon::before {
	border-color: #b6c7db;
}
#home-slider .slide .button.play-icon::after {
	border-left-color: #b6c7db;
}
#home-slider .slide .button.play-icon:hover::before {
	background-color: #b6c7db;
}
#home-slider .slide .button-colored.play-icon::before {
	border-color: #93c13d;
}
#home-slider .slide .button-colored.play-icon::after {
	border-left-color: #93c13d;
}
#home-slider .slide .button-colored.play-icon:hover::before {
	background-color: #93c13d;
}

/* Link */
#home-slider .slide a:not(.button) {
	position: relative;
	line-height: 1.5;
	font-weight: bold;
	color: #d4e7ff;
}
#home-slider .slide a:not(.button)::before {
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	right: 0;
	border-bottom: 2px dotted #d4e7ff;
	-webkit-transition: border-color 0.15s ease;
	     -o-transition: border-color 0.15s ease;
	        transition: border-color 0.15s ease;
	content: "";
}
#home-slider .slide a:not(.button):hover {
	color: #fff;
}
#home-slider .slide a:not(.button):hover::before {
	border-bottom-color: #fff;
}
#home-slider .slide a.text-secondary-color:not(.button) {
	color: #93c13d !important;
}
#home-slider .slide a.text-secondary-color:not(.button)::before {
	border-bottom-color: #f5f5f5;
}
#home-slider .slide a.text-secondary-color:not(.button):hover {
	color: #fff !important;
}
#home-slider .slide a.text-secondary-color:not(.button):hover::before {
	border-bottom-color: #fff;
}

/* Slide overlay and horizontal centering
--------------------------------------------------- */

/* Possible color and opacity values for each slide's overlay
   NOTE: It is also used for the hero image on other pages (see "Hero Image & Page Title" section)
*/
#main [id*="hero"] .slide[data-overlay-bg-color="royal-blue"]::after { background-color: #2e3c4d; /* hsb(213, 40, 30) */ }
#main [id*="hero"] .slide[data-overlay-bg-color="blue"]::after { background-color: #2e364d; /* hsb(224, 40, 30) */ }
#main [id*="hero"] .slide[data-overlay-bg-color="sky-blue"]::after { background-color: #2e404d; /* hsb(204, 40, 30) */ }
#main [id*="hero"] .slide[data-overlay-bg-color="sea-green"]::after { background-color: #284240; /* hsb(175, 40, 26) */ }
#main [id*="hero"] .slide[data-overlay-bg-color="red"]::after { background-color: #4d2e2e; /* hsb(0, 40, 30) */ }

#main [id*="hero"] .slide[data-overlay-opacity="0.1"]::after { opacity: 0.1; }
#main [id*="hero"] .slide[data-overlay-opacity="0.2"]::after { opacity: 0.2; }
#main [id*="hero"] .slide[data-overlay-opacity="0.3"]::after { opacity: 0.3; }
#main [id*="hero"] .slide[data-overlay-opacity="0.4"]::after { opacity: 0.4; }
#main [id*="hero"] .slide[data-overlay-opacity="0.5"]::after { opacity: 0.5; }
#main [id*="hero"] .slide[data-overlay-opacity="0.6"]::after { opacity: 0.6; }
#main [id*="hero"] .slide[data-overlay-opacity="0.7"]::after { opacity: 0.7; }
#main [id*="hero"] .slide[data-overlay-opacity="0.8"]::after { opacity: 0.8; }
#main [id*="hero"] .slide[data-overlay-opacity="0.9"]::after { opacity: 0.9; }

/* horizontal centering */
#main [id*="hero"] .slide[data-x-centered="true"] .page-title-wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* Controls
--------------------------------------------------- */

/* Pager */
#home-slider .cycle-pager {
	position: absolute;
	left: 0;
	bottom: 85px;
	width: 100%;
	overflow: hidden;
	z-index: 500;
}
#home-slider .cycle-pager .container {
	text-align: right;
}
#home-slider .cycle-pager span {
    display: inline-block;
	width: 40px;
	height: 4px;
	font-size: 0;
	line-height: 0;
	margin: 7px;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-transition: background-color 0.15s ease;
	     -o-transition: background-color 0.15s ease;
	        transition: background-color 0.15s ease;
	cursor: pointer;
}
#home-slider .cycle-pager span.cycle-pager-active {
	background-color: #93c13d;
}
#home-slider .cycle-pager span:not(.cycle-pager-active):hover {
	background-color: #fff;
}

/* Direction */
#home-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: 510;
}
#home-slider[data-cycle-next*="cycle-direction"] .cycle-direction {
	display: block;
}
#home-slider:hover .cycle-direction,
.touch-screen #home-slider .cycle-direction {
	opacity: 1;
}
#home-slider .cycle-prev,
#home-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;
}
#home-slider .cycle-prev:hover,
#home-slider .cycle-next:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#home-slider .cycle-prev {
	
}
#home-slider .cycle-next {
	margin-top: 1px;
}
#home-slider .cycle-direction .ion { /* vector icons - Ionicons */
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	color: #eee;
	margin-top: -10px;
	margin-left: -5px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1920px) {
	#home-hero {
		margin-bottom: -100px;
	}
	#home-slider .slide {
		background-size: 1920px auto;
	}
	#home-hero,
	#home-slider .slide {
		height: 900px; /* fallback: 900px = 1920/2 - 60px */
	}
	#home-slider .page-title {
		padding-bottom: 190px; /* 190px = 100px + 90px */
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 74px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 66px;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 36px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 30px;
	}
	#home-slider .page-title h1 + p,
	#home-slider .page-title h2 + p,
	#home-slider .page-title h3 + p {
		margin-top: 12px;
	}
	
	#home-slider .cycle-pager {
		bottom: 115px;
	}
}
@media (min-width: 1520px) and (max-width: 1919px) {
	#home-hero {
		margin-bottom: -90px;
	}
	#home-hero,
	#home-slider .slide {
		height: 720px; /* fallback: 720px = 1520/2 - 40px */
		height: calc(100vw / 2 - 40px);
	}
	#home-slider .page-title {
		padding-bottom: 170px; /* 170px = 90px + 80px */
	}
	
	#home-slider .cycle-pager {
		bottom: 105px;
	}
}
@media (min-width: 1200px) {
	#home-slider .page-title .lead-text-large,
	#home-slider .page-title .lead-text-medium {
		line-height: inherit;
	}
}
@media (max-width: 1199px) {
	#home-slider .slide {
		background-position: center;
		background-size: cover;
		background-attachment: scroll;
	}
	#home-slider .slide .button:not(.button-medium) {
		font-size: 18px;
		padding-right: 40px;
	}
	#home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
		right: 10px;
		border-left-width: 15px;
		border-top-width: 7px;
		border-bottom-width: 7px;
	}
	#home-slider .slide .button.play-icon {
		padding-left: 51px;
	}
	#home-slider .slide .button.play-icon::before {
		width: 40px;
		height: 40px;
	}
	#home-slider .slide .button.play-icon::after {
		margin: 12px 0 0 16px;
		border-left-width: 12px;
		border-top-width: 8px;
		border-bottom-width: 8px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#home-hero {
		margin-bottom: -70px;
	}
	#home-hero,
	#home-slider .slide {
		height: 550px; /* fallback */
		height: calc(100vw / 1.8);
	}
	#home-slider .page-title {
		padding-bottom: 120px; /* 130px = 70px + 50px */
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 60px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 52px;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 28px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 23px;
	}
	
	#home-slider .cycle-pager {
		bottom: 80px;
	}
	#home-slider .cycle-pager span {
		width: 35px;
		height: 3px;
		margin: 5px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#home-hero {
		margin-bottom: -70px;
	}
	#home-hero,
	#home-slider .slide {
		height: 500px; /* fallback */
		height: calc(100vw / 1.5);
	}
	#home-slider .page-title {
		padding-bottom: 105px; /* 105px = 70px + 35px */
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 58px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 50px;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 26px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 21px;
	}
	
	#home-slider .cycle-pager {
		bottom: 76px;
	}
	#home-slider .cycle-pager span {
		width: 35px;
		height: 3px;
		margin: 5px;
	}
}
@media (max-width: 767px) {
	#home-slider .slide .button:not(.button-medium) {
		font-size: 15px;
		padding-right: 40px;
	}
	#home-slider .slide .button:not(.button-medium):not(.play-icon)::after {
		right: 10px;
		border-left-width: 15px;
		border-top-width: 7px;
		border-bottom-width: 7px;
	}
	#home-slider .slide .button.play-icon {
		padding-left: 45px;
	}
	#home-slider .slide .button.play-icon::before {
		width: 34px;
		height: 34px;
	}
	#home-slider .slide .button.play-icon::after {
		margin: 11px 0 0 14px;
		border-left-width: 9px;
		border-top-width: 6px;
		border-bottom-width: 6px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	#home-hero {
		margin-bottom: -70px;
	}
	#home-hero,
	#home-slider .slide {
		height: 320px; /* fallback */
		height: calc(100vw / 1.5);
	}
	#home-slider .page-title {
		padding-bottom: 100px; /* 100px = 70px + 30px */
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 48px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 40px;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 24px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 20px;
	}
	#home-slider .page-title p[class*="lead-text-"] {
		margin-bottom: 15px;
	}
	#home-slider .page-title h1 + p,
	#home-slider .page-title h2 + p,
	#home-slider .page-title h3 + p {
		margin-top: 5px;
	}
	
	#home-slider .cycle-pager {
		bottom: 80px;
	}
	#home-slider .cycle-pager span {
		width: 30px;
		height: 2px;
		margin: 5px;
	}
}
@media (min-width: 480px) and (max-width: 570px) {
	#home-hero {
		margin-bottom: -40px;
	}
	#home-slider .page-title {
		padding-bottom: 70px; /* 70px = 40px + 30px */
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 45px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 37px;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 22px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 18px;
	}
	#home-slider .page-title p[class*="lead-text-"] {
		margin-bottom: 10px;
	}
	#home-slider .page-title h1 + p,
	#home-slider .page-title h2 + p,
	#home-slider .page-title h3 + p {
		margin-top: 0;
	}
	
	#home-slider .cycle-pager {
		bottom: 50px;
	}
}
@media (max-width: 479px) {
	#home-hero {
		margin-bottom: 0;
	}
	#home-hero,
	#home-slider .slide {
		height: 430px;
	}
	#home-slider .page-title {
		padding-bottom: 40px;
	}
	#home-slider h1,
	#home-slider h2,
	#home-slider .h1-slogan,
	#home-slider .h2-slogan {
		font-size: 42px;
	}
	#home-slider h3,
	#home-slider .h3-slogan {
		font-size: 34px;
	}
	#home-slider h1 br,
	#home-slider h2 br,
	#home-slider h3 br,
	#home-slider .h1-slogan br,
	#home-slider .h2-slogan br,
	#home-slider .h3-slogan br {
		display: none;
	}
	#home-slider .page-title .lead-text-large {
		font-size: 22px;
	}
	#home-slider .page-title .lead-text-medium {
		font-size: 18px;
	}
	#home-slider .page-title p[class*="lead-text-"] {
		margin-bottom: 15px;
	}
	#home-slider .page-title p[class*="lead-text-"] br {
		display: none;
	}
	#home-slider .page-title h1 + p,
	#home-slider .page-title h2 + p,
	#home-slider .page-title h3 + p {
		margin-top: 5px;
	}
	
	#home-slider .cycle-pager {
		bottom: 10px;
	}
	#home-slider .cycle-pager span {
		width: 30px;
		height: 2px;
		margin: 5px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	4. Hero Image & Page Title
/*-----------------------------------------------------------------------------------*/

#hero-image {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -75px;
	overflow: hidden;
}

/* Image/gradient background in the page header */
#hero-image,
#hero-image .slide {
	height: 480px; /* fallback: 480px = 1200/2.5, for 1199-1519px */
	height: calc(100vw / 2.5 - 20px);
}
#hero-image .slide {
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#hero-image.image-bg .slide::after,
#hero-image.gradient-bg::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
#hero-image.image-bg .slide::after {
	background-color: #2e3c4d; /* hsb(213, 40, 30) - default */
	opacity: 0.5;
}
#hero-image.gradient-bg .slide {
	background-image: url(../images/backgrounds/primary-color/royal-blue/stripe-default-bg-pattern.svg);
	background-size: 671px 825px;
	background-position: 65% -130px;
	background-repeat: no-repeat;
}
#hero-image.gradient-bg::before {
	background-color: #21354d;
}


/* Images
--------------------------------------------------- */

/* NOTE: All hero images for pages should be set in custom.css */


#hero-image .container,
#hero-image .row {
	height: 100%;
}
#hero-image .columns {
	height: 100%;
}

/* Page Title
--------------------------------------------------- */
#hero-image .page-title-wrapper {
	position: relative;
	display: table;
	height: 100%;
	z-index: 2;
}
#hero-image .page-title {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 145px; /* 145px = 75px + 70px */
}
#hero-image h1 {
	color: #fff;
	margin-bottom: 0;
}
#hero-image .page-title p {
	color: #ccc;
}
#hero-image .page-title p:first-child,
#hero-image .page-title p:last-child {
	margin-bottom: 0;
}
#hero-image .page-title .lead-text-large {
	font-size: 22px;
}
#hero-image.image-bg .page-title p[class*="lead-text-"] {
	display: inline-block;
	padding: 0 7px;
	background-color: rgba(0, 0, 0, 0.15);
	margin-left: -4px;
}
#hero-image .page-title h1 + p {
	margin-top: 10px;
}
#hero-image.gradient-bg .page-title h1 {
	color: #d4e7ff;
}
#hero-image.gradient-bg .page-title p {
	color: #b6c7db;
}

/* Post meta */
#hero-image .page-title .post-meta {
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	margin-top: 15px;
}
#hero-image.image-bg .page-title .post-meta {
	padding: 2px 7px;
	background-color: rgba(0, 0, 0, 0.15);
	margin-left: -4px;
}
#hero-image .page-title .post-date {
	color: #b6c7db;
}
#hero-image .page-title .post-category a {
	color: #93c13d;
	font-weight: inherit;
	text-transform: uppercase;
}
#hero-image .page-title .post-category a:first-child {
	margin-left: 10px;
}
#hero-image .page-title .post-category:first-child a {
	margin-left: 0;
}
#hero-image .page-title .post-category a:hover {
	text-decoration: underline;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1920px) {
	#hero-image {
		margin-bottom: -100px;
	}
	#hero-image.image-bg .slide {
		background-size: 1920px auto;
	}
	#hero-image.image-bg,
	#hero-image.image-bg .slide {
		height: 730px; /* fallback: 730px = 1920/2.5 - 38px */
	}
	#hero-image.gradient-bg,
	#hero-image.gradient-bg .slide {
		height: 560px;
	}
	#hero-image.gradient-bg .slide {
		background-size: 805px 990px; /* x1.2 */
		background-position: 65% -190px;
	}
	#hero-image .page-title {
		padding-bottom: 190px; /* 190px = 100px + 90px */
	}
}
@media (min-width: 1520px) and (max-width: 1919px) {
	#hero-image {
		margin-bottom: -90px;
	}
	#hero-image.image-bg,
	#hero-image.image-bg .slide {
		height: 588px; /* fallback: 588px = 1520/2.5 - 20px */
		height: calc(100vw / 2.5 - 40px);
	}
	#hero-image.gradient-bg,
	#hero-image.gradient-bg .slide {
		height: 560px;
	}
	#hero-image.gradient-bg .slide {
		background-size: 805px 990px; /* x1.2 */
		background-position: 65% -190px;
	}
	#hero-image .page-title {
		padding-bottom: 170px; /* 170px = 90px + 80px */
	}
}
@media (min-width: 1200px) {
	#hero-image .page-title .lead-text-large {
		font-weight: bold;
		line-height: inherit;
	}
}
@media (max-width: 1199px) {
	#hero-image .slide {
		background-attachment: scroll;
	}
	#hero-image.image-bg .slide {
		background-position: center;
		background-size: cover;
	}
	#hero-image .page-title .lead-text-large {
		font-weight: 600;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#hero-image {
		margin-bottom: -70px;
	}
	#hero-image,
	#hero-image .slide {
		height: 420px; /* fallback */
		height: calc(100vw / 2.3);
	}
	#hero-image.gradient-bg .slide {
		background-position: right -150px;
	}
	#hero-image .page-title {
		padding-bottom: 130px; /* 130px = 70px + 60px */
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#hero-image {
		margin-bottom: -70px;
	}
	#hero-image,
	#hero-image .slide {
		height: 400px; /* fallback */
		height: calc(100vw / 1.8);
	}
	#hero-image.gradient-bg .slide {
		background-size: 537px 660px; /* x0.8 */
		background-position: 120% -130px;
	}
	#hero-image .page-title {
		padding-bottom: 120px; /* 120px = 70px + 50px */
	}
	#hero-image .page-title .lead-text-large {
		font-size: 20px;
	}
	#hero-image .page-title .post-meta {
		font-size: 16px;
		margin-top: 12px;
	}
}
@media (max-width: 767px) {
	
}
@media (min-width: 480px) and (max-width: 767px) {
	#hero-image {
		margin-bottom: -70px;
	}
	#hero-image,
	#hero-image .slide {
		height: 270px; /* fallback */
		height: calc(100vw / 1.75);
	}
	#hero-image.gradient-bg .slide {
		background-size: 537px 660px; /* x0.8 */
		background-position: 150% -160px;
	}
	#hero-image .page-title {
		padding-bottom: 110px; /* 110px = 70px + 40px */
	}
	#hero-image .page-title .lead-text-large {
		font-size: 18px;
	}
	#hero-image .page-title .post-meta {
		font-size: 16px;
		margin-top: 12px;
	}
}
@media (min-width: 480px) and (max-width: 570px) {
	#hero-image .page-title {
		padding-bottom: 100px; /* 100px = 70px + 30px */
	}
	#hero-image .page-title .lead-text-large {
		font-size: 17px;
	}
}
@media (max-width: 479px) {
	#hero-image {
		margin-bottom: 0;
	}
	#hero-image,
	#hero-image .slide {
		height: 340px;
	}
	#hero-image .page-title {
		padding-bottom: 40px;
	}
	#hero-image .page-title .lead-text-large {
		font-size: 17px;
	}
	#hero-image .page-title .post-meta {
		font-size: 15px;
		margin-top: 10px;
	}
	#hero-image .page-title .post-date,
	#hero-image .page-title .post-category {
		display: block;
	}
	#hero-image .page-title .post-category a:first-child {
		margin-left: 0;
	}
}


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

.stripe {
	position: relative;
	margin: 60px 0;
	padding: 100px 0;
}
.stripe-bottom {
	margin-bottom: 0;
}
#page-content.sidebar-layout .stripe-bottom {
	margin-top: 0;
}

.stripe-narrow {
	padding: 70px 0;
}
.stripe + .stripe {
	margin-top: -60px;
}
#page-content > .stripe:first-child {
	margin-top: 0;
}
#page-content > .stripe-transparent-bg:first-child {
	background-color: #f5f6f7;
}

/* Stripes:
   - all,
   - first after the hero image / home slider
   - left-aligned, right-aligned, box (centered) */
@media (min-width: 1520px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 100px;
	}
	.stripe-left > .stripe-upper-bg {
		margin-right: calc(50% - 645px); /* 645px = 1290px/2 */
	}
	.stripe-left > .container > .row {
		margin-right: 75px;
	}
	.stripe-right > .stripe-upper-bg {
		margin-left: calc(50% - 645px); /* 645px = 1290px/2 */
	}
	.stripe-right > .container > .row {
		margin-left: 75px;
	}
	.stripe-box > .stripe-upper-bg {
		margin-left: calc(50% - 645px); /* 645px = 1290px/2 */
		margin-right: calc(50% - 645px); /* 645px = 1290px/2 */
	}
	.stripe-box > .container > .row {
		margin-left: 75px;
		margin-right: 75px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 90px;
	}
	.stripe-left > .stripe-upper-bg {
		margin-right: calc(50% - 570px); /* 570px = 1140px/2 */
	}
	.stripe-left > .container > .row {
		margin-right: 75px;
	}
	.stripe-right > .stripe-upper-bg {
		margin-left: calc(50% - 570px); /* 570px = 1140px/2 */
	}
	.stripe-right > .container > .row {
		margin-left: 75px;
	}
	.stripe-box > .stripe-upper-bg {
		margin-left: calc(50% - 570px); /* 570px = 1140px/2 */
		margin-right: calc(50% - 570px); /* 570px = 1140px/2 */
	}
	.stripe-box > .container > .row {
		margin-left: 75px;
		margin-right: 75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 75px;
	}
	.stripe {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.stripe-narrow {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.stripe-left > .stripe-upper-bg {
		margin-right: calc(50% - 470px); /* 470px = 940px/2 */
	}
	.stripe-left > .container > .row {
		margin-right: 60px;
	}
	.stripe-right > .stripe-upper-bg {
		margin-left: calc(50% - 470px); /* 470px = 940px/2 */
	}
	.stripe-right > .container > .row {
		margin-left: 60px;
	}
	.stripe-box > .stripe-upper-bg {
		margin-left: calc(50% - 470px); /* 470px = 940px/2 */
		margin-right: calc(50% - 470px); /* 470px = 940px/2 */
	}
	.stripe-box > .container > .row {
		margin-left: 60px;
		margin-right: 60px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 75px;
	}
	.stripe {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.stripe-narrow {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.stripe-left > .stripe-upper-bg {
		margin-right: calc(50% - 360px); /* 360px = 720px/2 */
	}
	.stripe-left > .container > .row {
		margin-right: 30px;
	}
	.stripe-right > .stripe-upper-bg {
		margin-left: calc(50% - 360px); /* 360px = 720px/2 */
	}
	.stripe-right > .container > .row {
		margin-left: 30px;
	}
	.stripe-box > .stripe-upper-bg {
		margin-left: calc(50% - 360px); /* 360px = 720px/2 */
		margin-right: calc(50% - 360px); /* 360px = 720px/2 */
	}
	.stripe-box > .container > .row {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 767px) {
	
}
@media (min-width: 480px) and (max-width: 767px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 75px;
	}
	.stripe {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.stripe-narrow {
		padding-top: 55px;
		padding-bottom: 55px;
	}
	.stripe-left > .stripe-upper-bg {
		margin-right: 15px;
	}
	.stripe-left > .container > .row {
		margin-right: 30px;
	}
	.stripe-right > .stripe-upper-bg {
		margin-left: 15px;
	}
	.stripe-right > .container > .row {
		margin-left: 30px;
	}
	.stripe-box > .stripe-upper-bg {
		margin-left: 15px;
		margin-right: 15px;
	}
	.stripe-box > .container > .row {
		margin-left: 30px;
		margin-right: 30px;
	}
}
@media (max-width: 479px) {
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe:first-child,
	#main [id*="hero"] + #page-content.fullwidth-layout > .stripe-narrow:first-child {
		padding-top: 60px;
	}
	.stripe {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.stripe-narrow {
		padding-top: 45px;
		padding-bottom: 45px;
	}
}

/* Margin BETWEEN left-aligned, right-aligned, or box (centered) stripe AND not transparent stripe */
@media (min-width: 1200px) {
	.stripe-left + .stripe:not(.stripe-transparent-bg),
	.stripe-right + .stripe:not(.stripe-transparent-bg),
	.stripe-box + .stripe:not(.stripe-transparent-bg),
	.stripe:not(.stripe-transparent-bg) + .stripe-left,
	.stripe:not(.stripe-transparent-bg) + .stripe-right,
	.stripe:not(.stripe-transparent-bg) + .stripe-box {
		margin-top: 120px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.stripe-left + .stripe:not(.stripe-transparent-bg),
	.stripe-right + .stripe:not(.stripe-transparent-bg),
	.stripe-box + .stripe:not(.stripe-transparent-bg),
	.stripe:not(.stripe-transparent-bg) + .stripe-left,
	.stripe:not(.stripe-transparent-bg) + .stripe-right,
	.stripe:not(.stripe-transparent-bg) + .stripe-box {
		margin-top: 90px;
	}
}
@media (max-width: 767px) {
	.stripe-left + .stripe:not(.stripe-transparent-bg),
	.stripe-right + .stripe:not(.stripe-transparent-bg),
	.stripe-box + .stripe:not(.stripe-transparent-bg),
	.stripe:not(.stripe-transparent-bg) + .stripe-left,
	.stripe:not(.stripe-transparent-bg) + .stripe-right,
	.stripe:not(.stripe-transparent-bg) + .stripe-box {
		margin-top: 75px;
	}
}

/* Padding (top/bottom) for transparent or full-width white stripe */
@media (min-width: 1200px) {
	.stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom),
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth:not(.stripe-bottom) {
		padding-top: 0;
	}
	.stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg {
		padding-top: 115px;
		padding-bottom: 115px;
	}
	.stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow:not(.stripe-bottom),
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow:not(.stripe-bottom) {
		padding-top: 0;
	}
	.stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg.stripe-narrow {
		padding-top: 85px;
		padding-bottom: 85px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom),
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth {
		padding-top: 0;
	}
	.stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg {
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow,
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow {
		padding-top: 0;
	}
	.stripe:not(.stripe-transparent-bg) + .stripe-transparent-bg.stripe-narrow {
		padding-top: 65px;
		padding-bottom: 65px;
	}
}
@media (max-width: 767px) {
	.stripe-transparent-bg + .stripe-transparent-bg:not(.stripe-bottom),
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth {
		padding-top: 0;
	}
	.stripe-transparent-bg + .stripe-transparent-bg.stripe-narrow,
	.stripe-white-bg.stripe-fullwidth + .stripe-white-bg.stripe-fullwidth.stripe-narrow {
		padding-top: 0;
	}
}

/* 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;
}


/* Slogan text in the bottom stripe */
.stripe-bottom.dark-colored-bg .lead-text-large {
	line-height: 1.5;
}
.stripe-bottom > .container > .row > .columns .lead-text-medium {
	font-family: inherit;
}
.stripe-bottom > .container > .row > .columns .h1-slogan + .lead-text-medium,
.stripe-bottom > .container > .row > .columns .h2-slogan + .lead-text-medium,
.stripe-bottom > .container > .row > .columns .h3-slogan + .lead-text-medium {
	font-weight: 300;
}
.stripe-bottom > .container > .row > .columns .lead-text-large + p.text-center,
.stripe-bottom > .container > .row > .columns .lead-text-medium + p.text-center {
	margin-top: 35px;
}

.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;
	top: 0;
	left: 0;
	right: 0;
	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
   - primary color
   - primary color light
   - primary color dark
   - secondary color
--------------------------------------------------- */
.stripe-light-grey-bg > .stripe-upper-bg {
	background-color: #eaeaea;
}
.stripe-white-bg > .stripe-upper-bg {
	background-color: #fff;
}
.stripe-primary-color-bg > .stripe-upper-bg {
	background-color: #184173;
}
.stripe-primary-color-light-bg > .stripe-upper-bg {
	background-color: #e1e9f2;
}
.stripe-primary-color-dark-bg > .stripe-upper-bg {
	background-color: #21354d;
}
.stripe-secondary-color-bg > .stripe-upper-bg {
	background-color: rgba(247, 133, 52, 0.65); /* #1b9ad0 */
}

/* Page layout with right-aligned sidebar:
   light grey backgrounds - gradient or solid
--------------------------------------------------- */
#main-content.page-left-col .stripe-light-grey-bg > .stripe-upper-bg {
	background-color: #f5f6f7;
}
@media (min-width: 992px) {
	#main-content.page-left-col .stripe-light-grey-gradient-bg {
		background-color: #f5f6f7;
		background: -webkit-linear-gradient(right, rgba(245, 246, 247, 0), #f5f6f7 400px);
		background: -o-linear-gradient(right, rgba(245, 246, 247, 0), #f5f6f7 400px);
		background: linear-gradient(to left, rgba(245, 246, 247, 0), #f5f6f7 400px); /* #f5f6f7 */
		padding: 75px 0 75px 595px;
		margin: 50px 0 65px -595px;
	}
	#main-content.page-left-col .stripe-light-grey-bg {
		padding: 75px 50px 75px 595px;
		margin: 50px 0 65px -595px;
		border: 1px solid #eee;
		border-left: none;
	}
}
@media (max-width: 991px) {
	#main-content.page-left-col .stripe-light-grey-gradient-bg,
	#main-content.page-left-col .stripe-light-grey-bg {
		background-color: #f5f6f7;
		padding: 60px 136px;
		margin: 50px -136px 65px;
	}
}

/* Default background pattern, custom background image
--------------------------------------------------- */

/* Default background pattern */
.stripe-default-bg-pattern > .stripe-upper-bg {
	background-image: url(../images/backgrounds/primary-color/royal-blue/stripe-default-bg-pattern.svg);
	background-size: 671px 825px;
	background-repeat: no-repeat;
}

/* Custom background image */
.stripe-custom-bg-image > .stripe-upper-bg {
	background-size: auto;
}
.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-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
	background-attachment: fixed;
	background-position: center top;
}
.touch-screen .stripe-custom-bg-image.stripe-bg-fixed > .stripe-upper-bg {
	background-attachment: scroll;
	background-position: center;
}

@media (min-width: 1920px) {
	.stripe-default-bg-pattern > .stripe-upper-bg {
		background-size: 939px 1155px; /* x1.4 */
	}
}
@media (min-width: 1520px) and (max-width: 1919px) {
	.stripe-default-bg-pattern > .stripe-upper-bg {
		background-size: 805px 990px; /* x1.2 */
	}
}

/* Upper background layer:
   - transparent (primary color)
--------------------------------------------------- */
.stripe-upper-bg-transparent > .stripe-upper-bg::before {
	top: 0;
	height: 100%;
	background-color: #21354d;
	opacity: 0.85;
}
[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;
}

/* Geometric background at the left/right side of stripe
   Arrow background at bottom right of stripe
--------------------------------------------------- */
.stripe-geometric-bg-left > .stripe-upper-bg {
	background-image: url(../images/backgrounds/primary-color/royal-blue/geometric-bg-left.png);
	background-repeat: no-repeat;
	background-position: left calc(50vw - 585px - 50px) top 50px; /* 585px = 1170px/2 */
}
.stripe-geometric-bg-right > .stripe-upper-bg {
	background-image: url(../images/backgrounds/primary-color/royal-blue/geometric-bg-right.png);
	background-repeat: no-repeat;
	background-position: right calc(50vw - 585px - 50px) top 50px; /* 585px = 1170px/2 */
}
.stripe-arrows-bg > .stripe-upper-bg {
	background-image: url(../images/backgrounds/primary-color/royal-blue/arrows-up-bg.png);
	background-repeat: no-repeat;
	background-position: right calc(50vw - 585px - 100px) bottom 40px; /* 585px = 1170px/2 */
}

@media (min-width: 1520px) {
	.stripe-geometric-bg-left > .stripe-upper-bg {
		background-position: left calc(50vw - 660px - 50px) top 50px; /* 660px = 1320px/2 */
	}
	.stripe-geometric-bg-right > .stripe-upper-bg {
		background-position: right calc(50vw - 660px - 50px) top 50px; /* 660px = 1320px/2 */
	}
	.stripe-arrows-bg > .stripe-upper-bg {
		background-position: right calc(50vw - 660px - 100px) bottom 40px; /* 660px = 1320px/2 */
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-geometric-bg-left > .stripe-upper-bg {
		background-position: left calc(50vw - 485px - 90px) top 130px; /* 485px = 970px/2 */
	}
	.stripe-geometric-bg-right > .stripe-upper-bg {
		background-position: right calc(50vw - 485px - 90px) top 130px; /* 485px = 970px/2 */
	}
	.stripe-arrows-bg > .stripe-upper-bg {
		background-position: right calc(50vw - 485px - 70px) bottom 40px; /* 485px = 970px/2 */
	}
}
@media (max-width: 991px) {
	.stripe-arrows-bg > .stripe-upper-bg {
		background-image: none !important;
		background-position: 0 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.stripe-geometric-bg-left > .stripe-upper-bg {
		background-position: left calc(50vw - 375px - 180px) top 100px; /* 375px = 750px/2 */
	}
	.stripe-geometric-bg-right > .stripe-upper-bg {
		background-position: right calc(50vw - 375px - 180px) top 100px; /* 375px = 750px/2 */
	}
}
@media (max-width: 767px) {
	.stripe-geometric-bg-left > .stripe-upper-bg {
		background-position: left top -260px;
	}
	.stripe-geometric-bg-right > .stripe-upper-bg {
		background-position: right top -260px;
	}
}

/* Full-width image in stripe's left column
--------------------------------------------------- */
@media (min-width: 992px) {
	.stripe-left-col-fullwidth-image,
	.stripe-left-col-fullwidth-image.stripe-narrow {
		padding-top: 0;
		padding-bottom: 0;
	}
	.stripe-left-col-fullwidth-image .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.stripe-left-col-fullwidth-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;
	}
	.stripe-left-col-fullwidth-image figure {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 15px;
		margin-left: calc(100% - 50vw);
	}
	.stripe-left-col-fullwidth-image figure img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media (min-width: 1920px) {
	.stripe-left-col-fullwidth-image .row {
		min-height: 580px; /* 580px = 960px / 1.33 - 140px */
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child > * {
		padding-left: 50px;
	}
}
@media (min-width: 1520px) and (max-width: 1919px) {
	.stripe-left-col-fullwidth-image .row {
		min-height: 540px; /* 540px = 840px / 1.33 - 90px */
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child > * {
		padding-left: 40px;
	}
}
@media (min-width: 1360px) and (max-width: 1519px) {
	.stripe-left-col-fullwidth-image .row {
		min-height: 510px; /* 510px = 680px / 1.33 */
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child > * {
		padding-left: 30px;
	}
}
@media (min-width: 1200px) and (max-width: 1359px) {
	.stripe-left-col-fullwidth-image .row {
		min-height: 480px; /* 480px = 640px / 1.33 */
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child > * {
		padding-left: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-left-col-fullwidth-image .row {
		min-height: 384px; /* 384px = 512px / 1.33 */
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child > * {
		padding-left: 20px;
	}
}
@media (max-width: 991px) {
	.stripe-left-col-fullwidth-image,
	.stripe-left-col-fullwidth-image.stripe-narrow {
		padding-top: 0;
		padding-bottom: 90px;
	}
	.stripe-left-col-fullwidth-image .columns:first-child {
		width: auto;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding: 0;
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 75px !important;
	}
}
@media (max-width: 767px) {
	.stripe-left-col-fullwidth-image,
	.stripe-left-col-fullwidth-image.stripe-narrow {
		padding-bottom: 70px;
	}
	.stripe-left-col-fullwidth-image .columns:last-child {
		padding-top: 60px !important;
	}
}

/* Colored background in the right column of left-aligned stripe
--------------------------------------------------- */

/* NOTE: The CSS classes for the column's background color should be set in custom.css */

.stripe-left.stripe-right-col-colored > .container > .row {
	margin-top: -100px;
	padding-top: 100px;
	margin-right: 0;
	margin-bottom: -100px;
	padding-bottom: 100px;
	overflow: hidden;
}
.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2000px;
	content: "";
	margin: -100px 0 0 0;
}
.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
	padding-right: 60px;
}
.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child > * {
	position: relative;
}
@media (min-width: 992px) {
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
		padding-left: 45px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-left.stripe-right-col-colored > .container > .row {
		margin-top: -75px;
		padding-top: 75px;
		margin-bottom: -75px;
		padding-bottom: 75px;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
		margin-top: -75px;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
		padding-right: 50px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.stripe-left.stripe-right-col-colored > .container > .row {
		margin-left: -140px; /* fallback: -140px = 355px - 990px/2 */
		margin-left: calc(355px - 50vw);
		margin-top: 0;
		padding-top: 0;
		margin-bottom: -75px;
		padding-bottom: 0;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns {
		float: none;
		width: 100%;
		padding-left: 140px; /* fallback: 140px = 990px/2 - 355px */
		padding-left: calc(50vw - 355px);
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
		margin-top: 75px;
		padding-top: 75px;
		padding-bottom: 75px;
		padding-right: 15px;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
		margin: 0;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.stripe-left.stripe-right-col-colored > .container > .row {
		margin-top: 0;
		padding-top: 0;
		margin-bottom: -75px;
		padding-bottom: 0;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
		margin-top: 75px;
		padding-top: 75px;
		padding-bottom: 75px;
		padding-right: 15px;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
		margin: 0;
	}
}
@media (max-width: 479px) {
	.stripe-left.stripe-right-col-colored > .container > .row {
		margin-top: 0;
		padding-top: 0;
		margin-right: -15px;
		margin-bottom: -60px;
		padding-bottom: 0;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child {
		margin-top: 60px;
		padding-top: 60px;
		padding-bottom: 60px;
		padding-right: 15px;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child::before {
		margin: 0;
	}
}

/* Full-width colored background in split columns
--------------------------------------------------- */
@media (min-width: 992px) {
	.stripe-fullwidth-split-cols.stripe-primary-color-dark-bg .row {
		background: -webkit-linear-gradient(right, transparent 50%, #ccc 50%, #ccc calc( 50% + 2px), rgba(31, 84, 148, 0.4) calc( 50% + 2px));
		background: -o-linear-gradient(right, transparent 50%, #ccc 50%, #ccc calc( 50% + 2px), rgba(31, 84, 148, 0.4) calc( 50% + 2px));
		background: linear-gradient(to left, transparent 50%, #ccc 50%, #ccc calc( 50% + 2px), rgba(31, 84, 148, 0.4) calc( 50% + 2px)); /* #1f5494 */
	}
	.stripe-fullwidth-split-cols.stripe-secondary-color-bg .row {
		background: -webkit-linear-gradient(left, transparent 50%, #eee 50%, #eee calc( 50% + 2px), rgba(0, 0, 0, 0.07) calc( 50% + 2px));
		background: -o-linear-gradient(left, transparent 50%, #eee 50%, #eee calc( 50% + 2px), rgba(0, 0, 0, 0.07) calc( 50% + 2px));
		background: linear-gradient(to right, transparent 50%, #eee 50%, #eee calc( 50% + 2px), rgba(0, 0, 0, 0.07) calc( 50% + 2px));
	}
	.stripe-fullwidth-split-cols .row {
		margin: -100px calc(50% - 50vw);
		padding: 100px calc(50vw - 50% - 15px);
	}
	.stripe-fullwidth-split-cols.stripe-narrow .row {
		margin-top: -70px;
		margin-bottom: -70px;
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-fullwidth-split-cols .row {
		margin: -75px calc(50% - 50vw);
		padding: 75px calc(50vw - 50% - 15px);
	}
	.stripe-fullwidth-split-cols.stripe-narrow .row {
		margin-top: -55px;
		margin-bottom: -55px;
		padding-top: 55px;
		padding-bottom: 55px;
	}
}
@media (max-width: 991px) {
	.stripe-fullwidth-split-cols {
		padding: 0 !important;
	}
	.stripe-fullwidth-split-cols .columns {
		width: auto;
		margin: 0; /* fallback */
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		padding: 75px 15px; /* fallback */
		padding: 75px calc(50vw - 50% + 15px);
		padding-top: 75px !important;
	}
	.stripe-fullwidth-split-cols.stripe-narrow .columns {
		padding-top: 55px !important;
		padding-bottom: 55px;
	}
	.stripe-fullwidth-split-cols.stripe-primary-color-dark-bg .columns:first-child {
		background-color: rgba(31, 84, 148, 0.4); /* #1f5494 */
		border-bottom: 2px dashed #ccc;
	}
	.stripe-fullwidth-split-cols.stripe-secondary-color-bg .columns:last-child {
		background-color: rgba(0, 0, 0, 0.07);
		border-top: 2px dashed #eee;
	}
}
@media (max-width: 479px) {
	.stripe-fullwidth-split-cols .columns {
		padding-top: 60px !important;
		padding-bottom: 60px;
	}
	.stripe-fullwidth-split-cols.stripe-narrow .columns {
		padding-top: 45px !important;
		padding-bottom: 45px;
	}
}


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

.picture-boxes article {
	position: relative;
	margin-top: 55px;
}
.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 h3 {
	margin-bottom: 0;
}
.picture-boxes article h4 {
	line-height: 1.4;
	margin-bottom: 0;
}
.picture-boxes article h5 {
	margin-bottom: 0;
}
.picture-boxes article h6 {
	margin-bottom: 0;
}
.picture-boxes .box-text .title a {
	padding: 5px 0;
}
.picture-boxes .box-text p {
	font-size: 16px;
	margin: 10px 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 {
	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;
}

/* with shadow */
.picture-boxes.top-picture-box.round-image img.img-shadow {
	-webkit-box-shadow: -7px -6px 0 5px rgba(182, 199, 219, 0.7);
	        box-shadow: -7px -6px 0 5px rgba(182, 199, 219, 0.7); /* #b6c7db */
	-webkit-transition: box-shadow 0.3s ease;
	     -o-transition: box-shadow 0.3s ease;
	        transition: box-shadow 0.3s ease;
}
.picture-boxes.top-picture-box.round-image .box-image a:hover img.img-shadow {
	-webkit-box-shadow: -7px -6px 0 5px #b6c7db;
	        box-shadow: -7px -6px 0 5px #b6c7db;
}

/* for dark colored background */
.dark-colored-bg .picture-boxes.top-picture-box .box-image img {
	border: 2px solid rgba(255, 255, 255, 0.3);
	-webkit-transition: border-color 0.15s ease;
	     -o-transition: border-color 0.15s ease;
			transition: border-color 0.15s ease;
}
.dark-colored-bg .picture-boxes.top-picture-box.round-image .box-image img {
	border-width: 3px;
}
.dark-colored-bg .picture-boxes.top-picture-box .box-image a:hover img {
	border-color: rgba(255, 255, 255, 0.5);
}
.dark-colored-bg .picture-boxes.top-picture-box .box-text .title,
.dark-colored-bg .picture-boxes.top-picture-box .box-text .title a {
	color: #fff;
}
.dark-colored-bg .picture-boxes.top-picture-box .box-text .title a:hover {
	color: #d4e7ff;
}
.dark-colored-bg .picture-boxes.top-picture-box .box-text p {
	color: rgba(255, 255, 255, 0.8);
}

/* for secondary color background */
.stripe-secondary-color-bg .picture-boxes.top-picture-box.round-image .box-image a {
	position: relative;
	display: block;
}
.stripe-secondary-color-bg .picture-boxes.top-picture-box.round-image .box-image a::before {
	position: absolute;
	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.7);
	        box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
	content: "";
}

/* Box with filled background */
.picture-boxes.top-picture-box.box-filled-bg.picture-image {
	margin: -60px -15px 0;
}
.picture-boxes.top-picture-box.box-filled-bg.picture-icon {
	margin: -20px 5px 0;
}
.picture-boxes.top-picture-box.box-filled-bg.picture-image article {
	margin: 60px 15px 0 !important;
	height: calc(100% - 60px); /* for hyperlinked box */
}
.picture-boxes.top-picture-box.box-filled-bg.picture-icon article {
	margin: 20px -5px 0 !important;
	height: calc(100% - 20px); /* for hyperlinked box */
}
.picture-boxes.top-picture-box.box-filled-bg.picture-image .box-wrapper {
	height: 100%;
	padding: 2px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
			box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
	-webkit-transition: box-shadow 0.3s ease;
	     -o-transition: box-shadow 0.3s ease;
			transition: box-shadow 0.3s ease;
}
.picture-boxes.top-picture-box.box-filled-bg.picture-icon .box-wrapper {
	height: 100%;
	padding: 30px 0 0;
	background-color: #fff;
	-webkit-transition: background-color 0.3s ease;
	     -o-transition: background-color 0.3s ease;
			transition: background-color 0.3s ease;
}
.no-touch-screen .picture-boxes.top-picture-box.box-filled-bg.picture-image a:hover .box-wrapper {
	-webkit-box-shadow: 0 0 5px #1b9ad0;
	        box-shadow: 0 0 5px #1b9ad0;
}
.no-touch-screen .picture-boxes.top-picture-box.box-filled-bg.picture-icon a:hover .box-wrapper {
	background-color: rgba(255, 188, 140, 0.4); /* #93c13d */
}
.picture-boxes.top-picture-box.box-filled-bg.picture-icon .box-image {
	max-width: 178px; /* for SVG: 178px = 128px + 25px*2 */
	width: 150px; /* 150px = 100px + 25px*2 */
	padding-left: 25px;
	padding-right: 25px;
}
.picture-boxes.top-picture-box.box-filled-bg .box-text {
	margin-top: 30px;
	padding: 0 25px 30px;
}
.picture-boxes.top-picture-box.box-filled-bg .box-text p {
	font-weight: 300;
}
.picture-boxes.top-picture-box.box-filled-bg .box-text .read-more-link {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #009ccc;
	padding-bottom: 4px;
	border-bottom: 1px solid;
}
.picture-boxes.top-picture-box.box-filled-bg .box-text .read-more-link.text-secondary-color {
	border-bottom-color: #93c13d;
}

/* for white background */
.stripe-white-bg .picture-boxes.top-picture-box.box-filled-bg .box-wrapper,
#page-content.sidebar-layout .picture-boxes.top-picture-box.box-filled-bg .box-wrapper {
	background-color: #f7f7f7;
}

/* Box with left picture
--------------------------------------------------- */
.picture-boxes.left-picture-box article {
	margin-top: 55px;
}
.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-text .sub {
	line-height: 1.5;
	font-weight: 600;
	color: #879ab0;
	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: 65px;
}
.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;
}

/* Box with filled background */
.picture-boxes.left-picture-box.box-filled-bg.picture-icon {
	margin: -10px 10px 0;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image {
	margin: -50px -10px 0;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon article {
	margin: 10px -10px 0 !important;
	height: calc(100% - 10px); /* for hyperlinked box */
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image article {
	margin: 50px 10px 0 !important;
	height: calc(100% - 50px); /* for hyperlinked box */
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-wrapper {
	height: 100%;
	padding: 40px 40px 40px 30px;
	background-color: #fff;
	border: 2px solid transparent;
	-webkit-transition: border-color 0.3s ease;
	     -o-transition: border-color 0.3s ease;
			transition: border-color 0.3s ease;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-wrapper { /* 3 columns */
	padding: 40px 35px 40px 25px;
}
.no-touch-screen .picture-boxes.left-picture-box.box-filled-bg.picture-icon a:hover .box-wrapper {
	border-color: #93c13d;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-wrapper {
	position: relative;
	-webkit-box-shadow: 0 0 40px -10px rgba(33, 53, 77, 0.2);
			box-shadow: 0 0 40px -10px rgba(33, 53, 77, 0.2); /* #21354d */
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-image {
	float: left;
	width: 80px;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
	padding-left: 20%;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image a .image-overlay {
	cursor: pointer;
}
.no-touch-screen .picture-boxes.left-picture-box.box-filled-bg.picture-image a:hover .image-overlay {
	opacity: 0.5;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text {
	margin-left: 105px;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text { /* 3 columns */
	margin-left: 100px;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .read-more-link {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #009ccc;
	padding-bottom: 4px;
	border-bottom: 1px solid;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .read-more-link.text-secondary-color {
	border-bottom-color: #93c13d;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text .title + .read-more-link {
	margin-top: 10px;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	height: 100%;
	padding: 30px 25px;
	background-color: #fff;
	overflow: hidden;
	z-index: 10;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #93c13d;
	margin-bottom: 10px;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-top: 0;
	padding: 30px 25px 20px;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 30px);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #fff 30px);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 30px);
	font-size: 16px;
	font-weight: 600;
	color: #009ccc;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link::after {
	display: inline-block;
	font-family: Ionicons;
	font-size: 13px;
	line-height: 1;
	color: #009ccc;
	padding-left: 6px;
	vertical-align: -1px;
	content: "\f3d3";
	-webkit-transition: padding 0.2s ease;
	     -o-transition: padding 0.2s ease;
			transition: padding 0.2s ease;
}
.picture-boxes.left-picture-box.box-filled-bg .box-text p {
	font-weight: 300;
}
.picture-boxes.left-picture-box.box-filled-bg.picture-image a:hover .box-text .read-more-link::after {
	padding-left: 8px;
}

/* for white background */
.stripe-white-bg .picture-boxes.left-picture-box.box-filled-bg .box-wrapper,
#page-content.sidebar-layout .picture-boxes.left-picture-box.box-filled-bg .box-wrapper {
	background-color: #f7f7f7;
}

/* 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;
	}
	
	.picture-boxes.top-picture-box.round-image.image-small .box-image {
		width: 170px !important;
	}
	
	/* box with filled background - left picture */
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
		padding-left: 25%;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
		width: 40%;
	}
}
@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;
	}
	
	.picture-boxes.top-picture-box.round-image.image-small .box-image {
		width: 150px !important;
	}
}
@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;
	}
	
	.picture-boxes.top-picture-box.round-image.image-small .box-image {
		width: 150px !important;
	}
	
	/* box with filled background - top picture */
	.picture-boxes.top-picture-box.box-filled-bg.picture-image {
		margin: -30px 0 0;
	}
	.picture-boxes.top-picture-box.box-filled-bg.picture-image article {
		margin: 30px 0 0 !important;
		height: calc(100% - 30px);
	}
	
	/* box with filled background - left picture */
	.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-wrapper { /* 3 columns */
		padding: 35px 30px 35px 25px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text {
		margin-left: 95px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image {
		margin: -40px -5px 0;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image article {
		margin: 40px 5px 0 !important;
		height: calc(100% - 40px);
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
		padding-left: 25%;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
		width: 50%;
		padding: 25px 20px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image article h5 {
		font-size: 18px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text p {
		font-size: 15px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
		padding: 30px 20px 15px;
		font-size: 15px;
	}
}
@media (min-width: 768px) {
	/* box with filled background */
	.picture-boxes.top-picture-box.box-filled-bg .row,
	.picture-boxes.left-picture-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;
	}
}
@media (min-width: 992px) {
	.picture-boxes.long-description .box-text p {
		font-size: 16px;
	}
	
	/* box with filled background */
	.picture-boxes.top-picture-box.box-filled-bg .col-md-4,
	.picture-boxes.left-picture-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%;
	}
	.picture-boxes.left-picture-box.box-filled-bg .col-md-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%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.picture-boxes.top-picture-box.round-image.image-small .box-image {
		width: 120px !important;
	}
	
	/* 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 {
		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 {
		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 .col-sm-12.col-md-3 .box-text,
	.picture-boxes.top-picture-box .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: 50px !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;
	}
	
	/* 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: 60px;
	}
	.picture-boxes.left-picture-box .row:first-child .col-sm-12.col-md-6:first-child article {
		margin-top: 0;
	}
	
	/* box with filled background - top picture */
	.picture-boxes.top-picture-box.box-filled-bg.picture-image {
		margin: -40px -5px 0;
	}
	.picture-boxes.top-picture-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%;
	}
	.picture-boxes.top-picture-box.box-filled-bg.picture-image article {
		margin: 40px 5px 0 !important;
		height: calc(100% - 40px);
	}
	
	/* box with filled background - left picture */
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-image {
		padding-left: 30%;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
		width: 40%;
	}
}
@media (max-width: 767px) {
	.picture-boxes article,
	.picture-boxes .row:first-child article {
		margin-top: 45px;
	}
	.picture-boxes.left-picture-box article,
	.picture-boxes.left-picture-box .row:first-child article {
		margin-top: 45px;
	}
	.picture-boxes.left-picture-box.image-large article,
	.picture-boxes.left-picture-box.image-large .row:first-child article {
		margin-top: 65px;
	}
	.picture-boxes .row:first-child .columns:first-child article {
		margin-top: 0;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image) 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.round-image.image-small .box-image {
		width: 140px !important;
	}
	
	.picture-boxes.top-picture-box:not(.owl-carousel):not(.round-image) .columns {
		padding-left: 15%;
		padding-right: 15%;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel).round-image article {
		text-align: left;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-image {
		display: table-cell;
		width: 150px !important;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-image .image-overlay {
		height: 150px;
	}
	.picture-boxes.top-picture-box:not(.owl-carousel).round-image .box-text {
		display: table-cell;
		vertical-align: middle;
		padding-left: 30px;
		padding-bottom: 15px;
	}
}
@media (max-width: 479px) {
	.picture-boxes.top-picture-box.round-image.image-small .box-image {
		width: 170px !important;
	}
	
	.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,
	.picture-boxes.left-picture-box.box-filled-bg.picture-icon .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;
	}
	
	/* box with filled background - left picture */
	.picture-boxes.left-picture-box.box-filled-bg.picture-icon .box-text,
	.picture-boxes.left-picture-box.box-filled-bg.picture-icon .col-md-4 .box-text {
		margin: 20px 0 0;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image article {
		text-align: left;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text {
		width: 50%;
		padding: 20px 15px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image article h5 {
		font-size: 17px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .subtitle {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text p {
		font-size: 14px;
	}
	.picture-boxes.left-picture-box.box-filled-bg.picture-image .box-text .read-more-link {
		padding: 30px 15px 10px;
		font-size: 14px;
	}
}


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

.icon-boxes article {
	position: relative;
	margin-top: 45px;
}
.icon-boxes .row:first-child article {
	margin-top: 0;
}
.icon-boxes article h4 {
	line-height: 1.4;
	margin-bottom: 0;
}
.icon-boxes article h5 {
	margin-bottom: 0;
}
.icon-boxes article h6 {
	margin-bottom: 0;
}
.icon-boxes .box-text .title a {
	padding: 5px 0;
}
.icon-boxes .box-text p {
	font-size: 16px;
	margin: 10px 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 {
	margin-top: 12px;
}
.icon-boxes .box-text .button {
	margin-top: 20px;
}

/* for dark colored background */
.dark-colored-bg .icon-boxes .box-text .title,
.dark-colored-bg .icon-boxes .box-text .title a {
	color: #fff;
}
.dark-colored-bg .icon-boxes .box-text .title a:hover {
	color: #d4e7ff;
}
.dark-colored-bg .icon-boxes .box-text p {
	color: rgba(255, 255, 255, 0.8);
}

.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: #1b9ad0;
	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(255, 188, 140, 0.5); /* #93c13d */
	-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: #1b9ad0;
}
.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(255, 188, 140, 0.5); /* #93c13d */
}
.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: #879ab0;
}
.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(182, 199, 219, 0.5); /* #b6c7db; */
}
.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: #879ab0;
	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(182, 199, 219, 0.5); /* #b6c7db; */
	-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: relative;
	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: #879ab0;
	-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;
}
.icon-boxes.top-icon-box.icon-large-round-bg.number-icon-box .box-icon.primary-color-bg .digit,
.icon-boxes.top-icon-box.icon-medium-round-bg.number-icon-box .box-icon.primary-color-bg .digit {
	background-color: #1b9ad0; /* #1b9ad0 */
}

/* 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: #1f5494;
}
.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: #184173;
}
.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: #879ab0;
}
.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: #1b9ad0;
}
.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: -10px 10px 0;
}
.icon-boxes.top-icon-box.box-filled-bg article {
	margin: 10px -10px 0 !important;
	height: calc(100% - 10px); /* for hyperlinked box */
}
.icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
	height: 100%;
	padding: 25px 30px 35px;
	background-color: #fff;
	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 .col-md-4 .box-wrapper { /* 3 columns */
	padding: 40px 35px 40px 25px;
}
.no-touch-screen .icon-boxes.top-icon-box.box-filled-bg a:hover .box-wrapper {
	border-color: #93c13d;
}
.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;
}
.icon-boxes.top-icon-box.box-filled-bg .box-text p {
	font-weight: 300;
}

/* for white background */
.stripe-white-bg .icon-boxes.top-icon-box.box-filled-bg .box-wrapper,
#page-content.sidebar-layout .icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
	background-color: #f7f7f7;
}

/* Box with left icon
--------------------------------------------------- */
.icon-boxes.left-icon-box article {
	margin-top: 40px;
}
.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: #1b9ad0;
	-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: #1b9ad0;
}
.icon-boxes.left-icon-box.icon-small-round-bg .box-icon.primary-color-bg {
	background-color: #879ab0;
}
.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: #1f5494;
}
.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: #184173;
}
.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: #879ab0;
}
.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: #1b9ad0;
}
.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 {
	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) 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) {
	/* box with filled background */
	.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 .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%;
	}
	.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%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	
	/* 3 or 4 columns >> 1 column */
	.icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-3 article,
	.icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-4 article,
	.icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-3 article,
	.icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-4 article {
		margin-top: 35px;
		text-align: left;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-3:first-child article,
	.icon-boxes.top-icon-box:not(.box-filled-bg) .row:first-child .col-sm-12.col-md-4:first-child article {
		margin-top: 0;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg) .col-sm-12.col-md-4 .box-icon {
		float: left;
		margin: 0;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-4 .box-icon {
		width: 108px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-3 .box-icon,
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-4 .box-icon {
		width: 50px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-large-round-bg .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg).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).icon-medium-round-bg .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg).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).icon-large .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-large .col-sm-12.col-md-4 .box-text {
		margin: 5px 0 0 123px;
	}
	.icon-boxes.top-icon-box:not(.box-filled-bg).icon-small .col-sm-12.col-md-3 .box-text,
	.icon-boxes.top-icon-box:not(.box-filled-bg).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: 35px !important;
	}
	.icon-boxes.left-icon-box.icon-medium .col-sm-12.col-md-6 article {
		margin-top: 30px !important;
	}
	.icon-boxes.left-icon-box .row:first-child .col-sm-12.col-md-6:first-child article {
		margin-top: 0 !important;
	}
	
	/* box with filled background */
	.icon-boxes.top-icon-box.box-filled-bg .box-wrapper {
		padding: 25px 25px 35px;
	}
}
@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: 35px;
	}
	.icon-boxes.left-icon-box.icon-medium article,
	.icon-boxes.left-icon-box.icon-medium .row:first-child article {
		margin-top: 30px;
	}
	.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;
	}
}
@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: 88px; /* 88px = 80px (height) + 8px (border width) */
	bottom: -42px; /* 42px = 50px (margin) - 8px (border width) */
	left: 39px;
	width: 2px;
	background-color: rgba(255, 188, 140, 0.5); /* #93c13d */
	content: "";
}
.stages.stage-digit article::before {
	top: 68px;
	left: 29px;
}
.stages article:last-child::before {
	display: none;
}

.stages article h4 {
	line-height: 1.4;
	margin-bottom: 0;
}
.stages article h5 {
	margin-bottom: 0;
}
.stages article h6 {
	margin-bottom: 0;
}
.stages .box-text p {
	margin: 10px 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: 80px;
	height: 80px;
	background-color: #879ab0;
	border: 8px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.stages .box-icon::before {
	position: absolute;
	display: block;
	top: -8px;
	bottom: -8px;
	left: -8px;
	right: -8px;
	border: 8px solid rgba(182, 199, 219, 0.5); /* #b6c7db; */
	-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: #879ab0;
}
.stages .box-icon.primary-color-bg::before {
	border-color: rgba(182, 199, 219, 0.5); /* #b6c7db; */
}
.stages .box-icon.secondary-color-bg {
	background-color: #1b9ad0;
}
.stages .box-icon.secondary-color-bg::before {
	border-color: rgba(255, 188, 140, 0.5); /* #93c13d */
}
.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: 19px/64px Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
.stages.stage-digit .box-icon .number {
	font-size: 20px;
	line-height: 44px;
	font-weight: bold;
}
.stages .box-icon .fa { /* vector icons - Font Awesome */
	font-size: 28px;
	margin-top: -14px;
	margin-left: -18px; /* 36px - fixed width (.fa-fw) */
}
.stages .box-icon .ion { /* vector icons - Ionicons */
	font-size: 32px;
	margin-top: -16px;
	margin-left: -19px; /* 38px - fixed width (.ion-fw) */
}
.stages .box-text {
	margin-left: 115px;
}
.stages.stage-digit .box-text {
	margin-left: 90px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 480px) and (max-width: 767px) {
	.stages article {
		margin-top: 45px;
	}
	.stages article::before {
		bottom: -37px; /* 37px = 45px (margin) - 8px (border width) */
	}
}
@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.6; /* 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: 40px;
}
.feature-list > article:first-child {
	margin-top: 0;
}

.feature-list article h4 {
	font-family: inherit;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 0;
}
.feature-list article h5 {
	margin-bottom: 0;
}
.feature-list article h6 {
	margin-bottom: 0;
}
.feature-list .box-text p {
	margin: 10px 0 0;
}
.feature-list .box-text p:first-child {
	margin-top: 2px;
}
.feature-list .box-text ul {
	margin: 15px 0 0;
}
.feature-list .box-text h6 + p {
	margin-top: 7px;
}
.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: #1b9ad0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 0;
}
.feature-list.numeric-list .box-icon.secondary-color-bg {
	background-color: #1b9ad0;
}
.feature-list.numeric-list .box-icon.primary-color-bg {
	background-color: #879ab0;
}
.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: 18px/36px Verdana, Geneva, sans-serif;
	text-align: center;
}
.feature-list.numeric-list .box-text {
	margin-left: 52px;
}

/* Dot list */
.feature-list.dot-list > article {
	margin-top: 30px;
}
.feature-list.dot-list > article:first-child {
	margin-top: 0;
}
.feature-list.dot-list > article::before {
	position: absolute;
	display: block;
	top: 24px; /* 24px = 20px (height) + 4px (border width) */
	bottom: -34px; /* 34px = 30px (margin) + 4px (border width) */
	left: 9px;
	width: 2px;
	background-color: rgba(182, 199, 219, 0.25); /* #b6c7db */
	content: "";
}
.feature-list.dot-list > article:last-child::before {
	display: none;
}
.feature-list.dot-list .box-icon {
	position: relative;
	top: 6px;
	float: left;
	width: 20px;
	height: 20px;
	background-color: #879ab0;
	border: 4px solid #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.feature-list.dot-list .box-icon.primary-color-bg {
	background-color: #879ab0;
}
.feature-list.dot-list .box-icon.secondary-color-bg {
	background-color: #1b9ad0;
}
.feature-list.dot-list .box-text {
	margin-left: 40px;
}

/* for white background */
.stripe-white-bg .feature-list.dot-list .box-icon,
#page-content.sidebar-layout .feature-list.dot-list .box-icon {
	border-color: #f7f7f7;
}

/* Check list */
.feature-list.check-list .box-icon {
	position: relative;
	float: left;
	width: 37px;
	height: 37px;
	border: 1px solid #1b9ad0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin-top: 5px;
}
.feature-list.check-list .box-icon.secondary-color-bg {
	border-color: #1b9ad0;
}
.feature-list.check-list .box-icon i,
.feature-list.check-list .box-icon.secondary-color-bg i {
	color: #1b9ad0;
}
.feature-list.check-list .box-icon.primary-color-bg {
	border-color: #879ab0;
}
.feature-list.check-list .box-icon.primary-color-bg i {
	color: #879ab0;
}
.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 h4 + p:first-of-type:last-child,
.feature-list.check-list .box-text h6 + p:first-of-type:last-child,
.feature-list.check-list .box-text h5 + 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: 5px;
}
.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: #879ab0;
}
.feature-list.arrow-list .box-icon.secondary-color i {
	color: #1b9ad0;
}
.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: -3px;
}
.feature-list.arrow-list .box-text h5 {
	margin-top: -1px;
}

/* 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 (min-width: 768px) {
	.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. 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;
}

/* picture box with filled background - left picture */
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg {
	margin: 0 !important;
}
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .owl-stage {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .carousel-item {
	height: 100%;
}
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg article {
	margin: 0 !important;
	height: 100%; /* for hyperlinked box */
}
.owl-carousel.picture-boxes.left-picture-box.box-filled-bg .box-wrapper {
    padding: 30px 25px 30px 30px;
}

/* 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: #879ab0;
}

/* 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: #879ab0;
	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";
}

/* for dark colored background */
.dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot span {
	background-color: #879ab0;
}
.dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.dark-colored-bg .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #b6c7db;
}
.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-'] {
	width: 40px;
	height: 40px;
	border: none;
	opacity: 0.5;
}
.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
	opacity: 0.7;
}
.dark-colored-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']::before {
	margin-top: 6px;
}

/* for secondary color background */
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot span {
	background-color: rgba(0, 0, 0, 0.2);
}
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-'] {
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.7);
	border: none;
	opacity: 0.5;
}
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 0.8;
}
.stripe-secondary-color-bg .owl-carousel.owl-theme .owl-nav [class*='owl-']::before {
	color: rgba(0, 0, 0, 0.6);
	margin-top: 6px;
}

/* 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(255, 188, 140, 0.5); /* #93c13d */
}
.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: 768px) and (max-width: 991px) {
	.owl-carousel.owl-theme .owl-nav .owl-prev {
		left: -20px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-next {
		right: -20px;
	}
}
@media (max-width: 767px) {
	.owl-carousel.owl-theme .owl-nav .owl-prev {
		left: -15px;
	}
	.owl-carousel.owl-theme .owl-nav .owl-next {
		right: -15px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	11. Info Box
/*-----------------------------------------------------------------------------------*/

/* White (or transparent) background */
.info-box {
	position: relative;
}
.info-box .info-media + .info-text,
.info-box.shadow .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: #fff; /* on transparent bg */
	-webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
			box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
}
.stripe-white-bg .info-box.shadow,
#page-content.sidebar-layout .info-box.shadow {
	background-color: #fafafa; /* on white bg */
}
.info-box.shadow .info-media {
	padding: 2px 2px 0 2px;
}
.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;
}

/* Light grey background */
.info-box.light-grey-bg {
	background-color: #eaeaea;
}
.stripe-white-bg .info-box.light-grey-bg,
#page-content.sidebar-layout .info-box.light-grey-bg {
	background-color: #f5f5f5;
}
.info-box.light-grey-bg .info-text {
	padding: 40px 40px 50px;
}
.info-box.light-grey-bg .info-media + .info-text {
	padding-top: 35px;
}

/* "Info" sign, "Quote" sign */
.info-box.info-sign .info-text,
.info-box.quote-sign .info-text {
	padding-top: 40px;
}
.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(255, 188, 140, 0.5); /* #93c13d */
	text-align: center;
	background-color: #f5f6f7; /* on transparent bg */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.stripe-white-bg .info-box.info-sign::before,
.stripe-white-bg .info-box.quote-sign::before,
#page-content.sidebar-layout .info-box.info-sign::before,
#page-content.sidebar-layout .info-box.quote-sign::before {
	background-color: #fff; /* on white bg */
}
.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;
}

/* In the right column (with colored background) of left-aligned stripe */
.stripe-left.stripe-right-col-colored .info-box .info-text {
	padding: 0;
}
.stripe-left.stripe-right-col-colored .info-box .info-media + .info-text {
	padding-top: 45px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) {
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
		margin: -100px -60px 0 -45px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
		margin: -75px -50px 0 -45px;
	}
}
@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;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns .info-box {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
		margin: -75px -15px 0 -140px; /* fallback: -140px = 355px - 990px/2 */
		margin-left: calc(355px - 50vw);
	}
}
@media (max-width: 767px) {
	.info-box {
		max-width: 540px; /* the width is limited to 540px */
		margin-left: auto;
		margin-right: auto;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns .info-box {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
		margin: -75px -15px 0;
	}
}
@media (max-width: 479px) {
	.stripe-left.stripe-right-col-colored > .container > .row > .columns:last-child .info-box .info-media {
		margin: -60px -15px 0;
	}
	.info-box.light-grey-bg .info-text {
		padding: 40px 30px 45px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	12. 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: 1200px) and (max-width: 1519px) {
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
		margin-right: -51%;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
		margin-right: -34%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
		margin-right: -51%;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
		margin-right: -34%;
	}
}
@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%;
	}
	
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
		margin-right: -52%;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
		margin-right: -103%;
	}
}
@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%;
	}
	
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) {
		margin-right: -52%;
	}
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list) .gallery-item {
		width: 33.33333333%;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
		margin-right: -103%;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) .gallery-item {
		width: 25%;
	}
}
@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%;
	}
	
	.container-fluid .col-sm-12 .gallery-3-cols:not(.preview-image-list),
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) {
		max-width: none;
		margin-left: -5px;
		margin-right: -5px;
	}
	.container-fluid .col-sm-12 .gallery-4-cols:not(.preview-image-list) .gallery-item {
		width: 50%;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	13. 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-right: auto;
		margin-left: 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%;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	14. 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;
	font-weight: 400;
	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(247, 133, 52, 0.9); /* #1b9ad0 */
	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: 992px) {
	.preview-image-list.gallery-standard .gallery-item .item-label {
		font-size: inherit;
	}
}
@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;
	}
}
@media (max-width: 767px) {
	.preview-image-list.gallery-standard .gallery-item .item-label {
		padding: 10px;
	}
}
@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 */
	}
	.preview-image-list.gallery-standard .gallery-item .item-label {
		line-height: 1.25;
	}
	.preview-image-list.gallery-5-cols .gallery-item .item-label {
		line-height: 1.5;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	15. 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: #fff;
	border: 1px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}
.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(255, 188, 140, 0.07); /* #93c13d */
	-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: #879ab0;
	-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: inherit;
	line-height: 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: 15px;
	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 white background */
.stripe-white-bg .testimonial-boxes .columns::before,
#page-content.sidebar-layout .testimonial-boxes .columns::before {
	background-color: #f5f5f5;
}
.stripe-white-bg .testimonial-boxes .columns::after,
#page-content.sidebar-layout .testimonial-boxes .columns::after {
	color: rgba(135, 154, 176, 0.03); /* #879ab0 */
}

/* 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(255, 188, 140, 0.07); /* #93c13d */
}

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

/* Testimonial in sidebar widget
--------------------------------------------------- */
.testimonial-aside {
	position: relative;
}
.testimonial-aside::before {
	position: absolute;
	display: block;
	top: -22px;
	left: -15px;
	width: 60px;
	height: 60px;
	background: url(../images/icons/left-quotes-dark.svg) no-repeat left top;
	background-size: 60px 60px;
	content: "";
}
.testimonial-aside .testimonial-item blockquote {
	border-left: none;
	margin-bottom: 0;
	padding: 0;
}
.testimonial-aside .testimonial-item blockquote p {
	color: #62758c;
}
.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: #879ab0;
	-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: 16px;
	line-height: 1.5;
}
.testimonial-aside .testimonial-item .author-info span {
	font-style: italic;
	color: #666;
}

/* Testimonial - main style 1
--------------------------------------------------- */
.testimonial-main-style-1 {
	position: relative;
	height: 450px;
	margin-top: -100px;
	margin-bottom: -100px;
	background: url(../images/icons/left-quotes-dark.svg) no-repeat left 390px top 50px;
	background-size: 100px 100px;
}
.stripe-narrow .testimonial-main-style-1 {
	margin-top: -70px;
	margin-bottom: -70px;
}
.testimonial-main-style-1 .testimonial-item {
	position: relative;
	height: 450px;
	padding-left: 420px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.testimonial-main-style-1 .testimonial-item .testimonial-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 450px;
}
.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
	position: relative;
	right: 0;
	height: 100%;
}
.testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.testimonial-main-style-1 .testimonial-item .testimonial-image figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.testimonial-main-style-1 .testimonial-item .testimonial-title {
	position: relative;
	height: 60px;
}
.testimonial-main-style-1 .testimonial-item .testimonial-title > * { /* h3, h4 */
	position: absolute;
	left: 0;
	bottom: 0;
	font-weight: 500;
	margin-bottom: 0;
}
.testimonial-main-style-1 .testimonial-item .testimonial-text {
	margin-top: 20px;
}
.testimonial-main-style-1 .testimonial-item .testimonial-text p {
	max-height: 175px; /* 175px = 35px * 5 */
	overflow: hidden;
	font: italic 20px/1.75 Lora, "Times New Roman", Times, serif;
	letter-spacing: 0.8px;
	margin-bottom: 0;
}
.testimonial-main-style-1 .testimonial-item .testimonial-author {
	margin-top: 10px;
}
.testimonial-main-style-1 .testimonial-item .author-info {
	line-height: 1.5;
	text-align: right;
}
.testimonial-main-style-1 .testimonial-item .author-info span {
	display: block;
	color: #666;
}
.testimonial-main-style-1 .testimonial-item .author-info span a {
	color: inherit;
}
.testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #222;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-1 {
	background-image: url(../images/icons/left-quotes-light.svg);
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
	background-color: rgba(33, 53, 77, 0.2); /* #21354d */
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
	font-weight: 400;
	color: #fff;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .testimonial-text p {
	color: rgba(255, 255, 255, 0.8);
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info,
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span {
	color: #93c13d;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-image figure::after {
	background-color: rgba(247, 133, 52, 0.05); /* #1b9ad0 */
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .testimonial-title > * {
	color: rgba(0, 0, 0, 0.75);
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span {
	color: inherit;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-item .author-info span a:hover {
	color: #000;
}

/* Testimonial - main style 2
--------------------------------------------------- */
.testimonial-main-style-2 {
	position: relative;
}
.testimonial-main-style-2 .testimonial-item {
	padding-left: 150px;
}
.testimonial-main-style-2 .testimonial-item .testimonial-text {
	position: relative;
	padding-top: 17px;
	z-index: 2;
}
.testimonial-main-style-2 .testimonial-item .testimonial-text p {
	font-size: 26px;
	font-weight: 400;
	color: #444;
	margin-bottom: 0;
}
.testimonial-main-style-2 .testimonial-item .author-image {
	position: absolute;
	top: 0;
	left: 0;
}
.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-2 .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-2 .testimonial-item .author-image::after {
	position: absolute;
	top: -45px;
	left: 113px;
	width: 90px;
	height: 87px;
	content: "";
	background: url(../images/icons/quotes-light.png) no-repeat left top;
	opacity: 0.3;
}
.testimonial-main-style-2 .testimonial-item .author-image span { /* placeholder for the author's photo */
	position: relative;
	display: block;
	top: 2px;
	left: 2px;
	width: 120px;
	height: 120px;
	background-color: #879ab0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.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-2 .testimonial-item .author-info {
	line-height: 1.5;
	text-align: right;
	margin: 15px 0 -20px;
}
.testimonial-main-style-2 .testimonial-item .author-info span {
	display: block;
	color: #666;
}
.testimonial-main-style-2.author-info-inline .testimonial-item .author-info span {
	display: inline;
}
.testimonial-main-style-2.author-info-inline .testimonial-item .author-info strong::after {
	content: ", ";
	font-weight: normal;
}
.testimonial-main-style-2 .testimonial-item .author-info span a {
	color: inherit;
}
.testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #222;
}

/* for white background */
.stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after,
#page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
	background-image: url(../images/icons/quotes-dark.png);
	opacity: 0.5;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
	color: rgba(255, 255, 255, 0.9);
	font-weight: inherit;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image img {
	width: 126px;
	height: 126px;
	border: 3px solid rgba(255, 255, 255, 0.15);
	opacity: 0.9;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
	opacity: 0.25;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image span {
	background-color: rgba(0, 156, 204, 0.5); /* #009ccc */
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image i {
	color: #eee;
}
.dark-colored-bg .testimonial-main-style-2 > .testimonial-item .author-info {
	margin: 20px 0 -10px;
	text-align: left;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info,
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span {
	color: #93c13d;
}
.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .testimonial-text p {
	color: inherit;
}
.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-2 .testimonial-item .author-image::before {
	display: block;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image::after {
	opacity: 0.5;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-image span {
	background-color: rgba(0, 156, 204, 0.7); /* #009ccc */
}
.stripe-secondary-color-bg .testimonial-main-style-2 > .testimonial-item .author-info {
	margin: 20px 0 -10px;
	text-align: left;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span {
	color: inherit;
}
.stripe-secondary-color-bg .testimonial-main-style-2 .testimonial-item .author-info span a:hover {
	color: #000;
}

/* Testimonial - main style 3
--------------------------------------------------- */
.testimonial-main-style-3.top-icon-enabled .top-icon {
	margin-bottom: 10px;
	text-align: center;
}
.testimonial-main-style-3.top-icon-enabled .top-icon .fa { /* vector icons - Font Awesome */
	font-size: 40px;
	color: #b6c7db;
}
.testimonial-main-style-3 .testimonial-item .testimonial-text {
	text-align: center;
}
.testimonial-main-style-3 .testimonial-item .testimonial-text p {
	font-family: Lora, "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	margin-bottom: 0;
}
.testimonial-main-style-3 .testimonial-item .testimonial-author {
	position: relative;
	margin-top: 20px;
	line-height: 0;
	text-align: center;
	overflow: hidden;
}
.testimonial-main-style-3.author-info-inline .testimonial-item .testimonial-author {
	margin-bottom: 15px;
}
.testimonial-main-style-3 .testimonial-item .author-image {
	position: relative;
	display: inline-block;
}
.testimonial-main-style-3 .testimonial-item .author-image img {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.testimonial-main-style-3 .testimonial-item .author-image::after {
	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 3px rgba(255, 255, 255, 0.7);
	        box-shadow: inset 0 0 4px 3px rgba(255, 255, 255, 0.7);
	content: "";
}
.testimonial-main-style-3 .testimonial-item .author-image span { /* placeholder for the author's photo */
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	background-color: #879ab0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	z-index: 2;
}
.testimonial-main-style-3 .testimonial-item .author-image i {
	display: block;
	font-size: 46px;
	line-height: 80px;
	color: #fff;
	text-align: center;
}
.testimonial-main-style-3 .testimonial-item .author-info {
	line-height: 1.5;
}
.testimonial-main-style-3 .testimonial-item .author-image + .author-info {
	margin-top: 15px;
}
.testimonial-main-style-3 .testimonial-item .author-info span {
	display: block;
	color: #666;
}
.testimonial-main-style-3.author-info-inline .testimonial-item .author-info span {
	display: inline;
}
.testimonial-main-style-3.author-info-inline .testimonial-item .author-info strong::after {
	content: ", ";
	font-weight: normal;
}
.testimonial-main-style-3 .testimonial-item .author-info span a {
	color: inherit;
}
.testimonial-main-style-3 .testimonial-item .author-info span a:hover {
	color: #222;
}

/* for dark colored background */
.dark-colored-bg .testimonial-main-style-3.top-icon-enabled .top-icon .fa {
	color: #b6c7db;
}
.dark-colored-bg .testimonial-main-style-3 .testimonial-item .testimonial-text p {
	color: #b6c7db;
}
.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-image::after {
	display: block;
}
.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info {
	color: #fff;
}
.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info span {
	color: #eee;
}
.dark-colored-bg .testimonial-main-style-3 .testimonial-item .author-info span a:hover {
	color: #d4e7ff;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-main-style-3.top-icon-enabled .top-icon .fa {
	color: rgba(255, 255, 255, 0.5);
}
.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-image::after {
	display: block;
	-webkit-box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
	        box-shadow: inset 0 0 4px 1px rgba(255, 255, 255, 0.7);
}
.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-image span {
	background-color: rgba(0, 156, 204, 0.7); /* #009ccc */
}
.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-info span {
	color: inherit;
}
.stripe-secondary-color-bg .testimonial-main-style-3 .testimonial-item .author-info span a:hover {
	color: #000;
}

/* Slider controls
--------------------------------------------------- */
.testimonial-slider .testimonial-item {
	display: none;
}
.testimonial-slider .testimonial-item:first-of-type {
	display: block;
}
.testimonial-slider .cycle-pager {
	position: relative;
	margin-top: 10px;
	text-align: center;
}
.testimonial-main-style-1 .testimonial-slider .cycle-pager {
	position: absolute;
	left: 0;
	bottom: 50px;
	z-index: 200;
	margin-left: 415px;
	text-align: left;
}
.testimonial-main-style-2 .testimonial-slider .cycle-pager {
	margin: 40px 0 -10px;
	line-height: 0;
}
.testimonial-main-style-3 .testimonial-slider .cycle-pager {
	position: absolute;
	top: 22px;
	left: 0;
	right: 0;
	margin-top: 0;
	line-height: 0;
}
.testimonial-slider .cycle-pager .paging-control {
	display: inline-block;
}
.testimonial-slider .cycle-pager span {
    display: block;
	width: 8px;
	height: 8px;
	float: left;
	font-size: 0;
	line-height: 0;
	border: 1px solid #879ab0;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	margin: 5px;
	cursor: pointer;
}
.testimonial-slider .cycle-pager span.cycle-pager-active {
	background-color: #879ab0;
}
.testimonial-main-style-1 .testimonial-slider .cycle-pager span {
	width: 10px;
	height: 10px;
	margin: 9px 7px 5px 7px;
	background-color: #879ab0;
}
.testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
	background-color: #62758c;
	border-color: #62758c;
}
.testimonial-slider .cycle-prev,
.testimonial-slider .cycle-next {
	display: inline-block;
	height: 36px;
	padding: 6px 10px;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: opacity 0.15s ease;
	     -o-transition: opacity 0.15s ease;
	        transition: opacity 0.15s ease;
}
.testimonial-slider .cycle-prev {
	margin-right: 20px;
}
.testimonial-slider .cycle-next {
	margin-left: 20px;
}
.testimonial-main-style-1 .testimonial-slider .cycle-prev + .cycle-next,
.testimonial-main-style-2 .testimonial-slider .cycle-prev + .cycle-next {
	margin-left: -20px;
}
.testimonial-main-style-3 .testimonial-slider .cycle-prev {
	margin-right: 70px;
}
.testimonial-main-style-3 .testimonial-slider .cycle-next {
	margin-left: 70px;
}
.testimonial-slider .cycle-prev:hover,
.testimonial-slider .cycle-next:hover {
	opacity: 1;
}
.testimonial-slider .cycle-pager .fa { /* vector icons - Font Awesome */
	font-size: 24px;
	line-height: 1;
	color: #879ab0;
}

/* for dark colored background */
.dark-colored-bg .testimonial-slider .cycle-pager span {
    border-color: #b6c7db;
}
.dark-colored-bg .testimonial-slider .cycle-pager span.cycle-pager-active {
	background-color: #b6c7db;
}
.dark-colored-bg .testimonial-slider .cycle-pager .fa {
	color: #b6c7db;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
	background-color: #62758c;
	border-color: #62758c;
}
.dark-colored-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
	background-color: #b6c7db;
	border-color: #b6c7db;
}

/* for secondary color background */
.stripe-secondary-color-bg .testimonial-slider .cycle-pager span {
    border-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg .testimonial-slider .cycle-pager span.cycle-pager-active {
	background-color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg .testimonial-slider .cycle-pager .fa {
	color: rgba(0, 0, 0, 0.5);
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span {
	background-color: rgba(0, 0, 0, 0.3);
	border-color: transparent;
}
.stripe-secondary-color-bg .testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
	background-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-2 .testimonial-item .author-image::after {
		background-image: url(../images/icons/quotes-light-2x.png);
		background-size: 90px 87px;
	}
	.stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after,
	#page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
		background-image: url(../images/icons/quotes-dark-2x.png);
		background-size: 90px 87px;
	}
}

@media (min-width: 1920px) {
	.testimonial-main-style-1 {
		height: 490px;
		background-position: left 400px top 70px;
	}
	.testimonial-main-style-1 .testimonial-item {
		height: 490px;
		padding-left: 430px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image {
		height: 490px;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager {
		bottom: 70px;
		margin-left: 425px;
	}
}
@media (min-width: 1520px) {
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin-left: calc(1290px/2 - 50vw);
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin-left: calc(1140px/2 - 50vw);
	}
}
@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-main-style-1 {
		margin-top: -75px;
		margin-bottom: -75px;
		background-position: left 380px top 35px;
	}
	.stripe-narrow .testimonial-main-style-1 {
		margin-top: -55px;
		margin-bottom: -55px;
	}
	.testimonial-main-style-1 .testimonial-item {
		padding-left: 410px;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin-left: calc(940px/2 - 50vw);
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		margin-top: 15px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		max-height: 210px; /* 210px = 35px * 6 */
		letter-spacing: 0.3px;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager {
		bottom: 35px;
		margin-left: 405px;
	}
}
@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 (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-main-style-1 {
		margin-top: -75px;
		margin-bottom: -75px;
		background-position: left 365px top 25px;
	}
	.stripe-narrow .testimonial-main-style-1 {
		margin-top: -55px;
		margin-bottom: -55px;
	}
	.testimonial-main-style-1 .testimonial-item {
		padding-left: 390px;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin-left: calc(720px/2 - 50vw);
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title {
		height: 50px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title > * {
		font-size: 24px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		margin-top: 10px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-family: inherit;
		font-size: 17px;
		line-height: 1.65;
		font-weight: inherit;
		max-height: 225px; /* 225px = 28.05px * 8 */
		letter-spacing: 0;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager {
		right: 385px;
		bottom: 20px;
		margin-left: 0;
		text-align: center;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager span {
		width: 12px;
		height: 12px;
		margin: 16px 10px 4px 10px;
		background-color: #ccc !important;
		border-color: #ccc !important;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
		background-color: #fff !important;
		border-color: #fff !important;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager .fa {
		color: #ccc;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding-top: 13px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text p {
		font-size: 22px;
	}
}
@media (max-width: 767px) {
	.testimonial-aside::before {
		left: -10px;
	}
	.testimonial-main-style-2 .testimonial-item {
		padding-left: 120px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding-top: 7px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text p {
		font-size: 19px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image img {
		width: 104px;
		height: 104px;
	}
	.dark-colored-bg .testimonial-main-style-2 .testimonial-item .author-image img {
		width: 106px;
		height: 106px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image::after {
		left: 85px;
		width: 70px;
		height: 68px;
		background-size: 70px 68px;
	}
	.stripe-white-bg .testimonial-main-style-2 .testimonial-item .author-image::after,
	#page-content.sidebar-layout .testimonial-main-style-2 .testimonial-item .author-image::after {
		background-size: 70px 68px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image span {
		width: 100px;
		height: 100px;
	}
	.testimonial-main-style-2 .testimonial-item .author-image i {
		font-size: 54px;
		line-height: 100px;
	}
	.testimonial-main-style-3 .testimonial-item .testimonial-text p {
		font-size: 24px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.testimonial-main-style-1 {
		height: 400px;
		margin-top: -75px;
		margin-bottom: -75px;
		background-position: left 305px top 10px;
	}
	.stripe-narrow .testimonial-main-style-1 {
		margin-top: -55px;
		margin-bottom: -55px;
	}
	.testimonial-main-style-1 .testimonial-item {
		height: 400px;
		padding-left: 330px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image {
		width: 300px;
		height: 400px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin-left: -15px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title {
		height: 40px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title > * {
		font-size: 23px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		margin-top: 5px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		font-family: inherit;
		font-size: 16px;
		line-height: 1.65;
		font-weight: inherit;
		max-height: 212px; /* 212px = 26.4px * 8 */
		letter-spacing: 0;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager {
		bottom: 20px;
		width: 280px;
		margin-left: 0;
		text-align: center;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager span {
		width: 12px;
		height: 12px;
		margin: 16px 10px 4px 10px;
		background-color: #ccc !important;
		border-color: #ccc !important;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager span.cycle-pager-active {
		background-color: #fff !important;
		border-color: #fff !important;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager .fa {
		color: #ccc;
	}
}
@media (max-width: 479px) {
	.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 {
		height: auto;
		margin: -60px -15px 0;
		padding: 0 15px;
		background-position: left 0 top 280px;
	}
	.stripe-narrow .testimonial-main-style-1 {
		margin: -45px 0 0;
	}
	.testimonial-main-style-1 .testimonial-item {
		height: auto;
		padding: 0;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image {
		position: static;
		width: 100%;
		height: 280px;
		margin-bottom: 50px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-image figure {
		margin: 0 -15px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title {
		height: auto;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-title > * {
		position: static;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text {
		margin-top: 10px;
	}
	.testimonial-main-style-1 .testimonial-item .testimonial-text p {
		max-height: none;
		overflow: visible;
		font-size: 18px;
	}
	.testimonial-main-style-1 .testimonial-slider .cycle-pager {
		position: static;
		right: auto;
		bottom: auto;
		margin: 30px 0 0;
		text-align: center;
	}
	.testimonial-main-style-2 .testimonial-item {
		padding-left: 0;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text {
		padding-top: 15px;
	}
	.testimonial-main-style-2 .testimonial-item .testimonial-text::before {
		display: block;
		float: left;
		width: 120px;
		height: 110px;
		content: "";
	}
	.testimonial-main-style-2 .testimonial-item .author-image::after {
		top: -30px;
		left: 93px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	16. Staff
/*-----------------------------------------------------------------------------------*/

.staff.picture-boxes.left-picture-box > article {
	margin-top: 80px;
}
.staff.picture-boxes.left-picture-box > article:first-child {
	margin-top: 0;
}
.staff.picture-boxes.left-picture-box .box-image {
	float: left;
	width: 330px;
}
.staff.picture-boxes.left-picture-box .box-text {
	margin-left: 390px;
}
.staff.picture-boxes.top-picture-box .box-image .image-overlay {
	background-color: rgba(33, 53, 77, 0.7); /* #21354d */
}
.staff.picture-boxes.top-picture-box .box-image .image-overlay a {
	display: block;
	width: 100%;
	height: 100%;
}
.staff.picture-boxes.top-picture-box .box-image .image-overlay .label { /* SPAN with "view profile" label */
	top: 50%;
	height: auto;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	     -o-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	padding: 30px 12px;
	text-align: center;
}

.staff.picture-boxes .box-text .sub {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #62758c;
	margin-top: 5px;
}
.staff.picture-boxes .box-text .sub:not(:last-child) {
	font-size: 15px;
	color: inherit;
	text-transform: uppercase;
}

.staff .box-text .contact-details {
	margin-top: 12px;
	overflow: hidden; /* to break floating */
}
.staff .box-text .contact-phone .phone-number,
.staff .box-text .contact-email a {
	font-weight: 400;
	color: #62758c;
	background-color: rgba(255, 188, 140, 0.2); /* #93c13d */
	padding: 2px 5px 4px;
}
.staff .box-text .contact-phone .phone-number:hover,
.staff .box-text .contact-email a:hover {
	color: #222;
}
.staff .box-text .contact-phone + .contact-email {
	margin-top: 5px;
}
.staff .box-text .contact-email {
	float: left;
}
.staff .box-text .fa-icon-list {
	margin: 6px 0 0;
}
.staff .box-text .contact-email + .fa-icon-list {
	margin: 1px 0 0;
}
.staff .box-text .contact-phone + .contact-email + .fa-icon-list {
	margin: 6px 0 0;
}
.staff .box-text .fa-icon-list li {
	margin: 0 0 5px 5px;
}
.staff .box-text .fa-icon-list li:first-child {
	margin-left: 20px;
}
.staff .box-text .fa-icon-list:first-child li:first-child {
	margin-left: 0;
}
.staff .box-text .fa-icon-list li a {
	display: block;
	width: 27px;
	height: 27px;
	text-align: center;
	color: #1b9ad0;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.staff .box-text .fa-icon-list li a:hover {
	color: #93c13d;
}
.staff .box-text .fa-icon-list li .fa {
	width: 23px;
	font-size: 15px;
	line-height: 27px;
}
.staff .box-text p {
	
}

.staff .box-text .profile-description {
	font-size: 16px;
	margin-top: 20px;
}
.staff .box-text .profile-description h5 {
	margin: 0 0 10px;
}
.staff .box-text .profile-description h6 {
	font-size: inherit;
	margin: 0 0 10px;
}
.staff .box-text .profile-description p,
.staff .box-text .profile-description ul,
.staff .box-text .profile-description ol {
	margin: 0 0 20px;
}
.staff .box-text .profile-description > *:last-child {
	margin-bottom: 0;
}
.staff.picture-boxes .box-text .read-more-link {
	margin-top: 0;
}

/* 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: #93c13d;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 5px 0 0;
}
.staff-member-profile .profile-header .subtitle + p {
	font-size: 15px;
	font-weight: 400;
	color: #879ab0;
}
.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-"] {
	font-weight: 600;
	margin-top: 7px;
}
.staff-member-profile .contact-details > div[class*="contact-"]:first-child {
	margin-top: 0;
}
.staff-member-profile .contact-email div,
.staff-member-profile .contact-phone div,
.staff-member-profile .contact-skype div {
	margin-left: 26px;
}
.staff-member-profile .contact-email .fa { /* vector icons - Font Awesome */
	float: left;
	font-size: 14px;
	color: #b6c7db;
	margin: 8px 0 0 0;
}
.staff-member-profile .contact-phone .fa {
	float: left;
	font-size: 21px;
	color: #b6c7db;
	margin: 4px 0 0 3px;
}
.staff-member-profile .contact-skype .fa {
	float: left;
	font-size: 15px;
	color: #b6c7db;
	margin: 7px 0 0 0;
}
.staff-member-profile .contact-email a,
.staff-member-profile .contact-phone .phone-number,
.staff-member-profile .contact-skype {
	font-weight: inherit;
	color: #62758c;
}
.staff-member-profile .contact-email a:hover,
.staff-member-profile .contact-phone .phone-number:hover {
	color: #879ab0;
}
.staff-member-profile .contact-email a {
	white-space: normal;
	word-wrap: break-word;
}

.staff-member-profile .fa-icon-list {
	margin-top: 20px;
}
.staff-member-profile .fa-icon-list li a {
	display: block;
	width: 33px;
	height: 33px;
	text-align: center;
	background-color: #fff;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-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.6);
	        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
.staff-member-profile .fa-icon-list li .fa {
	width: 23px;
	line-height: 33px;
}

/* Profile in popup */
.mfp-content .staff-member-profile .profile-header .subtitle {
	line-height: 1.5;
}
.mfp-content .staff-member-profile .fa-icon-list li .fa {
	color: #62758c;
}

/* Profile on single page */
.single-staff .staff-member-profile .contact-details {
	margin-top: 10px;
}
.single-staff .staff-member-profile .fa-icon-list li .fa {
	color: #62758c;
}
.single-staff .staff-member-profile .profile-description {
	margin-top: 65px;
}
.single-staff .staff-member-profile .profile-description > *:last-child {
	margin-bottom: 0;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.staff.picture-boxes.left-picture-box .box-text {
		margin-left: 400px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns,
	.single-staff .staff-member-profile .profile-info.columns {
		padding-left: 60px;
	}
	.stripe-box .single-staff .staff-member-profile .profile-image figure,
	.stripe-right .single-staff .staff-member-profile .profile-image figure {
		margin: -100px -15px 0 -90px;
	}
}
@media (min-width: 992px) {
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-header.columns {
		float: right;
		padding-left: 35px;
	}
	.mfp-content .staff-member-profile .profile-description.columns {
		padding-left: 35px;
	}
}
@media (min-width: 768px) {
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns {
		float: right;
	}
	.stripe-fullwidth .single-staff .staff-member-profile .profile-header .title,
	.stripe-left .single-staff .staff-member-profile .profile-header .title {
		margin-top: 15px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns,
	.single-staff .staff-member-profile .profile-info.columns {
		padding-left: 50px;
	}
	.stripe-box .single-staff .staff-member-profile .profile-image figure,
	.stripe-right .single-staff .staff-member-profile .profile-image figure {
		margin: -90px -15px 0 -90px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.staff.picture-boxes.left-picture-box .box-image {
		width: 300px;
	}
	.staff.picture-boxes.left-picture-box .box-text {
		margin-left: 340px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns,
	.single-staff .staff-member-profile .profile-info.columns {
		padding-left: 35px;
	}
	.stripe-box .single-staff .staff-member-profile .profile-image figure,
	.stripe-right .single-staff .staff-member-profile .profile-image figure {
		margin: -75px -15px 0 -75px;
	}
	.single-staff .staff-member-profile .contact-details {
		margin-top: 5px;
	}
}
@media (max-width: 991px) {
	/* Profile in popup */
	.mfp-content .staff-member-profile .profile-description.columns {
		margin-top: 45px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.staff.picture-boxes.left-picture-box .box-image {
		width: 260px;
	}
	.staff.picture-boxes.left-picture-box .box-text {
		margin-left: 290px;
	}
	.staff .box-text .contact-phone .phone-number,
	.staff .box-text .contact-email a {
		font-size: 16px;
	}
	.staff .box-text .contact-email {
		float: none;
	}
	.staff .box-text .fa-icon-list:not(:first-child) {
		margin-top: 15px !important;
	}
	.staff .box-text .fa-icon-list li:first-child {
		margin-left: 0;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .profile-header.columns,
	.single-staff .staff-member-profile .profile-info.columns {
		padding-left: 30px;
	}
	.single-staff .staff-member-profile .profile-header .title {
		margin-top: -15px;
	}
	.stripe-box .single-staff .staff-member-profile .profile-image figure,
	.stripe-right .single-staff .staff-member-profile .profile-image figure {
		margin: -75px -15px 0 -45px;
	}
	.single-staff .staff-member-profile .contact-details {
		margin-top: 0;
	}
	.single-staff .staff-member-profile .contact-details > div[class*="contact-"] {
		font-size: 16px;
	}
	.single-staff .staff-member-profile .contact-email .fa {
		margin-top: 7px;
	}
	.single-staff .staff-member-profile .contact-phone .fa {
		margin-top: 3px;
	}
	.single-staff .staff-member-profile .contact-skype .fa {
		margin-top: 6px;
	}
}
@media (max-width: 767px) {
	.staff.picture-boxes .box-text .sub:not(:last-child) {
		font-size: 14px;
	}
	.staff .box-text .contact-email {
		float: none;
	}
	.staff .box-text .fa-icon-list:not(:first-child) {
		margin-top: 15px !important;
	}
	.staff .box-text .fa-icon-list li:first-child {
		margin-left: 0;
	}
	
	.staff-member-profile .contact-email .fa {
		margin-top: 7px;
	}
	.staff-member-profile .contact-phone .fa {
		margin-top: 3px;
	}
	.staff-member-profile .contact-skype .fa {
		margin-top: 6px;
	}
	
	/* Profile on single page */
	.single-staff .staff-member-profile .contact-details {
		margin-top: 25px;
	}
	.single-staff .staff-member-profile .profile-description {
		margin-top: 50px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.staff.picture-boxes.left-picture-box .box-image {
		width: 200px;
		margin-right: 30px;
		margin-bottom: 20px;
	}
	.staff.picture-boxes.left-picture-box .box-text {
		margin-left: 0;
	}
}
@media (max-width: 479px) {
	.staff.picture-boxes.left-picture-box article {
		text-align: left;
	}
	.staff.picture-boxes.left-picture-box .box-image {
		float: none;
		width: auto;
	}
	.staff.picture-boxes.left-picture-box .box-text {
		margin: 30px 0 0 0;
	}
	
	/* 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: -10px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	17. 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: bold;
	margin: 0 30px 0 0;
}
.tabs .tabs-nav .tabs-list li:last-child {
	margin-right: 0;
}
.tabs .tabs-nav .tabs-list a {
	display: block;
	font-weight: inherit;
	border-bottom: 2px solid transparent;
}
.tabs .tabs-nav .tabs-list li.active a {
	color: #62758c;
	border-bottom-color: #1b9ad0;
}

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

/* for secondary color background */
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a {
    color: #fff;
}
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list a:hover {
	color: #f5f5f5;
}
.stripe-secondary-color-bg .tabs .tabs-nav .tabs-list li.active a {
	color: #fff;
	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: 0;
	padding: 0;
}
.tabs-full-width .tabs-nav .tabs-list li {
	display: inline-block;
	font-weight: 600;
	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;
	font-weight: inherit;
	padding-bottom: 2px;
	border-bottom: 2px dotted transparent;
}
.tabs-full-width .tabs-nav .tabs-list li.active a {
	color: #62758c;
	border-bottom-color: #1b9ad0;
}

/* for dark colored background */
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list li {
	font-weight: normal;
}
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a {
	color: #b6c7db;
}
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a:hover {
	color: #d4e7ff;
}
.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list li.active a {
	color: #d4e7ff;
	border-bottom-color: #d4e7ff;
}

/* for secondary color background */
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a {
	color: rgba(33, 53, 77, 0.8); /* #21354d */
}
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list a:hover {
	color: #21354d;
}
.tabs-full-width .tabs-nav .stripe-secondary-color-bg .tabs-list li.active a {
	color: rgba(0, 0, 0, 0.8);
	border-bottom-color: #fff;
}

.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 {
		font-size: inherit;
	}
	.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;
	}
}
@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;
	}
	.tabs-full-width .tabs-nav .dark-colored-bg .tabs-list a {
		border-bottom-width: 1px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	18. Accordion / Toggle
/*-----------------------------------------------------------------------------------*/

.toggle-trigger {
	position: relative;
	border-top: 1px dotted #c3c3c3;
	padding: 22px 60px 22px 0;
	cursor: pointer;
}
.stripe-white-bg .toggle-trigger,
#page-content.sidebar-layout .toggle-trigger {
	border-top-color: #ccc; /* on white bg */
}
.toggle-trigger:first-child {
	border-top: none;
	margin-top: -22px;
}
.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: #879ab0;
	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: 500;
}
.toggle-trigger:hover a {
	color: #1f5494;
}
.toggle-trigger:hover::after {
	color: #62758c;
}

.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: #879ab0;
}


/*-----------------------------------------------------------------------------------*/
/*	19. Stat Data
/*-----------------------------------------------------------------------------------*/

.stat-data[class*="-cols"] .columns {
	position: relative;
}
.stat-data[class*="-cols"] .columns::before {
	position: absolute;
	display: block;
	right: -1px;
	top: -100px;
	bottom: -100px;
	border-left-style: dashed;
	border-left-color: #ccc;
}
.stat-data[class*="-cols"]:only-child .columns::before {
	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-narrow .stat-data[class*="-cols"] .columns::before {
	top: -70px;
	bottom: -70px;
}
.stat-data > article {
	margin-top: 25px;
}
.stat-data > article:first-child {
	margin-top: 0;
}
.stat-data.stat-2-cols article {
	text-align: center;
}

.stat-data .fact-number {
	font: 700 42px/1 Verdana, Geneva, sans-serif;
	color: rgba(33, 53, 77, 0.8); /* #21354d */
	margin-bottom: 15px;
}
.stat-data.stat-2-cols .fact-number {
	font-size: 48px;
	margin-bottom: 5px;
}
.stat-data > article .fact-number {
	color: #1b9ad0;
}
.stat-data .fact-title {
	margin-bottom: 10px;
}
.stat-data .fact-title .title {
	font-weight: bold;
	color: #93c13d;
	margin-bottom: 0;
}
.stat-data .fact-statement p {
	font-size: 20px;
	line-height: 1.3;
	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: 22px;
}
.stat-data .fact-statement cite {
	display: block;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 400;
	color: #879ab0;
	margin-top: 10px;
}

/* for dark colored background */
.dark-colored-bg .stat-data[class*="-cols"] .columns::before {
	border-left-color: #b5b5b5;
}
.dark-colored-bg .stat-data .fact-number {
	color: rgba(255, 255, 255, 0.85);
}
.dark-colored-bg .stat-data .fact-title .title {
	color: #93c13d;
}
.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: #b6c7db;
}
.dark-colored-bg .stat-data .fact-statement cite a {
	color: #d4e7ff;
}
.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.6);
}
.stripe-secondary-color-bg .stat-data .fact-title .title {
	color: #fff;
}
.stripe-secondary-color-bg .stat-data .fact-statement cite {
	color: #666;
}
.stripe-secondary-color-bg .stat-data .fact-statement cite a {
	color: rgba(0, 0, 0, 0.6);
}
.stripe-secondary-color-bg .stat-data .fact-statement cite a:hover {
	color: inherit;
}

/* 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;
	}
}
@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[class*="-cols"] .columns::before {
		top: -75px;
		bottom: -75px;
	}
	.stripe-narrow .stat-data[class*="-cols"] .columns::before {
		top: -55px;
		bottom: -55px;
	}
}
@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: 44px;
	}
	.stat-data.stat-3-cols .fact-number {
		font-size: 40px;
	}
	.stat-data[class*="-cols"] .fact-statement p {
		font-size: inherit;
	}
	.stat-data.stat-3-cols .fact-statement p {
		font-size: 20px;
	}
	
	.stat-data[class*="-cols"] .columns::before {
		top: -75px;
		bottom: -75px;
	}
	.stripe-narrow .stat-data[class*="-cols"] .columns::before {
		top: -55px;
		bottom: -55px;
	}
}
@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.stat-2-cols .fact-number {
		font-size: 44px;
	}
	.stat-data.stat-3-cols .fact-number,
	.stat-data > article .fact-number {
		font-size: 40px;
	}
	.stat-data .fact-statement p {
		font-size: inherit;
	}
	.stat-data.stat-3-cols .fact-statement p,
	.stat-data > article .fact-statement p {
		font-size: 20px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	20. Venn Diagram
/*-----------------------------------------------------------------------------------*/

.venn-diagram {
	position: relative;
	margin-top: 10px;
}
.venn-diagram .circle {
	float: left;
	width: 250px;
	height: 250px;
	background-color: rgba(237, 95, 74, 0.85); /* #ed5f4a */
	border: 2px solid #ed5f4a;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.venn-diagram.three-sets .circle1 {
	margin-top: 130px; /* 130px = (250px - 40%) * 0.866 */
	margin-right: -175px; /* 175px = 250px - (250px - 40%) * 0.5 */
}
.venn-diagram.three-sets .circle3 {
	margin-top: 130px; /* 130px =(250px - 40%) * 0.866 */
	margin-left: -175px; /* 175px = 250px - (250px - 40%) * 0.5 */
}
.venn-diagram.three-sets .overlap {
	position: absolute;
	top: 180px;
	left: 150px; /* 150px = (250px - 20%) - 100px/2 */
	width: 100px;
	height: 70px;
}
.venn-diagram .label-wrapper {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
.venn-diagram.three-sets .circle1 .label-wrapper {
	width: 160px;
	margin-top: 15px;
	margin-left: 10px;
	z-index: 1;
}
.venn-diagram.three-sets .circle2 .label-wrapper {
	height: 70%;
	z-index: 2;
}
.venn-diagram.three-sets .circle3 .label-wrapper {
	width: 160px;
	margin-top: 15px;
	margin-left: 75px;
	z-index: 3;
}
.venn-diagram .label {
	display: table-cell;
	font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 500;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.venn-diagram .circle .label {
	text-transform: uppercase;
}
.venn-diagram .overlap .label {
	font-style: italic;
}

/* Two sets */
.venn-diagram.two-sets .circle2 {
	margin-top: 125px; /* 125px = 250px - 50% */
	margin-left: -250px;
}
.venn-diagram.two-sets .circle1 .label-wrapper {
	height: 65%;
	z-index: 1;
}
.venn-diagram.two-sets .circle2 .label-wrapper {
	height: 65%;
	margin-top: 35%;
	z-index: 2;
}
.venn-diagram.two-sets .overlap {
	position: absolute;
	top: 50%;
	left: 30px;
	width: 190px;
	height: 90px;
	margin-top: -45px;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) {
	
	/* Centering a diagram */
	.widget.align-only-md-center .venn-diagram {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.venn-diagram .circle {
		width: 240px;
		height: 240px;
	}
	.venn-diagram.three-sets .circle1 {
		margin-top: 125px; /* 125px = (240px - 40%) * 0.866 */
		margin-right: -168px; /* 168px = 240px - (240px - 40%) * 0.5 */
	}
	.venn-diagram.three-sets .circle3 {
		margin-top: 125px; /* 125px =(240px - 40%) * 0.866 */
		margin-left: -168px; /* 168px = 240px - (240px - 40%) * 0.5 */
	}
	.venn-diagram.three-sets .overlap {
		top: 170px;
		left: 147px; /* 147px = (240px - 20%) - 90px/2 */
		width: 90px;
	}
	.venn-diagram.three-sets .circle1 .label-wrapper {
		width: 155px;
	}
	.venn-diagram.three-sets .circle3 .label-wrapper {
		width: 155px;
		margin-left: 70px;
	}
	.venn-diagram .label {
		font-size: 19px;
	}
	.venn-diagram.two-sets .circle2 {
		margin-top: 120px; /* 120px = 240px - 50% */
		margin-left: -240px;
	}
	.venn-diagram.two-sets .overlap {
		width: 180px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-6 .venn-diagram .circle,
	.col-sm-7 .venn-diagram .circle,
	.col-sm-8 .venn-diagram .circle {
		width: 210px;
		height: 210px;
	}
	.col-sm-6 .venn-diagram.three-sets .circle1,
	.col-sm-7 .venn-diagram.three-sets .circle1,
	.col-sm-8 .venn-diagram.three-sets .circle1 {
		margin-top: 109px; /* 109px = (210px - 40%) * 0.866 */
		margin-right: -147px; /* 147px = 210px - (210px - 40%) * 0.5 */
	}
	.col-sm-6 .venn-diagram.three-sets .circle3,
	.col-sm-7 .venn-diagram.three-sets .circle3,
	.col-sm-8 .venn-diagram.three-sets .circle3 {
		margin-top: 109px; /* 109px = (210px - 40%) * 0.866 */
		margin-left: -147px; /* 147px = 210px - (210px - 40%) * 0.5 */
	}
	.col-sm-6 .venn-diagram.three-sets .overlap,
	.col-sm-7 .venn-diagram.three-sets .overlap,
	.col-sm-8 .venn-diagram.three-sets .overlap {
		top: 145px;
		left: 123px; /* 123px = (210px - 20%) - 90px/2 */
		width: 90px;
	}
	.col-sm-6 .venn-diagram.three-sets .circle1 .label-wrapper,
	.col-sm-7 .venn-diagram.three-sets .circle1 .label-wrapper,
	.col-sm-8 .venn-diagram.three-sets .circle1 .label-wrapper {
		width: 135px;
	}
	.col-sm-6 .venn-diagram.three-sets .circle3 .label-wrapper,
	.col-sm-7 .venn-diagram.three-sets .circle3 .label-wrapper,
	.col-sm-8 .venn-diagram.three-sets .circle3 .label-wrapper {
		width: 135px;
		margin-left: 55px;
	}
	.col-sm-6 .venn-diagram .label,
	.col-sm-7 .venn-diagram .label,
	.col-sm-8 .venn-diagram .label {
		font-size: 18px;
		line-height: 20px;
	}
	.col-sm-6 .venn-diagram.two-sets .circle2,
	.col-sm-7 .venn-diagram.two-sets .circle2,
	.col-sm-8 .venn-diagram.two-sets .circle2 {
		margin-top: 105px; /* 105px = 210px - 50% */
		margin-left: -210px;
	}
	.col-sm-6 .venn-diagram.two-sets .overlap,
	.col-sm-7 .venn-diagram.two-sets .overlap,
	.col-sm-8 .venn-diagram.two-sets .overlap {
		width: 150px;
	}
	
	/* Centering a diagram */
	.widget.align-only-sm-center .venn-diagram {
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 767px) {
	/* Centering a diagram */
	.widget.align-only-xs-center .venn-diagram {
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.venn-diagram.three-sets {
		width: 400px !important;
		max-width: none;
	}
	.venn-diagram.two-sets {
		width: 250px !important;
	}
}
@media (max-width: 479px) {
	.venn-diagram.three-sets {
		width: 295px !important;
		max-width: none;
	}
	.venn-diagram.two-sets {
		width: 184px !important;
	}
	.venn-diagram .circle {
		width: 184px;
		height: 184px;
	}
	.venn-diagram.three-sets .circle1 {
		margin-top: 96px; /* 96px = (184px - 40%) * 0.866 */
		margin-right: -129px; /* 129px = 184px - (184px - 40%) * 0.5 */
	}
	.venn-diagram.three-sets .circle3 {
		margin-top: 96px; /* 96px = (184px - 40%) * 0.866 */
		margin-left: -129px; /* 129px = 184px - (184px - 40%) * 0.5 */
	}
	.venn-diagram.three-sets .overlap {
		top: 125px;
		left: 107px; /* 107px = (184px - 20%) - 80px/2 */
		width: 80px;
	}
	.venn-diagram.three-sets .circle1 .label-wrapper {
		width: 115px;
	}
	.venn-diagram.three-sets .circle3 .label-wrapper {
		width: 115px;
		margin-left: 40px;
	}
	.venn-diagram .label {
		font-size: 16px;
		line-height: 19px;
	}
	.venn-diagram.two-sets .circle2 {
		margin-top: 92px; /* 92px = 184px - 50% */
		margin-left: -184px;
	}
	.venn-diagram.two-sets .overlap {
		width: 124px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	21. Blog
/*-----------------------------------------------------------------------------------*/

/* Category navigation
--------------------------------------------------- */
.category-navigation {
	list-style: none;
	padding: 0;
	margin: -20px 0 45px;
	text-align: center;
}
.category-navigation li {
	display: inline-block;
	margin: 0 15px 10px 0;
}
.category-navigation li:last-child {
	margin-right: 0;
}
.category-navigation li a {
	display: block;
	font-size: 19px;
	line-height: 1.25;
	font-weight: 600;
	color: #62758c;
	padding: 2px 3px;
}
.category-navigation li a:hover {
	color: #222;
}

/* 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;
	border-top: 2px dotted #dedede;
	content: "";
}
.blog-list-layout article:first-child::before {
	border: 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: 90px;
	padding-right: 15px;
	text-align: right;
}
.blog-list-layout article .post-date .day {
	display: block;
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #879ab0;
	margin-top: 2px;
	letter-spacing: -1px;
	white-space: nowrap;
}
.blog-list-layout article .post-date .year {
	display: block;
	margin-top: 1px;
	padding-right: 1px;
	font: 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #909090;
}
.blog-list-layout article .post-date::after {
	position: absolute;
	display: block;
	top: 2px;
	right: 0;
	width: 3px;
	height: 54px;
	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: 130px;
}
.blog-list-layout article .post-content .title {
	margin-bottom: 0;
}
.blog-list-layout article .post-content h2.title,
#main-content .blog-list-layout article .post-content h2.title {
	font-size: 32px;
	line-height: 1.3;
	font-weight: 500;
}
.blog-list-layout article .post-content .title a {
	color: inherit;
	padding: 5px 0;
}
.blog-list-layout article .post-content .title a:hover {
	color: #1f5494;
}
.blog-list-layout article .post-meta {
	font-size: 16px;
	color: #666;
	font-style: italic;
	margin-top: 10px;
}
.blog-list-layout article .post-meta a {
	font-size: inherit;
	font-weight: 400;
	color: #93c13d;
}
.blog-list-layout article .post-meta a:hover {
	color: #1b9ad0;
}
.blog-list-layout article .post-media {
	margin-top: 15px;
}
.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:last-of-type {
	margin-bottom: 0;
}
.blog-list-layout article .post-excerpt .read-more-link {
	margin-top: 15px;
	font-size: 14px;
	text-transform: uppercase;
}
.blog-list-layout article .post-excerpt .read-more-link::after {
	font-size: 12px;
	vertical-align: 0;
}

/* Blog - grid layout
--------------------------------------------------- */
.blog-grid-layout {
	margin: -60px -15px 0;
}
.blog-grid-layout article {
	margin: 60px 15px 0;
	height: calc(100% - 60px);
}
.blog-grid-layout article .post-content {
	position: relative;
	height: 100%;
	padding: 2px 2px 40px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3);
			box-shadow: 0 1px 3px 0 rgba(33, 53, 77, 0.3); /* #21354d */
}
.no-touch-screen .blog-grid-layout .post-content:hover .image-overlay,
.no-touch-screen .overlay-enabled:hover .image-overlay {
	opacity: 1;
}

/* Post tag */
.blog-grid-layout article .post-category {
	font-size: 16px;
	font-weight: 400;
	padding: 20px 20px 10px;
}
.blog-grid-layout article .post-category a {
	color: #93c13d;
	font-weight: inherit;
}
.blog-grid-layout article .post-category a:hover {
	color: #1b9ad0;
}

/* 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;
}
.blog-grid-layout article .post-description h4.title,
#main-content .blog-grid-layout article .post-description h4.title {
	font-size: 22px;
	line-height: 1.5;
	font-weight: 500;
}
.blog-grid-layout article .post-description .title a {
	color: inherit;
	padding: 5px 0;
}
.blog-grid-layout article .post-description .title a:hover {
	color: #1f5494;
}

/* Post meta */
.blog-grid-layout article .post-meta {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 13px;
	font-weight: 400;
	color: #879ab0;
	padding: 0 20px 20px;
}
.blog-grid-layout article .post-meta .ion { /* vector icons - Ionicons */
	font-size: 19px;
	vertical-align: -2px;
	padding-right: 5px;
}
.blog-grid-layout article .post-author {
	float: right;
}
.blog-grid-layout article .post-meta a {
	color: inherit;
	font-weight: inherit;
	font-style: italic;
}
.blog-grid-layout article .post-meta a:hover {
	text-decoration: underline;
}

/* Featured article */
.blog-grid-layout.featured-article {
	margin: 0;
}
.blog-grid-layout article.sticky-newest {
	margin: 0;
	height: auto;
}
.blog-grid-layout article.sticky-newest .post-content {
	height: auto;
	padding: 0;
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.blog-grid-layout article.sticky-newest .post-meta {
	position: static;
	width: auto;
	font-size: 15px;
	margin: 0 0 20px 5px;
	padding: 0;
}
.blog-grid-layout article.sticky-newest .post-author {
	float: none;
}
.blog-grid-layout article.sticky-newest .post-author a {
	font-weight: 600;
	font-style: normal;
}
.blog-grid-layout article.sticky-newest .post-media {
	float: left;
	width: 640px;
}
.blog-grid-layout article.sticky-newest .post-category {
	font-size: 17px;
	margin-top: 10px;
	padding: 0;
}
.blog-grid-layout article.sticky-newest .post-description {
	margin: 0 0 0 680px;
	padding: 0;
}
.blog-grid-layout article.sticky-newest .post-description p {
	margin: 20px 0 0;
}
.blog-grid-layout article.sticky-newest .post-description .read-more-link {
	margin-top: 15px;
}

#main-content .blog-grid-layout article.sticky-newest {
	margin-bottom: 80px;
}
#main-content .blog-grid-layout article.sticky-newest .post-media {
	width: 450px;
}
#main-content .blog-grid-layout article.sticky-newest .post-description {
	margin-left: 480px;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt {
	margin-top: 25px;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt p {
	margin-bottom: 0;
}
#main-content .blog-grid-layout article.sticky-newest .post-excerpt .read-more-link {
	margin-top: 15px;
}

/* Grid: album view */
.blog-grid-layout.blog-grid-album .row {
	
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	.blog-grid-layout article.sticky-newest .post-media {
		width: 720px;
	}
	.blog-grid-layout article.sticky-newest .post-description {
		margin-left: 770px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 520px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description {
		margin-left: 555px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.category-navigation li {
		margin: 0 12px 10px 0;
	}
	
	.blog-list-layout article .post-date {
		width: 80px;
		padding-right: 12px;
	}
	.blog-list-layout article .post-date .month {
		font-size: 21px;
	}
	.blog-list-layout article .post-date::after {
		height: 52px;
	}
	.blog-list-layout article .post-content {
		margin-left: 115px;
	}
	
	.blog-grid-layout {
		margin: -30px 0 0;
	}
	.blog-grid-layout article {
		margin: 30px 0 0;
		height: calc(100% - 30px);
	}
	.blog-grid-layout article.sticky-newest .post-media {
		width: 500px;
	}
	.blog-grid-layout article.sticky-newest .post-description {
		margin-left: 530px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 340px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description {
		margin-left: 365px;
	}
}
@media (max-width: 991px) {
	.blog-list-layout article {
		margin: 0;
		padding: 50px 0;
	}
	.blog-list-layout article::before {
		height: 1px;
		border-top: 1px solid #dedede;
	}
}
@media (min-width: 768px) {
	.blog-grid-layout:not(.featured-article) .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.blog-grid-layout:not(.featured-article) .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%;
	}
}
@media (min-width: 992px) {
	.blog-grid-layout:not(.featured-article) .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%;
	}
	.blog-grid-layout.blog-grid-album .col-md-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%;
	}
}
@media (min-width: 480px) {
	/* Grid: album view */
	.blog-grid-layout.blog-grid-album .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.blog-grid-layout.blog-grid-album article .post-content {
		height: 174px; /* iOS fix */
		background-color: rgba(255, 255, 255, 0.75);
		padding: 2px 20px 0 2px;
		-webkit-transition: background-color 0.3s ease;
			 -o-transition: background-color 0.3s ease;
				transition: background-color 0.3s ease;
	}
	.no-touch-screen .blog-grid-layout.blog-grid-album .post-content:hover {
		background-color: rgba(255, 255, 255, 0.9);
	}
	.blog-grid-layout.blog-grid-album article .post-media {
		position: relative;
		float: left;
		width: 170px;
		margin-bottom: 2px;
		z-index: 2;
	}
	.blog-grid-layout.blog-grid-album article .post-category {
		padding: 10px 0 0 190px;
		margin-bottom: -5px;
	}
	.blog-grid-layout.blog-grid-album article .post-description {
		padding: 10px 0 0 190px;
	}
	.blog-grid-layout.blog-grid-album article .post-meta {
		padding: 0 20px 10px 190px;
	}
	.blog-grid-layout.blog-grid-album article .post-description h4.title {
		height: 90px; /* 3 x line-height */
		line-height: 1.35 !important;
		overflow: hidden;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.category-navigation li {
		margin: 0 10px 8px 0;
	}
	.category-navigation li a {
		font-size: 18px;
	}
	
	.blog-grid-layout {
		margin: -40px -5px 0;
	}
	.blog-grid-layout article {
		margin: 40px 5px 0;
		height: calc(100% - 40px);
	}
	#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;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-media {
		width: 420px;
	}
	#main-content .blog-grid-layout article.sticky-newest .post-description {
		margin-left: 450px;
	}
}
@media (max-width: 767px) {
	.category-navigation li {
		margin: 0 10px 7px 0;
	}
	.category-navigation li a {
		font-size: 17px;
	}
	
	.blog-list-layout article .post-content h2.title,
	#main-content .blog-list-layout article .post-content h2.title {
		font-size: 28px;
	}
	
	.blog-grid-layout {
		margin-left: 0;
		margin-right: 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 article .post-description h4.title {
		min-height: 50px; /* 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;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.blog-list-layout article .post-date {
		width: 75px;
		padding-right: 10px;
	}
	.blog-list-layout article .post-date .month {
		font-size: 20px;
	}
	.blog-list-layout article .post-date .year {
		font-size: 15px;
	}
	.blog-list-layout article .post-date::after {
		height: 50px;
	}
	.blog-list-layout article .post-content {
		margin-left: 105px;
	}
	
	.blog-grid-layout:not(.featured-article) .columns {
		padding-left: 15%;
		padding-right: 15%;
	}
	
	.blog-grid-layout.blog-grid-album .columns {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-grid-layout.blog-grid-album article {
		max-width: none;
	}
}
@media (max-width: 479px) {
	.blog-list-layout article .post-date {
		position: static;
		display: block;
		width: auto;
		margin-bottom: 7px;
		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: 15px;
		font-weight: 600;
	}
	.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;
	}
	
	.blog-grid-layout.blog-grid-album article {
		max-width: 300px; /* the width is limited to 300px */
	}
}


/*-----------------------------------------------------------------------------------*/
/*	22.	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;
	border-top: 2px dotted #dedede;
	content: "";
}
.blog-posts.blog-grid-layout + .post-pagination {
	margin-top: 60px;
	margin-bottom: 0;
	text-align: center;
}

.post-pagination a,
.post-pagination > span {
	display: inline-block;
	width: 40px;
	height: 40px;
	font: 18px/40px 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: #fff;
	background-color: #879ab0;
	margin: 0 8px;
}
.post-pagination span.dots {
	color: #666;
}
.post-pagination .prev .ion, /* vector icons - Ionicons */
.post-pagination .next .ion {
	font-size: 18px;
}
.post-pagination a {
	color: #62758c;
}
.post-pagination a:hover {
	color: #222;
}

/* Media queries
--------------------------------------------------- */
@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;
		border-top: 1px solid #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 6px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	23. Single Post
/*-----------------------------------------------------------------------------------*/

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

/* Post details
--------------------------------------------------- */

/* 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: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #666;
	text-align: center;
	margin: 5px 0 0;
}

/* Post share - at the left side */
.single-post-details .post-share {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 2px solid rgba(255, 188, 140, 0.5); /* #93c13d */
}
.single-post-details .post-share .title {
	text-align: center;
	margin-bottom: 20px;
}
.single-post-details .post-share .social-share {
	width: 44px;
	margin: 0 auto -12px;
	text-align: center;
}
.single-post-details .post-share .fa-icon-list li {
	display: list-item;
	margin: 0 0 12px;
}

/* 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 rgba(135, 154, 176, 0.4); /* #879ab0 */
	-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-post article .post-share {
	margin-top: 45px;
}
.single-post .blog-post article .post-share .title {
	float: left;
	color: #666;
	margin: 0 15px 0 0;
	padding-top: 5px;
}
.single-post .blog-post article .post-share .social-share li a {
	width: 38px;
	height: 38px;
}
.single-post .blog-post 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: 20px;
	border-top: 2px solid rgba(255, 188, 140, 0.5); /* #93c13d */
}
.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 13px/22px Verdana, Geneva, sans-serif;
	color: #62758c;
}
.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: #222;
}

/* Comments
--------------------------------------------------- */
#comments {
	margin-top: 65px;
}
#comments > .title:first-child {
	color: #62758c;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #b6c7db;
}
.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 span {
	padding: 0 6px 0 3px;
}
.comment-list .comment-meta .date {
	display: block;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
}
.comment-list .comment-meta .date a {
	color: #879ab0;
	font-weight: inherit;
}
.comment-list .comment-meta .date a:hover,
.comment-list .comment-meta .date a:hover * {
	color: #62758c;
}
.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: 16px;
	margin-bottom: 15px;
}
.comment-list .comment-reply-link {
	float: right;
	font-size: 15px;
	font-weight: 400;
	color: #666;
}
.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 .blog-post {
		padding: 0 230px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.single-post .blog-post {
		padding: 0 195px;
	}
}
@media (min-width: 992px) {
	.single-post-details {
		position: absolute;
		top: 0;
		left: 15px;
		width: 120px;
		margin: 0;
	}
	.single-post-details .post-author .author-image {
		width: 100px;
		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 (min-width: 992px) and (max-width: 1199px) {
	.single-post .blog-post {
		padding: 0 135px;
	}
	.single-post-details {
		width: 100px;
	}
	.single-post-details .post-author .author-image {
		width: 90px;
	}
}
@media (max-width: 991px) {
	.single-post-details {
		background-color: #fff;
		margin: -75px -135px 50px;
		padding: 7px 135px;
	}
	.single-post-details .post-author .author-image {
		float: left;
		width: 50px;
	}
	.single-post-details .post-author .author-info {
		font-size: 16px;
		margin-left: 70px;
	}
	.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;
		color: inherit;
		margin: 0;
		text-align: left;
	}
	.single-post-details .post-author .author-info .title:not(:last-child)::after {
		content: ", ";
	}
	.single-post-details .post-share,
	.single-post-details .post-tags {
		display: none;
	}
}
@media (max-width: 479px) {
	.single-post-details {
		margin-top: -60px;
	}
	.single-post-details .post-author .author-info .subtitle,
	.single-post-details .post-author .author-info .title:not(:last-child)::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;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	24. Recent Posts
/*-----------------------------------------------------------------------------------*/

.recent-posts.picture-boxes.top-picture-box .box-text {
	margin-top: 20px;
}
.recent-posts.picture-boxes .box-text p,
.recent-posts.picture-boxes .box-text .post-meta {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	color: #666;
	margin-top: 5px;
}

/* for dark colored background */
.dark-colored-bg .recent-posts.picture-boxes.top-picture-box .box-image img {
	border-width: 0;
}
.dark-colored-bg .recent-posts.picture-boxes.top-picture-box.round-image .box-image img {
	border-width: 3px;
}
.dark-colored-bg .recent-posts.picture-boxes .box-text p,
.dark-colored-bg .recent-posts.picture-boxes .box-text .post-meta {
	color: #ccc;
}

/* for secondary color background */
.stripe-secondary-color-bg .recent-posts.picture-boxes .box-text p,
.stripe-secondary-color-bg .recent-posts.picture-boxes .box-text .post-meta {
	color: #fff;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) {
	.recent-posts.picture-boxes.round-image .box-image {
		width: 150px !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.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;
	}
}
@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;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	25. Split Sections
/*-----------------------------------------------------------------------------------*/

.split-sections .box-text {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	        flex-direction: column;
	justify-content: center;
	background-color: #fff;
	text-align: center;
}
.split-sections .box-text p {
	margin-bottom: 15px;
}
.split-sections .box-text > *:last-child {
	margin-bottom: 0;
}

/* for white background */
.stripe-white-bg .split-sections .box-text,
#page-content.sidebar-layout .split-sections .box-text {
	background-color: #f5f5f5;
}

/* Media queries
--------------------------------------------------- */
@media (max-width: 991px) {
	.split-sections .box-image {
		margin-top: 60px;
	}
	.split-sections .row:first-child .box-image {
		margin-top: 0;
	}
	.split-sections .columns,
	.split-sections .box-text,
	.split-sections .box-image {
		height: auto;
	}
	.split-sections .box-text {
		padding: 35px 40px 40px;
	}
}
@media (max-width: 479px) {
	.split-sections .box-text {
		padding: 30px 30px 35px;
	}
}
@media (min-width: 992px) {
	.split-sections .row:nth-child(odd) .columns:first-child {
		float: right;
	}
	.split-sections .row:nth-child(odd) .columns:nth-child(odd),
	.split-sections .row:nth-child(even) .columns:nth-child(even) {
		padding-left: 0;
		overflow: hidden;
	}
	.split-sections .row:nth-child(odd) .columns:nth-child(even),
	.split-sections .row:nth-child(even) .columns:nth-child(odd) {
		padding-right: 0;
		overflow: hidden;
	}
	.split-sections .box-text::after {
		position: absolute;
		display: block;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 40px;
		content: "";
		background-image: -webkit-linear-gradient(bottom, #fff 20px, rgba(245, 245, 245, 0));
		background-image: -o-linear-gradient(bottom, #fff 20px, rgba(245, 245, 245, 0));
		background-image: linear-gradient(to top, #fff 20px, rgba(245, 245, 245, 0));
	}
	.stripe-white-bg .split-sections .box-text::after, /* for white background */
	#page-content.sidebar-layout .split-sections .box-text::after {
		background-image: -webkit-linear-gradient(bottom, #f5f5f5 20px, rgba(245, 245, 245, 0));
		background-image: -o-linear-gradient(bottom, #f5f5f5 20px, rgba(245, 245, 245, 0));
		background-image: linear-gradient(to top, #f5f5f5 20px, rgba(245, 245, 245, 0));
	}
	.split-sections .box-image {
		overflow: hidden;
	}
	.split-sections .box-image figure {
		position: relative;
		left: 0;
		top: 50%;
		-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			 -o-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}
}
@media (min-width: 1520px) {
	.split-sections .columns,
	.split-sections .box-text,
	.split-sections .box-image {
		height: 400px;
	}
	.split-sections .box-text {
		padding: 30px 60px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.split-sections .columns,
	.split-sections .box-text,
	.split-sections .box-image {
		height: 380px;
	}
	.split-sections .box-text {
		padding: 30px 50px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.split-sections .columns,
	.split-sections .box-text,
	.split-sections .box-image {
		height: 350px;
	}
	.split-sections .box-text {
		padding: 30px 40px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	26. Twitter Feed
/*-----------------------------------------------------------------------------------*/

.twitter-feed > p { /* for script notifications */
	font-size: 16px;
	color: #666;
}
.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: 15px;
	font-style: italic;
	margin-top: 5px;
}
.twitter-feed .tweet_text,
.twitter-feed .tweet_time {
	line-height: 1.5;
	margin-left: 23px;
}
.twitter-feed .tweet_time a {
	font-weight: inherit;
	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: 38px;
}
.twitter-feed .tweet_avatar {
	padding-right: 10px;
	float: left;
}

.twitter-feed[data-avatar="no"] .tweet_list li {
	position: relative;
}
.twitter-feed[data-avatar="no"] .tweet_list li::before {
	position: absolute;
	top: 6px;
	left: -2px;
	font-family: FontAwesome;
	font-size: 19px;
	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;
	line-height: 1.5;
	font-weight: 700;
	margin-top: 3px;
	margin-left: 60px;
}
.twitter-feed.tweet-boxes .tweet_user {
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	font-weight: inherit;
	color: #999;
	margin: -5px 0 0 60px;
}
.twitter-feed.tweet-boxes .tweet_user:hover {
	color: #666;
}
.twitter-feed.tweet-boxes .tweet_text {
	margin: 10px 0 0;
}
.twitter-feed.tweet-boxes .tweet_time {
	font-size: 16px;
	margin-left: 0;
}
.twitter-feed.tweet-boxes .tweet_text a,
.twitter-feed.tweet-boxes .tweet_time a {
	font-weight: inherit;
}

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

/* Inside the wrapper
--------------------------------------------------- */
.twitter-feed-wrapper {
	text-align: center;
}
.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-size: 19px;
	line-height: 1.5;
	font-weight: 400;
	color: inherit;
	margin-left: 0;
}
.twitter-feed-wrapper .twitter-feed .tweet_time {
	font-size: 18px;
	margin: 10px 0 0;
}

/* for dark colored background */
.dark-colored-bg .twitter-feed-wrapper .top-icon .fa {
	color: #b6c7db;
}
.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: #d4e7ff;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_text a:hover {
	color: #93c13d;
}
.dark-colored-bg .twitter-feed-wrapper .twitter-feed .tweet_time a {
	color: #b6c7db;
}
.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.25);
}
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_text a {
	color: #fff;
}
.stripe-secondary-color-bg .twitter-feed-wrapper .twitter-feed .tweet_text a:hover {
	color: #eee;
}
.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: #222;
}

/* 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: 21px;
	}
}
@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;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	27. Flickr Photostream
/*-----------------------------------------------------------------------------------*/

.flickr-photostream {
	margin: -20px -20px 0 0;
}
.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 20px 0 0;
}
.flickr-photostream a:hover img {
	opacity: 0.8;
}


/*-----------------------------------------------------------------------------------*/
/*	28. Standard Table
/*-----------------------------------------------------------------------------------*/

[class$="-layout"] table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: rgba(255, 255, 255, 0.8);
	margin-bottom: 20px;
}
.standard-table-wrapper {
	margin-bottom: 20px;
}
.standard-table-wrapper table.standard-table {
	margin-bottom: 0;
}
[class$="-layout"] table th,
[class$="-layout"] table thead td {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	border: 1px solid rgba(135, 154, 176, 0.4); /* #879ab0 */
	border-bottom-color: rgba(135, 154, 176, 0.8); /* #879ab0 */
	background-color: rgba(135, 154, 176, 0.15); /* #879ab0 */
	padding: 8px 15px;
	vertical-align: top;
}
[class$="-layout"] table td {
	font-size: 16px;
	line-height: 1.5;
	border: 1px solid rgba(135, 154, 176, 0.4); /* #879ab0 */
	padding: 8px 15px;
	vertical-align: middle;
}
[class$="-layout"] table caption {
	font-size: 15px;
	color: #909090;
	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(135, 154, 176, 0.1); /* #879ab0 */
}

/* Header with dark colored background */
table.standard-table.dark-bg-header th {
	color: #fff;
	background-color: #62758c;
	border-color: #62758c;
	border-right-color: #b6c7db;
	letter-spacing: 0.3px;
}
table.standard-table.dark-bg-header th:last-child {
	border-right-color: #62758c;
}
table.standard-table.dark-bg-header.first-col-bg th:first-child {
	border-color: rgba(135, 154, 176, 0.4); /* #879ab0 */
	border-right-color: #879ab0;
}

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

/* Small text */
table.standard-table.text-small th,
table.standard-table.text-small td {
	font-size: inherit;
}

/* Footer trim */
table.standard-table .footer-trim td {
	border-bottom-color: rgba(135, 154, 176, 0.8); /* #879ab0 */
}
table.standard-table .footer.no-links td {
	font-weight: bold;
}

/* for white background */
.stripe-white-bg table.standard-table:not(.dark-bg-header) th,
#page-content.sidebar-layout table.standard-table:not(.dark-bg-header) th {
	background-color: rgba(135, 154, 176, 0.1); /* #879ab0 */
}

/* 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(33, 53, 77, 0.6); /* #21354d */
	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(33, 53, 77, 0.6); /* #21354d */
}
.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: #d5d5d5;
}
.dark-colored-bg table.standard-table.first-col-bg tr th:first-child,
.dark-colored-bg table.standard-table.first-col-bg thead td:first-child {
	background: none !important;
}
.dark-colored-bg table.standard-table.first-col-bg td:first-child {
	font-weight: 600;
	background-color: rgba(255, 255, 255, 0.25);
}
.dark-colored-bg table td .fa {
	color: #93c13d;
}

/* 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.25) !important;
	border: none;
	border-right: 1px solid rgba(247, 133, 52, 0.7); /* #1b9ad0 */
	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(247, 133, 52, 0.7); /* #1b9ad0 */
}
.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;
}
.stripe-secondary-color-bg table.standard-table.first-col-bg tr th:first-child,
.stripe-secondary-color-bg table.standard-table.first-col-bg thead td:first-child {
	background: none !important;
}
.stripe-secondary-color-bg table.standard-table.first-col-bg td:first-child {
	font-weight: 600;
	background-color: rgba(255, 255, 255, 0.25);
}

/* Media queries
--------------------------------------------------- */
@media (max-width: 991px) {
	[class$="-layout"] table th,
	[class$="-layout"] table td {
		font-size: 15px;
		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;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	29. 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(135, 154, 176, 0.2); /* #879ab0 */
	text-align: center;
}
.pricing-table .table-column:first-child .header {
	border-left: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}
.pricing-table .table-column:last-child .header {
	border-right: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}
.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: 16px;
	line-height: 24px; /* important: used in JS function */
	font-weight: 400;
	color: #62758c;
	padding: 7px 15px 0;
}
.pricing-table .price {
	height: 62px; /* 36px + 26px */
	background-color: rgba(135, 154, 176, 0.2); /* #879ab0 */
	margin: 20px 0 0;
	padding: 13px 15px;
	overflow: hidden;
}
.pricing-table .header.short .price {
	margin-top: 7px;
}
.pricing-table .price h6 {
	font: 36px/1 Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #444;
	margin-bottom: 0;
}
.pricing-table .price h6 span {
	font-size: 14px;
	color: #666;
}
.pricing-table .price .sub {
	
}

/* Column's content
--------------------------------------------------- */
.pricing-table .features {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid #dedede;
}
.pricing-table .table-column:first-child .features {
	border-left: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}
.pricing-table .table-column:last-child .features {
	border-right: 2px solid rgba(135, 154, 176, 0.2); /* #879ab0 */
}
.pricing-table .features li {
	line-height: 25px; /* important: used in JS function */
	color: #62758c;
	background-color: #fff;
	margin: 0;
	padding: 10px 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(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2));
	background-image: -o-linear-gradient(left, rgba(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2));
	background-image: linear-gradient(to right, rgba(135, 154, 176, 0.2), rgba(135, 154, 176, 0.2)); /* #879ab0 */
	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 {
	border-width: 1px;
	background-color: #fff;
}
.pricing-table .footer .button:not(.button-grey):not(.button-colored) {
	color: #62758c;
	border-color: #62758c;
}
.pricing-table .footer .button:not(.button-grey):not(.button-colored):hover {
	color: #fff;
	background-color: #62758c;
}
.pricing-table .footer .button.button-colored {
	color: #1b9ad0;
	border-color: #1b9ad0;
}
.pricing-table .footer .button.button-colored:hover {
	color: #fff;
	background-color: #1b9ad0;
}
.pricing-table .footer .button.button-grey {
	color: #727378;
	border-color: #727378;
}
.pricing-table .footer .button.button-grey:hover {
	color: #fff;
	background-color: #727378;
}
.pricing-table .footer .button::after {
	display: none;
}

/* 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: #1b9ad0;
	border: 2px solid #1b9ad0;
	border-bottom: none;
}
.pricing-table .table-column.featured:first-child .header {
	border-left-color: #1b9ad0;
}
.pricing-table .table-column.featured:last-child .header {
	border-right-color: #1b9ad0;
}
.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(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2));
	background-image: -o-linear-gradient(left, rgba(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2));
	background-image: linear-gradient(to right, rgba(255, 188, 140, 0.2), rgba(255, 188, 140, 0.2)); /* #93c13d */
}
.pricing-table .featured .price h6 span {
	color: #666;
}
.pricing-table .featured .features {
	border-left: 2px solid #1b9ad0;
	border-right: 2px solid #1b9ad0;
}
.pricing-table .table-column.featured:first-child .features {
	border-left: 2px solid #1b9ad0;
}
.pricing-table .table-column.featured:last-child .features {
	border-right: 2px solid #1b9ad0;
}
.pricing-table .featured .footer {
	background-color: rgba(255, 188, 140, 0.2); /* #93c13d */
	background-image: none;
	padding-bottom: 35px;
	border: 2px solid #1b9ad0;
	border-top: none;
}
.pricing-table .table-column.featured:first-child .footer {
	border-left: 2px solid #1b9ad0;
}

/* 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: 15px;
	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(135, 154, 176, 0.2); /* #879ab0 */
	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: #1b9ad0;
}

/* 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: #21354d;
}
.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: 14px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
	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;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.pricing-table .title,
	.pricing-table .description,
	.pricing-table .price,
	.pricing-table .footer {
		padding-left: 7px;
		padding-right: 7px;
	}
	.pricing-table h4.title {
		font-size: 21px;
	}
	.pricing-table h5.title {
		font-size: 19px;
	}
	.pricing-table .title {
		font-weight: 500;
	}
	.pricing-table .price {
		height: 58px; /* 32px + 26px */
	}
	.pricing-table .price h6 {
		font-size: 32px;
	}
	.pricing-table .price h6 span {
		font-size: 13px;
	}
	.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-weight: 600;
		text-align: center;
	}
}
@media (min-width: 480px) {
	/* For equal cell height in a row */
	/* r = line-height (25px) */
	.pricing-table .features li.r1  { height: 45px; /* 20px + r */ }
	.pricing-table .features li.r2  { height: 70px; }
	.pricing-table .features li.r3  { height: 95px; }
	.pricing-table .features li.r4  { height: 120px; }
	.pricing-table .features li.r5  { height: 145px; }
	.pricing-table .features li.r6  { height: 170px; }
	/* r = line-height (24px) */
	.pricing-table .description.r1  { height: 31px; /* 7px + r */ }
	.pricing-table .description.r2  { height: 55px; }
	.pricing-table .description.r3  { height: 79px; }
	.pricing-table .description.r4  { height: 103px; }
}
@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(135, 154, 176, 0.2); /* #879ab0 */
	}
	.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: #1b9ad0;
	}
	.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(135, 154, 176, 0.2); /* #879ab0 */
	}
	.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: #1b9ad0;
	}
	.pricing-table.extended .table-column.row-labels + .table-column.featured .footer {
		border-left: 2px solid #1b9ad0;
	}
	.pricing-table .title,
	.pricing-table .description,
	.pricing-table .price,
	.pricing-table .footer {
		padding-left: 7px;
		padding-right: 7px;
	}
	.pricing-table h4.title {
		font-size: 21px;
	}
	.pricing-table h5.title {
		font-size: 19px;
	}
	.pricing-table .title {
		font-weight: 500;
	}
	.pricing-table .price {
		height: 58px; /* 32px + 26px */
	}
	.pricing-table .price h6 {
		font-size: 32px;
	}
}
@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(135, 154, 176, 0.2) !important; /* #879ab0 */
		border-right: 2px solid rgba(135, 154, 176, 0.2) !important; /* #879ab0 */
	}
	.pricing-table .featured {
		-webkit-box-shadow: none;
			    box-shadow: none;
	}
	.pricing-table .featured .header,
	.pricing-table .featured .features {
		border-left-color: #1b9ad0 !important;
		border-right-color: #1b9ad0 !important;
	}
}


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

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

/* Image overlay
--------------------------------------------------- */
.image-overlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(33, 53, 77, 0.4); /* #21354d */
	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(255, 188, 140, 0.1); /* #93c13d */
	-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(98, 117, 140, 0.3); /* #62758c */
}
.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;
	width: auto;
	width: 1100px;
	max-width: 95%;
	background: #fff;
	margin: 20px auto;
	padding: 40px;
}


/*-----------------------------------------------------------------------------------*/
/*	31. Forms
/*-----------------------------------------------------------------------------------*/

/* Submit button */
.comment-form input[type="submit"],
#page-content .contact-form input[type="submit"],
#main .subscription-form input[type="submit"] {
	background-color: #62758c;
}
.comment-form input[type="submit"]:hover,
#page-content .contact-form input[type="submit"]:hover,
#main .subscription-form input[type="submit"]:hover {
	background-color: #333;
}

/* Notification */
#comment-form-message.success p,
#page-content #contact-form-message.success p,
#main .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 {
	color: #ff5555;
	font-weight: bold;
}

/* Comment Form
--------------------------------------------------- */
#comments + .comment-respond {
	margin-top: 60px;
}
.comment-respond .title {
	color: #62758c;
	margin-bottom: 10px;
}
.comment-form .comment-notes {
	color: #666;
	margin-bottom: 10px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 60%;
	min-width: 290px;
	background-color: #fff;
	border: 2px solid rgba(135, 154, 176, 0.25); /* #879ab0 */
}
.comment-form textarea {
	height: 150px;
	background-color: #fff;
	border: 2px solid rgba(135, 154, 176, 0.25); /* #879ab0 */
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	border-color: rgba(135, 154, 176, 0.4); /* #879ab0 */
}

/* Placeholders */
.comment-form ::-webkit-input-placeholder {
	color: #879ab0;
	opacity: 1;
	-webkit-transition: opacity 0.15s ease;
	        transition: opacity 0.15s ease;
}
.comment-form :-moz-placeholder { /* Firefox 18- */
	color: #879ab0;
	opacity: 1;
	-moz-transition: opacity 0.15s ease;
	     transition: opacity 0.15s ease;
}
.comment-form ::-moz-placeholder { /* Firefox 19+ */
	color: #879ab0;
	opacity: 1;
	transition: opacity 0.15s ease;
}
.comment-form :-ms-input-placeholder {  
	color: #879ab0;
	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: 15px;
	margin: 10px 0 0;
}

/* Contact Form
--------------------------------------------------- */
#page-content .contact-form {
	width: 80%;
}
#page-content .contact-form label {
	font-weight: 600;
	margin-bottom: 5px;
}
#page-content .contact-form label a {
	font-weight: inherit;
}
#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;
	padding: 6px 12px 7px;
}
#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: #93c13d;
}

/* 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;
	padding-top: 5px;
	padding-bottom: 6px;
}
#page-content .contact-form select:focus {
	background-color: #f5f5f5;
}
#page-content .contact-form select:focus > option {
	background-color: #fff;
}

/* Checkbox */
.contact-form input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 5px;
}
.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: 15px;
	margin: 10px 0 0;
}

/* Subscription Form
--------------------------------------------------- */
#main .subscription-form input[type="text"],
#main .subscription-form input[type="email"] {
	border: none;
	border-bottom: 1px solid #b6c7db;
	background-color: rgba(255, 255, 255, 0.85);
}
#main .subscription-form input[type="text"]:focus,
#main .subscription-form input[type="email"]:focus {
	border-bottom-color: #879ab0;
	background-color: #fff;
}

/* for white background */
#main .stripe-white-bg .subscription-form input[type="text"],
#main-content .subscription-form input[type="text"],
#main .stripe-white-bg .subscription-form input[type="email"],
#main-content .subscription-form input[type="email"] {
	background-color: #f9f9f9;
}
#main .stripe-white-bg .subscription-form input[type="text"]:focus,
#main-content .subscription-form input[type="text"]:focus,
#main .stripe-white-bg .subscription-form input[type="email"]:focus,
#main-content .subscription-form input[type="email"]:focus {
	background-color: #f7f7f7;
}

/* Submit */
#main .subscription-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;
}
#main .subscription-form div.error > input {
	border-color: #ff8888;
}
#main .subscription-form-message p {
	font-size: 15px;
	margin: 10px 0 0;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199px) {
	#page-content .contact-form {
		width: 90%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#page-content .contact-form {
		width: 95%;
	}
}
@media (max-width: 479px) {
	#page-content .contact-form {
		width: 100%;
	}
}


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

/* Contact Information
--------------------------------------------------- */

/* Contact details */
.contact-page .contact-info .contact-details div[class*="contact-"] + div[class*="contact-"] {
	margin-top: 7px;
}
.contact-page .contact-info .contact-email div,
.contact-page .contact-info .contact-phone div,
.contact-page .contact-info .contact-skype div {
	font-size: 19px;
	font-weight: 600;
	margin-left: 35px;
}
.contact-page .contact-info .contact-phone .fa { /* vector icons - Font Awesome */
	float: left;
	font-size: 35px;
	color: #b6c7db;
	margin: -1px 0 0 3px;
}
.contact-page .contact-info .contact-email .fa {
	float: left;
	font-size: 22px;
	color: #b6c7db;
	margin: 4px 0 0 0;
}
.contact-page .contact-info .contact-skype .fa {
	float: left;
	font-size: 24px;
	color: #b6c7db;
	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-skype {
	font-weight: inherit;
	color: #62758c;
}
.contact-page .contact-info .contact-email a:hover,
.contact-page .contact-info .contact-phone .phone-number:hover {
	color: #222;
}

.contact-page .contact-info .social-share {
	margin-top: 30px;
}

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

/* Address details */
.contact-page .contact-info .address-details {
	margin-top: 40px;
}
.contact-page .contact-info .tabs-nav {
	padding: 0 0 15px 0;
}
.contact-page .contact-info .tabs-nav .title {
    font-family: inherit;
    margin-bottom: 0;
}
.contact-page .contact-info .tabs-list li {
	margin-right: 20px;
}
.contact-page .contact-info .tabs-list a {
	border-bottom: 2px dotted transparent;
}
.contact-page .contact-info .tabs-list li.active a {
	color: inherit;
}
.contact-page .contact-info .tabs-content {
	position: relative;
	background-color: #e1e9f2;
	margin-top: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
}
.contact-page .contact-info .tabs-content .tab-pane {
	position: relative;
	z-index: 2;
}
.contact-page .contact-info .contact-location .fa { /* vector icons - Font Awesome */
	float: left;
	font-size: 30px;
	color: #b6c7db;
	margin: -3px 0 0 3px;
}
.contact-page .contact-info .contact-envelope .fa {
	float: left;
	font-size: 21px;
	color: #b6c7db;
	margin: 1px 0 0 0;
}
.contact-page .contact-info .tabs-content .title {
	font-size: 16px;
	color: #21354d;
	margin-left: 35px;
	text-transform: uppercase;
}
.contact-page .contact-info .tabs-content p {
	font-weight: 400;
}

/* 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: 15px;
	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: 1520px) {
	.contact-page .contact-info .tabs-list li {
		margin-right: 25px;
	}
	.contact-page .contact-info .tabs-content {
		padding-left: 54px;
		padding-right: 54px;
		margin-left: -54px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	.contact-page .contact-info .tabs-content {
		padding-left: 34px;
		padding-right: 34px;
		margin-left: -34px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.contact-page .contact-info .tabs-list li {
		margin-right: 15px;
	}
	.contact-page .contact-info .tabs-content {
		padding-left: 28px;
		padding-right: 28px;
		margin-left: -28px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.contact-page .contact-info .tabs-list li {
		margin-right: 10px;
	}
	.contact-page .contact-info .tabs-content {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
	}
}
@media (max-width: 767px) {
	.contact-page .contact-info .tabs-content {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.contact-page .contact-info {
		margin-top: -15px;
	}
	.contact-page .contact-info .tabs-content br {
		display: none;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	33. Sidebar
/*-----------------------------------------------------------------------------------*/

/* Side menu
--------------------------------------------------- */
.side-menu,
.side-menu > li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 992px) {
	#page-content.fullwidth-layout .side-menu-widget {
		margin-bottom: 20px;
	}
	#page-content.sidebar-layout .side-menu-widget {
		margin-bottom: 70px;
	}
	.side-menu {
		margin-top: -6px;
	}
	.side-menu > li {
		position: relative;
		margin-bottom: 0;
	}
	.side-menu > li::before {
		position: absolute;
		top: 6px;
		left: 0;
		color: #909090;
		content: "\2013 \00A0";
	}
	.side-menu > li > a {
		display: block;
		font-size: 19px;
		line-height: 28px;
		font-weight: 700;
		color: #909090;
		padding: 6px 30px 6px 18px;
	}
	.side-menu > li > a:hover {
		color: #333;
	}
	.side-menu > li.current-menu-item > a,
	.side-menu > li.current-menu-ancestor > a {
		color: #93c13d;
	}
	.side-menu > li.current-menu-item::before,
	.side-menu > li.current-menu-ancestor::before {
		color: #93c13d;
	}
	
	.side-menu > li ul li {
		margin-bottom: 10px;
		padding-left: 28px;
	}
	.side-menu > li ul li a {
		position: relative;
		display: block;
		font-size: 15px;
		line-height: 1.5;
		font-weight: 400;
		color: #909090;
	}
	.side-menu > li ul li a::before {
		position: absolute;
		top: 0;
		left: -10px;
		font-size: 20px;
		line-height: 22px;
		color: #909090;
		content: "\00B7 \00A0";
	}
	.side-menu > li ul li:first-child {
		margin-top: 5px;
	}
	.side-menu > li ul li:last-child {
		margin-bottom: 15px;
	}
	.side-menu > li ul li a:hover,
	.side-menu > li ul li.current-menu-item a {
		color: #333;
	}
}

@media (max-width: 991px) {
	#page-content .side-menu-widget {
		width: auto;
		line-height: 0;
		background-color: #fff;
		margin: -75px -120px 60px -120px;
		padding: 25px 135px 20px 135px;
	}
	#page-content .stripe-right .side-menu-widget {
		margin: -75px -120px 60px -30px;
		padding: 23px 135px 14px 45px;
	}
	#page-content .stripe-white-bg .side-menu-widget,
	#page-content.sidebar-layout .side-menu-widget {
		background-color: #f5f6f7; /* on white bg */
	}
	.side-menu > li {
		display: inline-block;
		line-height: 28px;
		margin: 0 20px 5px 0;
	}
	.side-menu > li:last-child {
		margin-right: 0;
	}
	.side-menu > li > a {
		display: block;
		font: 400 16px/28px Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
		line-height: inherit;
		color: #62758c;
	}
	.side-menu > li > a:hover {
		color: #222;
	}
	.side-menu > li.current-menu-item > a,
	.side-menu > li.current-menu-ancestor > a {
		color: #222;
	}
	.side-menu > li.menu-item-has-children > ul {
		display: none;
	}
}
@media (max-width: 767px) {
	.side-menu > li {
		margin-right: 15px;
	}
}
@media (max-width: 479px) {
	#page-content .side-menu-widget {
		display: none;
		margin-top: -60px;
	}
}

/* Sidebar widgets
--------------------------------------------------- */
#sidebar .widget {
	margin-bottom: 60px;
}
#sidebar .widget .widget-title {
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/* Widget title underline */
#sidebar .widget.title-underline .widget-title {
	position: relative;
	margin-bottom: 30px;
}
#sidebar .widget.title-underline .widget-title::before {
	position: absolute;
	left: -5px;
	bottom: -7px;
	width: 80%;
	height: 0;
	content: "";
	border-top: 2px dotted #93c13d;
}

/* Recent Posts widget
--------------------------------------------------- */
#sidebar .widget-recent-posts {
	margin-bottom: 55px;
}
#sidebar .widget-recent-posts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar .widget-recent-posts li {
	font-size: 16px;
	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: bold;
	padding: 6px 0;
}
#sidebar .widget-recent-posts .post-date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #909090;
	margin-top: 7px;
}

/* Text Block widget
--------------------------------------------------- */
#sidebar .widget-text-block .widget-title {
	margin-bottom: 10px;
}
#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 .button {
	width: 100%;
}

/* Button */
#sidebar .widget-text-block .widget-title + .text-wrapper > .button:first-child,
#sidebar .widget-text-block .widget-title + .text-wrapper > p:first-child .button:first-child {
	margin-top: 10px;
}
#sidebar .widget-text-block .button {
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-border-radius: 0;
	        border-radius: 0;
}
#sidebar .widget-text-block .button:not(.button-medium) {
	padding: 12px 18px;
}
#sidebar .widget-text-block .button-medium {
	border-width: 1px;
}
#sidebar .widget-text-block .button:not(.button-grey):not(.button-colored) {
	color: #62758c;
	border-color: #62758c;
}
#sidebar .widget-text-block .button:not(.button-grey):not(.button-colored):hover {
	color: #fff;
	background-color: #62758c;
}
#sidebar .widget-text-block .button.button-colored {
	color: #1b9ad0;
	border-color: #1b9ad0;
}
#sidebar .widget-text-block .button.button-colored:hover {
	color: #fff;
	background-color: #1b9ad0;
}
#sidebar .widget-text-block .button.button-grey {
	color: #727378;
	border-color: #727378;
}
#sidebar .widget-text-block .button.button-grey:hover {
	color: #fff;
	background-color: #727378;
}

/* Info Box widget
--------------------------------------------------- */
#sidebar .widget-info-box .info-box .info-text {
	padding-top: 20px;
}

/* Featured Article widget
--------------------------------------------------- */
#sidebar .widget-featured-article .info-box .info-text {
	padding-top: 25px;
}
#sidebar .widget-featured-article .info-text .title {
	margin-bottom: 10px;
}
#sidebar .widget-featured-article .info-text p {
	font-size: 16px;
	margin-bottom: 0;
}
#sidebar .widget-featured-article .info-text .post-meta {
	font-size: 13px;
	font-weight: 400;
	color: #909090;
	margin-top: 12px;
}
#sidebar .widget-featured-article .info-text .post-meta a {
	font-weight: inherit;
	font-style: italic;
}

/* Testimonials widget
--------------------------------------------------- */
#sidebar .widget-testimonials .widget-title {
	margin-bottom: 25px;
}
#sidebar .widget-testimonials.title-underline .widget-title {
	margin-bottom: 35px;
}
	
/* Social Profiles widget
--------------------------------------------------- */
#sidebar .widget-social-profiles {
	margin-top: 2px;
	margin-bottom: 55px;
}
#sidebar .widget-social-profiles .widget-title {
	float: left;
	color: #62758c;
	margin: 0 15px 0 0;
	padding-top: 2px;
	text-transform: none;
}

.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: 29px;
	height: 29px;
	text-align: center;
	background-color: #1f5494;
	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: 29px;
}
.widget-social-profiles .fa-icon-list li > .fa { /* if url is not specified */
	color: #b5b5b5;
}

/* Subscription Form widget
--------------------------------------------------- */
#sidebar .widget-subscription-form {
	background: rgba(204, 204, 204, 0.25);
	padding-top: 40px;
	padding-bottom: 40px;
}
#sidebar .widget-subscription-form .widget-title {
	text-align: center;
	margin-bottom: 10px;
}
#sidebar .widget-subscription-form p.text-aside {
	text-align: center;
}
#sidebar .widget-subscription-form .subscription-form .field-submit {
	position: relative;
	text-align: center;
}
#sidebar .widget-subscription-form .subscription-form .field-submit .loader {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -8px;
}
#sidebar .widget-subscription-form .subscription-form-message p {
	text-align: center;
	margin-top: 15px;
}

/* 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.9;
}
#sidebar .widget-banner::before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #1f5494;
	opacity: 0.5;
	content: "";
	z-index: 2;
}
#sidebar .widget-banner.primary-color-bg::before {
	background-color: #1f5494;
	-webkit-filter: saturate(30%);
	        filter: saturate(30%);
}
#sidebar .widget-banner.secondary-color-bg::before {
	background-color: #93c13d;
	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(40%);
	        filter: saturate(40%);
}
#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: 60px;
	line-height: 0.9;
	font-weight: normal;
}
#sidebar .widget-banner .banner-text .h3-title {
	font-size: 50px;
	line-height: 0.95;
	font-weight: normal;
}
#sidebar .widget-banner .banner-text .h4-title {
	font-size: 40px;
	line-height: 1;
	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(98, 117, 140, 0.7); /* #62758c */
	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, 102, 11, 0.5); /* #93c13d */
	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.2;
	font-weight: normal;
	margin-bottom: 0;
}
#sidebar .widget-banner .banner-text .banner-description .lead-text-medium {
	font-family: inherit;
	font-size: 23px;
}
#sidebar .widget-banner .banner-text .banner-description .banner-link {
	color: #93c13d;
	font-weight: normal;
	margin: 5px 0 0;
}
#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;
}

/* Stats widget
--------------------------------------------------- */
#sidebar .widget-stats .stat-data {
	padding: 35px 30px;
	background-color: #b6c7db;
}
#sidebar .widget-stats.primary-color-bg .stat-data {
	background-color: #b6c7db;
}
#sidebar .widget-stats.secondary-color-bg .stat-data {
	background-color: rgba(247, 133, 52, 0.65); /* #1b9ad0 */
}
#sidebar .widget-stats .stat-data .fact-number {
	color: #62758c;
}
#sidebar .widget-stats.secondary-color-bg .stat-data .fact-number,
#sidebar .widget-stats.secondary-color-bg .stat-data .fact-statement p {
	color: #fff;
}

/* Twitter Feed widget
--------------------------------------------------- */
#sidebar .widget-twitter-feed {
	margin-bottom: 55px;
}

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

/* Video widget
--------------------------------------------------- */
#sidebar .widget-video .video-description {
	font-size: 16px;
	margin-top: 15px;
}

/* Tag Cloud widget
--------------------------------------------------- */
#sidebar .widget-tag-cloud {
	margin-bottom: 50px;
}
#sidebar .widget-tag-cloud a {
	display: inline;
	float: left;
	font: 13px/22px Verdana, Geneva, sans-serif;
	color: #444;
	padding: 2px 10px 3px;
	margin: 0 7px 7px 0;
	background-color: rgba(135, 154, 176, 0.15); /* #879ab0 */
}
#sidebar .widget-tag-cloud a:hover {
	color: #fff;
	background-color: #62758c;
}

/* Archive widget
--------------------------------------------------- */
#sidebar .widget-archive ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar .widget-archive li {
	font-size: 16px;
	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
--------------------------------------------------- */

/* Disable auto zoom in input/textarea/select fields - Safari on iPhone */
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) { 
	#sidebar .widget-archive select {
		font-size: 16px;
	}
}
@media (min-width: 1520px) {
	#sidebar .widget-info-box .info-box,
	#sidebar .widget-featured-article .info-box {
		margin-left: -54px;
	}
	#sidebar .widget-info-box .info-box .info-text,
	#sidebar .widget-featured-article .info-box .info-text {
		padding-left: 54px;
	}
	#sidebar .widget-subscription-form {
		padding-left: 54px;
		padding-right: 54px;
		margin-left: -54px;
	}
	#sidebar .widget-banner {
		width: 384px; /* 384px = 330px + 54px */
		margin-left: -54px;
	}
	#sidebar .widget-banner.banner-portrait {
		height: 480px;
	}
	#sidebar .widget-banner.banner-square {
		height: 384px;
	}
	#sidebar .widget-banner .banner-text .banner-title {
		margin: 0 20px 15px 54px; /* 54px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-banner .banner-text .banner-description {
		padding: 12px 20px 12px 54px; /* 54px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-stats .stat-data {
		padding-left: 54px;
		padding-right: 54px;
		margin-left: -54px;
	}
	#sidebar .widget-video .video-container {
		margin-left: -54px;
	}
}
@media (min-width: 1200px) and (max-width: 1519px) {
	#sidebar .widget-info-box .info-box,
	#sidebar .widget-featured-article .info-box {
		margin-left: -34px;
	}
	#sidebar .widget-info-box .info-box .info-text,
	#sidebar .widget-featured-article .info-box .info-text {
		padding-left: 34px;
	}
	#sidebar .widget-subscription-form {
		padding-left: 34px;
		padding-right: 34px;
		margin-left: -34px;
	}
	#sidebar .widget-banner {
		width: 334px; /* 334px = 300px + 34px */
		margin-left: -34px;
	}
	#sidebar .widget-banner.banner-portrait {
		height: 417px;
	}
	#sidebar .widget-banner.banner-square {
		height: 334px;
	}
	#sidebar .widget-banner .banner-text .banner-title {
		margin: 0 20px 15px 34px; /* 34px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-banner .banner-text .banner-description {
		padding: 12px 20px 12px 34px; /* 34px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-stats .stat-data {
		padding-left: 34px;
		padding-right: 34px;
		margin-left: -34px;
	}
	#sidebar .widget-video .video-container {
		margin-left: -34px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#sidebar .widget-info-box .info-box,
	#sidebar .widget-featured-article .info-box {
		margin-left: -28px;
	}
	#sidebar .widget-info-box .info-box .info-text,
	#sidebar .widget-featured-article .info-box .info-text {
		padding-left: 28px;
	}
	#sidebar .widget-subscription-form {
		padding-left: 28px;
		padding-right: 28px;
		margin-left: -28px;
	}
	#sidebar .widget-banner {
		width: 308px; /* 308px = 280px + 28px */
		margin-left: -28px;
	}
	#sidebar .widget-banner.banner-portrait {
		height: 385px;
	}
	#sidebar .widget-banner.banner-square {
		height: 308px;
	}
	#sidebar .widget-banner .banner-text .banner-title {
		margin: 0 20px 15px 28px; /* 28px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-banner .banner-text .banner-description {
		padding: 12px 20px 12px 28px; /* 28px equals to .widget-banner "margin-left" */
	}
	#sidebar .widget-stats .stat-data {
		padding-left: 28px;
		padding-right: 28px;
		margin-left: -28px;
	}
	#sidebar .widget-video .video-container {
		margin-left: -28px;
	}
}
@media (max-width: 991px) {
	/* top border gradient if the sidebar contains visible widgets */
	#sidebar.sidebar-visible-sm-down {
		padding-top: 65px;
	}
	#sidebar.sidebar-visible-sm-down::before {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		right: 0;
		height: 85px;
		margin: 0 -15px; /* fallback */
		margin: 0 calc(50% - 50vw);
		background-image: -webkit-linear-gradient(top, #f5f6f7 20px, rgba(245, 246, 247, 0));
		background-image: -o-linear-gradient(top, #f5f6f7 20px, rgba(245, 246, 247, 0));
		background-image: linear-gradient(to bottom, #f5f6f7 20px, rgba(245, 246, 247, 0)); /* #f5f6f7 */
		border-top: 1px solid #eee;
		content: "";
	}
	
	/* space between the last visible widget in sidebar and the "bottom stripe" section */
	#sidebar .widget.mb-last-child {
		margin-bottom: 75px;
	}
	#sidebar .widget-recent-posts.mb-last-child,
	#sidebar .widget-twitter-feed.mb-last-child,
	#sidebar .widget-social-profiles.mb-last-child {
		margin-bottom: 70px;
	}
	#sidebar .widget-tag-cloud.mb-last-child {
		margin-bottom: 65px;
	}
	
	#sidebar .widget-subscription-form {
		background: #f5f5f5;
		margin-left: 0;
		margin-right: 0;
		padding: 40px 35px;
	}
}
@media (min-width: 480px) and (max-width: 991px) {
	#sidebar .widget-banner.banner-portrait {
		height: 540px;
	}
	#sidebar .widget-banner.banner-square {
		height: 432px;
	}
}
@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-right: auto;
		margin-left: auto;
	}
	#sidebar .widget-banner {
		width: 540px;
	}
	#sidebar .widget-flickr-photostream .flickr-photostream {
		margin: -18px -18px 0 0;
	}
	#sidebar .widget-flickr-photostream .flickr-photostream .flickr_badge_image {
		margin: 18px 18px 0 0;
	}
}
@media (max-width: 767px) {	
	#sidebar .widget-banner .banner-text .banner-description .banner-link .fa {
		font-size: 12px;
	}
}
@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;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	34. Footer
/*-----------------------------------------------------------------------------------*/

#footer {
	position: relative;
	padding: 90px 0 40px;
}
#footer .title {
	margin-bottom: 40px;
}
#footer.footer-style-2 .title {
	position: relative;
	margin-bottom: 35px;
}
#footer.footer-style-2 .title::before {
	position: absolute;
	left: -5px;
	bottom: -7px;
	width: 80%;
	height: 0;
	content: "";
	border-top: 2px dotted #909090;
}
#footer p {
	margin-bottom: 0;
}

/* Contact Details
--------------------------------------------------- */
#footer .contact-details {
	
}
#footer .contact-address {
	margin-top: 15px;
}
#footer .contact-phone {
	font-size: 19px;
	font-weight: 700;
	margin-top: 15px;
}
#footer .phone-number {
	font-weight: inherit;
	color: #62758c;
}
#footer .phone-number:hover {
	color: #222;
}
#footer .contact-email {
	font-weight: 400;
	margin-top: 15px;
}
#footer .contact-phone + .contact-email {
	margin-top: 5px;
}
#footer .contact-email a {
	color: #62758c;
	font-weight: inherit;
}
#footer .contact-email a:hover {
	color: #222;
}

/* Social profile icons */
#footer .fa-icon-list {
	margin-bottom: 0;
}
#footer .fa-icon-list li {
	margin: 0 20px 12px 0;
}
#footer .fa-icon-list li a {
	display: block;
	color: #93c13d;
}
#footer .fa-icon-list li a:hover {
	color: #222;
}
#footer .fa-icon-list li .fa {
	font-size: 23px;
}

/* Subscription Form
--------------------------------------------------- */
#footer .subscription-form .subscription-fields-wrapper {
	position: relative;
	max-width: 90%;
}
#footer .subscription-form input[type="text"],
#footer .subscription-form input[type="email"] {
	border: none;
	border-bottom: 1px solid #b6c7db;
	background-color: rgba(182, 199, 219, 0.15); /* #b6c7db */
}
#footer .subscription-form input[type="text"]:focus,
#footer .subscription-form input[type="email"]:focus {
	border-bottom-color: #879ab0;
	background-color: rgba(182, 199, 219, 0.18); /* #b6c7db */
}
#footer .subscription-form input[type="submit"] {
	background: #62758c;
}
#footer .subscription-form input[type="submit"]:hover {
	background-color: #333;
}
#footer .subscription-form div.error > input {
	border-color: #ff8888;
}
#footer .subscription-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;
}
#footer .subscription-form-message p {
	font-size: 15px;
	line-height: 25px;
	margin-top: 15px;
}
#footer .subscription-form-message.success {
	font-weight: bold;
}
#footer .subscription-form-message.error {
	color: #ff5555;
	font-weight: bold;
}

/* Footer menu
--------------------------------------------------- */
#footer .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .footer-menu li {
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 10px;
}
#footer .footer-menu li:last-child {
	margin-bottom: 0;
}
#footer .footer-menu a {
	color: #62758c;
	font-weight: inherit;
	padding: 6px 0;
}
#footer .footer-menu a:hover {
	color: #222;
}

/* Recent posts
--------------------------------------------------- */
#footer .recent-posts {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .recent-posts li {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 15px;
}
#footer .recent-posts li:last-child {
	margin-bottom: 0;
}
#footer .recent-posts a {
	font-weight: 600;
	color: #62758c;
	padding: 6px 0;
}
#footer .recent-posts a:hover {
	color: #222;
}
#footer .recent-posts .post-date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #909090;
	margin-top: 7px;
}

/* Footer Bottom
--------------------------------------------------- */
#footer-bottom {
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px;
}
#footer-bottom .columns.bottom-left-col {
	float: left;
}
#footer-bottom .columns.bottom-right-col {
	float: right;
}
#footer-bottom * {
	font-size: 15px;
	line-height: 25px;
}
#footer-bottom p {
	font-weight: 400;
	margin: 0;
}
#footer-bottom .bottom-notes {
	margin-bottom: 30px;
	padding: 15px 20px;
	background-color: #eaeaea;
}
#footer-bottom .bottom-notes p {
	font-size: 13px;
	font-weight: inherit;
	color: #666;
}

/* Scroll Top */
#footer-bottom .scroll-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 44px;
	height: 44px;
	z-index: 100;
	padding-top: 9px;
	text-align: center;
	cursor: pointer;
	background-color: #b6c7db;
	opacity: 1;
	-webkit-transition: background-color 0.15s ease;
	     -o-transition: background-color 0.15s ease;
			transition: background-color 0.15s ease;
}
#footer-bottom .scroll-top:hover {
	background-color: #879ab0;
}
#footer-bottom .scroll-top .ion { /* vector icons - Ionicons */
	font-size: 24px;
	color: #fff;
}
#footer-bottom:not(.scrolltop-active) .scroll-top {
	display: none;
}

/* Bottom Links */
#footer-bottom .links {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-bottom .links li {
	display: inline-block;
	font-weight: 400;
	margin: 0 12px 0 0;
}
#footer-bottom .links li:last-child {
	margin-right: 0;
}
#footer-bottom .links a {
	color: #62758c;
	font-weight: inherit;
}
#footer-bottom .links a:hover {
	color: #222;
}

/* Media queries
--------------------------------------------------- */
@media (min-width: 1520px) {
	#footer .container,
	#footer .container .columns {
		padding-left: 50px;
		padding-right: 50px;
	}
	#footer .row {
		margin-left: -85px;
		margin-right: -85px;
	}
}
@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;
	}
}
@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;
	}
}
@media (max-width: 991px) {
	#footer-bottom .scroll-top {
		bottom: 5px;
	}
}
@media (min-width: 571px) and (max-width: 991px) {
	#footer {
		padding-top: 75px;
	}
	#footer .col-xs-12 {
		float: none;
		overflow: hidden;
	}
	#footer.footer-style-1 .col-xs-12 {
		padding-top: 30px;
		border-top: 2px dotted #b5b5b5;
	}
	#footer .col-xs-5,
	#footer .col-xs-7 {
		margin-bottom: 40px;
	}
	#footer .title {
		margin-bottom: 25px;
	}
	#footer-bottom {
		padding-top: 15px;
		padding-bottom: 40px;
	}
	#footer-bottom:not(.bottom-notes-inside) {
		padding: 25px 0;
		background-color: #eaeaea;
	}
}
@media (max-width: 767px) {
	#footer-bottom {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	#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 (max-width: 570px) {
	#footer {
		padding-top: 60px;
	}
	#footer .columns {
		float: none;
		width: 100%;
		margin-top: 40px;
	}
	#footer .columns:first-child {
		margin-top: 0;
	}
	#footer .title {
		margin-bottom: 25px;
	}
	#footer .contact-address br {
		display: none;
	}
	#footer-bottom:not(.bottom-notes-inside) {
		padding: 25px 0;
		background-color: #eaeaea;
	}
	#footer-bottom .scroll-top {
		bottom: 15px;
	}
}


/*-----------------------------------------------------------------------------------*/
/*	35. Typography
/*-----------------------------------------------------------------------------------*/

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

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

/* Check marker - normal size */
.check-list li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}
.check-list li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: FontAwesome;
	font-size: 165%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f00c";
}
.check-list.lead-text-basic li::before {
	top: 1px;
	font-size: 28px;
}

/* Check marker - small size */
.check-small-list li {
	position: relative;
	padding-left: 29px;
	margin-bottom: 15px;
}
.check-small-list li::before {
	position: absolute;
	top: 5px;
	left: 0;
	font-family: FontAwesome;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f00c";
}
.check-small-list.lead-text-basic li::before {
	top: 7px;
	font-size: 17px;
}

/* Arrow marker */
.arrow-list li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 15px;
}
.arrow-list li::before {
	position: absolute;
	top: 6px;
	left: 0;
	font-family: FontAwesome;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f054";
}
.arrow-list.lead-text-basic li::before {
	top: 7px;
	font-size: 17px;
}

/* Dot marker */
.dot-list li {
	position: relative;
	padding-left: 15px;
}
.dot-list li::before {
	position: absolute;
	top: 12px;
	left: 0;
	font-family: FontAwesome;
	font-size: 32%;
	font-weight: normal;
	line-height: 1;
	color: #ed5f4a;
	content: "\f04d";
}
.dot-list.lead-text-basic li::before {
	top: 14px;
	font-size: 5px;
}

/* Dash marker */
.dash-list li {
	margin-bottom: 15px;
}
.dash-list li::before {
	font-size: 18px;
	font-weight: 700;
	content: "\2014 \00A0\00A0\00A0";
}

.check-list.marker-white li::before,
.check-small-list.marker-white li::before,
.arrow-list.marker-white li::before,
.dot-list.marker-white li::before,
.dash-list.marker-white li::before {
	color: rgba(255, 255, 255, 0.8);
}

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

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

/* 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(255, 188, 140, 0.5); /* #93c13d */
}

/* 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: #93c13d;
}

/* Small bar */
.small-bar {
	position: relative;
	width: 100%;
	height: 1px;
	padding-top: 2px;
	margin-bottom: 30px;
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}
.small-bar::before {
	position: absolute;
	display: block;
	left: 0;
	top: 2px;
	width: 80px;
	height: 2px;
	background-color: #b9b9b9;
	content: "";
}
.small-bar.grey-bar::before {
	background-color: #b9b9b9;
}
.small-bar.colored-bar::before {
	background-color: #93c13d;
}
.small-bar.text-center::before,
.small-bar[style*="text-align: center"]::before {
	left: 50%;
	width: 80px;
	margin-left: -40px;
}

/* Note separator */
.note-separator {
	width: 25px;
	height: 0;
	padding-top: 10px;
	border-bottom: 2px solid #d5d5d5;
	margin-bottom: 15px;
}
.note-separator.grey-separator {
	border-bottom-color: #a5a5a5;
}
.note-separator.colored-separator {
	border-bottom-color: #93c13d;
}
.note-separator.text-center,
.note-separator[style*="text-align: center"] {
	margin-left: auto;
	margin-right: auto;
}

/* For IE10 and higher */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*.small-bar::after {
		top: 3px;
		height: 6px;
	}*/
}


/*-----------------------------------------------------------------------------------*/
/*	36. 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 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"] {
	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%;
}

/* Misc.
--------------------------------------------------- */
.error-404 {
	font: 220px/1 Verdana, Geneva, sans-serif;
	color: rgba(255, 188, 140, 0.3); /* #93c13d */
	text-align: center;
}
.grid-col {
	background-color: #e5e5e5;
	padding: 5px 0;
	margin-bottom: 2px;
	text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.error-404 {
		font-size: 200px;
	}
}
@media (max-width: 991px) {
	.error-404 {
		font-size: 180px;
		margin-top: -30px;
	}
}
@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%;
	}
}