/* --------------------------------------------------------------------
* Template Master Stylesheet
* 
* Template:		FreeBird - Photography Portfolio HTML Website Template
* Author:		Themetorium
* URL:			http://themetorium.net
*
* Template main color: #ea4e4e;
* Global font family: 'Inconsolata', monospace;
* Alter font family 1: 'Galada', cursive; (handled by "helper.css" file)
* Alter font family 2: 'Bilbo Swash Caps', cursive; (handled by "helper.css" file)
----------------------------------------------------------------------- */


/* Table of Content
====================
1. General
2. Page preloader
3. Body content
4. Sections
5. Headings
6. Header
7. Menu
8. Copyright
9. Mobile header
10. Intro
11. Isotope
12. Gallery list section
13. Gallery list slider
14. Gallery single section
15. Gallery single slider
16. Gallery single section with sidebar
17. Gallery single meta
18. Add to favorites button
19. Lightgallery
20. Content carousel
21. Horizontal scroll gallery
22. Blog list section
23. Blog single
24. Blog sidebar
25. Blog sidebar widgets
26. About me section
27. Contact section
28. Page section
29. Page header
30. Split box
31. Pagination
32. Thumbnail list
33. Nicescroll plugin
34. YTP Player
35. Blockquote
36. Forms
37. Modal
38. Buttons
39. Social buttons
40. Follow me buttons
41. Scroll to top button
42. Typography variations
43. Template demos
*/



/* ------------------------------------------------------------- *
 * FOR DEMO SITE ONLY! (Dark & Light style switcher)
/* ------------------------------------------------------------- */

.style-switcher {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 30%;
	right: 0;
	width: 36px;
	height: 36px;
	z-index: 9999;
	cursor: pointer;
	background-color: #111;
	color: #FFF;
	font-size: 16px;
	border-radius: 4px 0 0 4px;
}
.style-switcher.is-dark {
	background-color: #FFF;
	color: #111;
}
.style-switcher .sw-light,
.style-switcher.is-dark .sw-dark {
	display: none;
}
.style-switcher.is-dark .sw-light {
	display: block;
}



/* ------------------------------------------------------------- *
 *  General
/* ------------------------------------------------------------- */

html, body {
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
body {
	position: relative;
	background-color: #F1F1F1;
	font-family: 'Inconsolata', monospace;
	line-height: 1.6;
	font-size: 17px;
	color: #333;
}

a {
	color: #ea4e4e;
}
a:hover, a:focus {
	color: #e01f1f;
	text-decoration: none;
}
a:focus {
	outline: none;
}

p {
	margin: 0 0 1em;
}

img {
	max-width: 100%;
	height: auto;
}

::selection {
	color: #fff;
	text-shadow: none;
	background: #ea4e4e;
}
::-moz-selection {
	color: #fff;
	text-shadow: none;
	background: #ea4e4e; /* Firefox */
}
::-webkit-selection {
	color: #fff;
	text-shadow: none;
	background: #ea4e4e; /* Safari */
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.lead {
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.4;
}
@media (min-width: 768px) {
	.lead {
		font-size: 20px;
	}
}


/* --------------------------------------------------------------------------------------- *
 *	 Page transitions / preloader (Animsition). Display loading animation while page loads
 *  More info: http://git.blivesta.com/animsition/
/* --------------------------------------------------------------------------------------- */

/* circle loader */
.animsition-loading {
	border-top: 3px solid rgba(130, 130, 130, 0.3);
	border-right: 3px solid rgba(130, 130, 130, 0.3);
	border-bottom: 3px solid rgba(130, 130, 130, 0.3);
	border-left: 3px solid #ea4e4e;
}


/* ------------------------------------------------------------- *
 *  Body content
/* ------------------------------------------------------------- */

#body-content {
	position: relative;
}
@media (min-width: 769px) {
	#body-content {
		margin-left: 60px; /* Same as side header width */
	}
}
@media (max-width: 769px) {
	#body-content {
		margin-top: 60px; /* Same as mobile header height */
	}
}

/* if padding classes used in "#body-content" */
@media (max-width: 769px) {
#body-content[class^=padding] {
		padding: 0 !important;
	}
}

/* grayscale everything if menu is open (no effect on all browsers!) */
body.temp-grayscale.menu-open #body-content {
	-webkit-filter: grayscale(100%);
   filter: grayscale(100%);

   -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* ------------------------------------------------------------- *
 * Sections
/* ------------------------------------------------------------- */

section {
	position: relative;
}


/* ------------------------------------------------------------- *
 * Headings
/* ------------------------------------------------------------- */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: inherit;
	font-weight: bold;
}
.h1, .h2, .h3, h1, h2, h3 {
	line-height: 1.1;
	margin-top: 0px;
	margin-bottom: 20px;
}
.h4, .h5, .h6, h4, h5, h6 {
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 20px;
}

.h1, h1 { font-size: 36px; }
.h2, h2 { font-size: 30px; }
.h3, h3 { font-size: 24px; }
.h4, h4 { font-size: 18px; }
.h5, h5 { font-size: 14px; }
.h6, h6 { font-size: 12px; }


/* ------------------------------------------------------------- *
 * Header
/* ------------------------------------------------------------- */

#header {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 240px;
	background-color: #FFF;
	z-index: 99998;
	overflow: hidden;
	-moz-transform: translateX(-180px);
	-ms-transform: translateX(-180px);
	-webkit-transform: translateX(-180px);
	transform: translateX(-180px);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
	#header {
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
body.menu-open #header {
	-webkit-box-shadow: 3px 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 0 10px rgba(0,0,0,0.1);
	box-shadow: 3px 0 10px rgba(0,0,0,0.1);

	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* header fixed (always open) */
@media (min-width: 991px) {
	#header.header-fixed,
	body.menu-open #header {
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	#header.header-fixed .header-inner {
		opacity: 1;
		visibility: visible;
	}
	#header.header-fixed .header-menu-icon,
	#header.header-fixed .header-contact-icon,
	#header.header-fixed .logo-small,
	#header.header-fixed .header-close {
		opacity: 0;
		visibility: hidden;
	}

	 /* #body-content left margin if class ".header-fixed" is enabled */
	#body-content.header-fixed-margin {
		margin-left: 240px; /* same as header width */
	}
}
@media (max-width: 992px) {
	body.menu-open #header.header-fixed .header-close {
		opacity: 1;
		visibility: visible;
	}
}

/* header close button */
.header-close {
	position: absolute;
	top: 10px;
	right: -25px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #222;
	text-align: center;
	font-size: 31px;
	color: #BBB;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-close:hover {
	color: #FFF;
}
@media (min-width: 768px) {
	body.menu-open #header.header-click .header-close {
		opacity: 1;
		visibility: visible;
	}
}

/* header menu icon */
.header-menu-icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	right: 0;
	width: 60px;
	height: 60px;
	font-size: 21px;
	color: #333;
	visibility: visible;
	cursor: pointer;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-menu-icon:hover {
	color: #ea4e4e;
}
@media (max-width: 768px) {
	.header-menu-icon {
		display: none;
	}
}
body.menu-open .header-menu-icon {
	opacity: 0;
	visibility: hidden;
}
#header.header-click .header-menu-icon {
	cursor: pointer;
}

/* header contact icon */
.header-contact-icon {
	position: absolute;
	display: block;
	bottom: 20px;
	right: 21px;
	opacity: 1;
	font-size: 18px;
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.header-contact-icon:hover {
	color: #ea4e4e;
}
@media (max-width: 768px) {
	.header-contact-icon {
		display: none;
	}
}
body.menu-open .header-contact-icon {
	opacity: 0;
	visibility: hidden;
}

/* page cover if class "menu-open" exist in body tag */
.page-cover {
	position: fixed;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99998;
	opacity: 0;
	visibility: hidden;
	/* background-color: #000; */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body.menu-open .page-cover {
	opacity: .3;
	visibility: visible;
}

/* header inner 
================= */
.header-inner {
	opacity: 0;
	visibility: hidden;
	width: calc(100% + 17px);
	height: 100%;
	overflow-y: scroll;
	padding: 20px;

	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
body.menu-open .header-inner {
	opacity: 1;
	visibility: visible;
}

/* header top */
.header-top {
	position: relative;
	width: 100%;
	text-align: center;
}

/* header middle */
.header-middle {
	width: 100%;
	padding: 30px 0 60px 0;
}

/* header bottom */
.header-bottom {
	width: 100%;
	text-align: center;
}


/* Logo 
========= */
/* logo small */
.logo-small {
	position: absolute;
	top: 15px;
	right: 18px;
	opacity: 1;
	z-index: 2;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	.logo-small {
		display: none;
	}
}
.logo-small img {
	max-width: 26px;
}
body.menu-open .logo-small {
	opacity: 0;
	visibility: hidden;
}

/* logo big */
.logo-big {
}
.logo-big a {
	display: inline-block;
}
.logo-big img {
	max-width: 140px;
}


/* header styles 
================= */
/* header dark */
#header.header-dark {
	background-color: #111;
	color: #BBB;
}
body.menu-open #header.header-dark {
	-webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 0 10px rgba(0, 0, 0, 0.4);
}

#header.header-dark ul.menu-list > li > a {
	color: #BBB;
}
#header.header-dark ul.menu-list > li > a:hover, 
#header.header-dark ul.menu-list > li.active > a {
	color: #ea4e4e;
}
#header.header-dark ul.menu-list .sub-menu > li > a {
	color: #888;
}
#header.header-dark ul.menu-list .sub-menu > li > a:hover, 
#header.header-dark ul.menu-list .sub-menu > li.active > a {
	color: #ea4e4e;
}

#header.header-dark .follow-me-buttons a {
	color: #BBB;
}
#header.header-dark .follow-me-buttons a:hover {
	color: #ea4e4e;
}

#header.header-dark .header-menu-icon {
	color: #BBB;
}
#header.header-dark .header-menu-icon:hover {
	color: #ea4e4e;
}

#header.header-dark .header-contact-icon {
	color: #BBB;
}
#header.header-dark .header-contact-icon:hover {
	color: #ea4e4e;
}


/* ------------------------------------------------------------- *
 * Menu 
/* ------------------------------------------------------------- */

#menu {
}

/* menu list */
#menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu-list {
	text-align: center;
}
@media (max-width: 768px) {
	ul.menu-list {
		text-align: center;
	}
}
ul.menu-list > li {
	position: relative;
	margin: 12px 0;
}
ul.menu-list > li > a {
	position: relative;
	display: inline-block;
	font-size: 17px;
	color: #222;
}
ul.menu-list > li > a:hover,
ul.menu-list > li.active > a {
	color: #ea4e4e;
}
ul.menu-list > li.active > a:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #ea4e4e;
}


ul.menu-list .has-children > a:after {
	position: absolute;
	content: "+";
	top: 0;
	right: -12px;
	opacity: 0;
}
ul.menu-list .has-children > a:hover:after,
ul.menu-list .has-children > a.active:after {
	opacity: 1;
}




/* sub menu 
================ */
ul.menu-list .sub-menu {
	position: relative;
	display: none;
	padding: 15px 0 10px 0;
	list-style: none;
	overflow: hidden;
}

ul.menu-list .sub-menu > li {
}
ul.menu-list .sub-menu > li > a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	color: #888;
}
ul.menu-list .sub-menu > li > a:hover {
	color: #ea4e4e;
}
ul.menu-list .sub-menu > li > a:hover,
ul.menu-list .sub-menu > li.active > a {
	color: #ea4e4e;
}


/* ------------------------------------------------------------- *
 * Copyright
/* ------------------------------------------------------------- */

.copyright {
	margin-top: 20px;
	font-style: italic;
	font-size: 13px;
	color: #999;
}
.copyright a {
	color: #ea4e4e;
}
.copyright a:hover,
.copyright a:focus {
	border-bottom: 1px dotted #ea4e4e;
}


/* ------------------------------------------------------------- *
 * Mobile header
/* ------------------------------------------------------------- */

#mobile-header {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 60px;
	background-color: #FFF;
	z-index: 99997;
	border-bottom: 1px solid #ededed;
}
@media (max-width: 768px) {
	#mobile-header {
		display: block;
	}
}

/* logo mobile */
.logo-mobile {
	position: absolute;
	top: 10px;
	left: 20px;
	opacity: 1;
	z-index: 2;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.logo-mobile img {
	max-height: 40px;
}

/* Mobile menu trigger (hamburger button) */
.mobile-menu-trigger {
	position: absolute;
	top: 15px;
	right: 20px;
	width: 25px;
	height: 29px;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mobile-menu-trigger > span,
.mobile-menu-trigger > span:before,
.mobile-menu-trigger > span:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #ea4e4e;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mobile-menu-trigger > span {
	top: 50%;
	margin-top: -2px;
}
.mobile-menu-trigger > span:before {
	top: -7px;
}
.mobile-menu-trigger > span:after {
	bottom: -7px;
}

/* if mobile menu is open */
.menu-open .mobile-menu-trigger {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.menu-open .mobile-menu-trigger > span {
	background: transparent;
}
.menu-open .mobile-menu-trigger > span:before,
.menu-open .mobile-menu-trigger > span:after {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
.menu-open .mobile-menu-trigger > span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-open .mobile-menu-trigger > span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* mobile header styles 
======================== */
/* header dark */
#mobile-header.m-header-dark {
	background-color: #141414;
	color: #BBB;
	border-bottom-color: #191919;
}


/* --------------------------------------------------- *
 * Intro
/* --------------------------------------------------- */

#intro-section {
	min-height: 600px;
}

/* Intro full height offset (same as mobile header height) */
@media (max-width: 768px) {
	#intro-section.full-height-vh {
		min-height: calc(100vh - 60px) !important;
	}
}

/* video intro */
.video-intro {
}

/* image intro */
.image-intro {
}


/* Intro caption 
================= */
.intro-caption {
	position: absolute;
	max-width: 600px;
	color: #FFF;
	z-index: 3;
}

/* intro title */
.intro-title {
	margin: 0;
	font-size: 72px;
	text-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
	.intro-title {
		font-size: 58px;
	}
}
@media (max-width: 768px) {
	.intro-title {
		font-size: 38px;
	}
}

/* intro subtitle */
.intro-subtitle {
	margin: 15px 0 0 0;
	font-size: 20px;
	letter-spacing: 4px !important;
	text-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
	.intro-subtitle {
		font-size: 18px;
		letter-spacing: 5px;
	}
}

/* intro description */
.intro-description {
	margin: 25px 0 0 0;
	font-size: 17px;
}


/* Intro caption with alter fonts (alter fonts handled by "helper.css" file)
================================== */

/* intro title with alter fonts */
.intro-title.font-alter-1 {
	font-size: 82px !important;
}
@media (max-width: 992px) {
	.intro-title.font-alter-1 {
		font-size: 60px !important;
	}
}
@media (max-width: 768px) {
	.intro-title.font-alter-1 {
		font-size: 46px !important;
	}
}

.intro-title.font-alter-2 {
	font-size: 120px !important;
}
@media (max-width: 992px) {
	.intro-title.font-alter-2 {
		font-size: 72px !important;
	}
}
@media (max-width: 768px) {
	.intro-title.font-alter-2 {
		font-size: 56px !important;
	}
}

/* intro subtitle with alter fonts */
.intro-subtitle.font-alter-1 {
	font-size: 28px !important;
	font-weight: normal;
	letter-spacing: 5px;
}
@media (max-width: 768px) {
	.intro-subtitle.font-alter-2 {
		font-size: 28px !important;
	}
}

.intro-subtitle.font-alter-2 {
	font-size: 24px !important;
	font-weight: normal;
	letter-spacing: 11px;
}
@media (max-width: 768px) {
	.intro-subtitle.font-alter-2 {
		font-size: 21px !important;
		letter-spacing: 5px;
	}
}


/* Intro caption positions 
=========================== */
/* position top */
.intro-caption.top-left {
	top: 10%;
	left: 5%;
	text-align: left;
}
.intro-caption.top-center {
	top: 10%;
	left: 50%;
	width: 100% !important;
	max-width: 800px;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.intro-caption.top-right {
	top: 10%;
	right: 5%;
	text-align: right;
}

/* position center */
.intro-caption.center-left {
	top: 50%;
	left: 5%;
	text-align: left;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.intro-caption.center {
	top: 50%;
	left: 50%;
	width: 100% !important;
	max-width: 800px;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}
.intro-caption.center-right {
	top: 50%;
	right: 5%;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

/* position bottom */
.intro-caption.bottom-left {
	bottom: 10%;
	left: 5%;
	margin-right: 5%;
	text-align: left;
}
@media (max-width: 768px) {
	.intro-caption.bottom-left {
		bottom: 45px;
	}
}
.intro-caption.bottom-center {
	bottom: 10%;
	left: 50%;
	width: 100% !important;
	max-width: 800px;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.intro-caption.bottom-right {
	bottom: 10%;
	left: auto;
	right: 5%;
	text-align: right;
}



/* --------------------------------------------------- *
 * Isotope (more info: http://isotope.metafizzy.co/)
/* --------------------------------------------------- */

.isotope-wrap {
	position: relative;
}
.isotope {
}

/* isotope top content 
======================== */
.isotope-top-content {
	background-color: #FFF;
	padding: 60px 3%;
}
@media (max-width: 768px) {
	.isotope-top-content {
		padding: 40px 15px;
	}
}

/* isotope top content (if gutter enabled) */
.isotope.gutter-1 .isotope-top-content {
	margin-left: 3px;
}
.isotope.gutter-2 .isotope-top-content {
	margin-left: 1.4%;
}
.isotope.gutter-3 .isotope-top-content {
	margin-left: 2.4%;
}

/* isotope filter 
=================== */
.isotope-filter {
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 999;
}
@media (max-width: 768px) {
	.isotope-filter {
		top: auto;
		bottom: 15px;
	}
}

/* isotope filter button */
.isotope-filter-button {
	position: relative;
	width: 55px;
	height: 55px;
	line-height: 58px;
	background-color: #ea4e4e;
	text-align: center;
	font-size: 21px;
	color: #FFF;
	cursor: pointer;
	z-index: 2;
	border-radius: 60px;
	-webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.25);
}
.isotope-filter-button:hover,
.isotope-filter-button:focus {
	color: #FFF;
}

/* isotope filter button icons */
.isotope-filter-button .ifb-icon-close {
	display: none;
}
@media (max-width: 992px) {
	.isotope-filter-button .ifb-icon-close,
	.isotope-filter.iso-filter-open .isotope-filter-button .ifb-icon {
		display: none;
	}
	.isotope-filter.iso-filter-open .isotope-filter-button .ifb-icon-close {
		display: block;
	}
}

/* isotope filter links */
ul.isotope-filter-links {
	position: absolute;
	top: 100%;
	right: 14px;
	min-width: 160px;
	list-style: none;
	background-color: #222;
	padding: 15px 0 15px 0;
	margin: -30px 0 0 0;
	text-align: left;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 7px 5px -6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 7px 5px -6px rgba(0, 0, 0, 0.15);

	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-webkit-transform: translateY(5px);
	transform: translateY(5px);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
	ul.isotope-filter-links {
		top: auto;
		bottom: 100%;
		padding: 15px 0 30px 0;
		margin: 0 0 -30px 0;
	}
}
.isotope-filter.iso-filter-open ul.isotope-filter-links {
	visibility: visible;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
ul.isotope-filter-links > li {
	padding: 0 20px;
	line-height: 1.2;
}
ul.isotope-filter-links > li > a {
	display: block;
	padding: 5px 0;
	font-size: 15px;
	color: #DDD;
}
ul.isotope-filter-links > li > a:hover {
	color: #ea4e4e;
}
ul.isotope-filter-links > li > a.active {
	color: #ea4e4e;
}


/* isotope items wrap 
======================= */
.isotope-items-wrap {
	overflow: hidden;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

/* isotope items wrap boxed layout */
@media (min-width : 1200px) {
	.isotope-items-wrap.iso-boxed {
		max-width: 1200px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* isotope items wrap (if gutter enabled) */
.isotope.gutter-1 .isotope-items-wrap {
	padding-top: 6px;
	margin-left: 6px;
	margin-right: 6px;
}
.isotope.gutter-2 .isotope-items-wrap {
	padding-top: 1.5%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
.isotope.gutter-3 .isotope-items-wrap {
	padding-top: 2.5%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}


/* isotope item 
================ */
.isotope-item {
	float: left;
	width: 25%;
}

/* isotope last item (it makes last item to 100% wide). Class: "iso-last-item" */
@media (max-width : 991px) {
	.isotope-item.iso-last-item {
		width: 100% !important;
	}
}


/* isotope item heights 
======================== */
/* isotope item height-1 (use class "iso-height-1") */
.isotope-item.iso-height-1 > div,
.isotope-item.iso-height-1 > a,
.isotope-item.iso-height-1 > article {
	display: block;
	padding-bottom: 70%;
}

/* isotope item height-2 (use class "iso-height-2") */
.isotope-item.iso-height-2 > div,
.isotope-item.iso-height-2 > a,
.isotope-item.iso-height-2 > article {
	display: block;
	padding-bottom: 140%;
}

/* isotope item height-2 if "gutter-1" enabled */
.isotope.col-2.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.col-2.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.col-2.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 140.6%;
}
.isotope.col-3.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.col-3.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.col-3.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 140.9%;
}
.isotope.col-4.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.col-4.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.col-4.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.4%;
}
.isotope.col-5.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.col-5.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.col-5.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.4%;
}
.isotope.col-6.gutter-1 .isotope-item.iso-height-2 > div,
.isotope.col-6.gutter-1 .isotope-item.iso-height-2 > a,
.isotope.col-6.gutter-1 .isotope-item.iso-height-2 > article {
	padding-bottom: 141.8%;
}

/* isotope item height-2 if "gutter-2" enabled */
.isotope.col-2.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.col-2.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.col-2.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 143.1%;
}
.isotope.col-3.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.col-3.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.col-3.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 144.7%;
}
.isotope.col-4.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.col-4.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.col-4.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 146.2%;
}
.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 148%;
}
.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > div,
.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > a,
.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > article {
	padding-bottom: 150%;
}

/* isotope item height-2 if "gutter-3" enabled */
.isotope.col-2.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.col-2.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.col-2.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 145.2%;
}
.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 148%;
}
.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 150.9%;
}
.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 154%;
}
.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > div,
.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > a,
.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > article {
	padding-bottom: 158%;
}
@media (max-width : 1600px) {
	/* isotope item height-2 if "gutter-2" enabled */
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 146.2%;
	}
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 146.4%;
	}

	/* isotope item height-2 if "gutter-3" enabled */
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 151%;
	}
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 151%;
	}
}
@media (max-width: 992px) {
	/* isotope item height-2 if "gutter-2" enabled */
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.col-5.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 143%;
	}
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > div,
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > a,
	.isotope.col-6.gutter-2 .isotope-item.iso-height-2 > article {
		padding-bottom: 143%;
	}

	/* isotope item height-2 if "gutter-3" enabled */
	.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-3.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-4.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-5.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > div,
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > a,
	.isotope.col-6.gutter-3 .isotope-item.iso-height-2 > article {
		padding-bottom: 145.1%;
	}
}

/* isotope col-1 if "iso-height-1" enabled */
.isotope.col-1 .isotope-item.iso-height-1 > div,
.isotope.col-1 .isotope-item.iso-height-1 > a,
.isotope.col-1 .isotope-item.iso-height-1 > article {
	display: block;
	padding-bottom: 30%;
}
@media (max-width: 768px) {
	.isotope.col-1 .isotope-item.iso-height-1 > div,
	.isotope.col-1 .isotope-item.iso-height-1 > a,
	.isotope.col-1 .isotope-item.iso-height-1 > article {
		padding-bottom: 48%;
	}
}
/* isotope col-1 if "iso-height-2" enabled */
.isotope.col-1 .isotope-item.iso-height-2 > div,
.isotope.col-1 .isotope-item.iso-height-2 > a,
.isotope.col-1 .isotope-item.iso-height-2 > article {
	display: block;
	padding-bottom: 48%;
}


/* isotope gutter (add more space between isotope items) 
=========================================================*/
/* gutter-1 */
.isotope.gutter-1 .isotope-item { padding: 0 0 6px 6px; }
.isotope.gutter-1 { margin-left: -6px; }

/* gutter-2 */
.isotope.gutter-2 .isotope-item { padding: 0 0 1.5% 1.5%; }
.isotope.gutter-2 { margin-left: -1.5%; }

/* gutter-3 */
.isotope.gutter-3 .isotope-item { padding: 0 0 2.5% 2.5%; }
.isotope.gutter-3 { margin-left: -2.5%; }


/* isotope columns 
=================== */
.isotope.col-1 .isotope-item {
	width: 100%;
}
.isotope.col-2 .isotope-item {
	width: 50%;
}
.isotope.col-3 .isotope-item {
	width: 33.33333333%;
}
.isotope.col-4 .isotope-item {
	width: 25%;
}
.isotope.col-5 .isotope-item {
	width: 20%;
}
.isotope.col-6 .isotope-item {
	width: 16.66666666666667%;
}

/* isotope grid sizer */
.grid-sizer {
	width: 25%;
}
.isotope.col-1 .grid-sizer {
	width: 100%;
}
.isotope.col-2 .grid-sizer {
	width: 50%;
}
.isotope.col-3 .grid-sizer {
	width: 33.33333333%;
}
.isotope.col-4 .grid-sizer {
	width: 25%;
}
.isotope.col-5 .grid-sizer {
	width: 20%;
}
.isotope.col-6 .grid-sizer {
	width: 16.66666666666667%;
}

/* isotope item width (alternative width) */
.isotope.col-2 .width-2 { width: 100%; }
.isotope.col-3 .width-2 { width: 66.66666666%; }
.isotope.col-4 .width-2 { width: 50%; }
.isotope.col-5 .width-2 { width: 40%; }
.isotope.col-6 .width-2 { width: 33.33333333%; }


/* isotope columns on smaller screens 
====================================== */
@media (max-width : 1600px) {
	.isotope.col-5 .isotope-item,
	.isotope.col-6 .isotope-item,

	.isotope.col-5 .grid-sizer,
	.isotope.col-6 .grid-sizer {
		width: 25%;
	}
	.isotope.col-5 .width-2,
	.isotope.col-6 .width-2 {
		width: 50%;
	}
}

@media (max-width : 1200px) {
	.isotope.col-4 .isotope-item,
	.isotope.col-5 .isotope-item,
	.isotope.col-6 .isotope-item,

	.isotope.col-4 .grid-sizer,
	.isotope.col-5 .grid-sizer,
	.isotope.col-6 .grid-sizer {
		width: 33.33333333%;
	}
	.isotope.col-4 .width-2,
	.isotope.col-5 .width-2,
	.isotope.col-6 .width-2 {
		width: 66.66666666%;
	}
}

@media (max-width : 991px) {
	.isotope.col-3 .isotope-item,
	.isotope.col-4 .isotope-item,
	.isotope.col-5 .isotope-item,
	.isotope.col-6 .isotope-item,

	.isotope.col-3 .grid-sizer,
	.isotope.col-4 .grid-sizer,
	.isotope.col-5 .grid-sizer,
	.isotope.col-6 .grid-sizer,

	.isotope.col-3 .width-2,
	.isotope.col-4 .width-2,
	.isotope.col-5 .width-2,
	.isotope.col-6 .width-2 {
		width: 50%;
	}
}

@media (max-width : 480px) {
	.isotope.col-2 .isotope-item,
	.isotope.col-3 .isotope-item,
	.isotope.col-4 .isotope-item,
	.isotope.col-5 .isotope-item,
	.isotope.col-6 .isotope-item {
		width: 100%;
	}
}


/* if isotope item contains content carousel
============================================= */
.isotope-item.iso-height-1 .iso-carousel-wrap,
.isotope-item.iso-height-2 .iso-carousel-wrap {
	position: relative;
}
.isotope-item.iso-height-1 .owl-carousel,
.isotope-item.iso-height-2 .owl-carousel {
	position: absolute;
	height: 100%;
}
.isotope-item .owl-stage-outer,
.isotope-item .owl-stage,
.isotope-item .owl-item,
.isotope-item .cc-item {
	height: 100%;
}


/* Isotope item text box (must be the first item!)
=================================================== */
.iso-text-box-holder {
	position: relative;
}
.iso-text-box-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	border-radius: 4px;
}
.iso-text-box-inner {
	padding: 0 10%;
}
@media (min-width: 1200px) {
	.iso-text-box-inner {
		display: table;
		height: 100%;
		padding: 0 10%;
	}
	.iso-text-box {
		display: table-cell;
		vertical-align: middle;
	}

	/* if gutter-2 enabled */
	.isotope.col-3.gutter-2 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 70%; }
	.isotope.col-4.gutter-2 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 70.8%; }
	.isotope.col-4.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 144.8%; }
	.isotope.col-5.gutter-2 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 71.2%; }
	.isotope.col-5.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 146.1%; }
	.isotope.col-6.gutter-2 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 71.8%; }
	.isotope.col-6.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 146.7%; }

	/* if gutter-3 enabled */
	.isotope.col-3.gutter-3 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 70%; }
	.isotope.col-4.gutter-3 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 71.36%; }
	.isotope.col-4.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 148%; }
	.isotope.col-5.gutter-3 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 71.8%; }
	.isotope.col-5.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 150.4%; }
	.isotope.col-6.gutter-3 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 73.2%; }
	.isotope.col-6.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 151.5%; }
}

.isotope.col-4 .itb-parent { width: 50% !important; }
.isotope.col-5 .itb-parent { width: 40% !important; }
.isotope.col-6 .itb-parent { width: 50% !important; }

@media (max-width: 1600px) {
	.isotope.col-3 .itb-parent { 
		width: 66.6666666% !important; 
	}
	.isotope.col-5 .itb-parent { 
		width: 50% !important; 
	}

	/* if gutter-2 enabled */
	.isotope.col-3.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 143.6%; }
	.isotope.col-5.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 144.5%; }
	.isotope.col-6.gutter-2 .iso-height-1.itb-parent .iso-text-box-holder { padding-bottom: 72.6%; }
	.isotope.col-6.gutter-2 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 144.8%; }

	/* if gutter-3 enabled */
	.isotope.col-3.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 146%; }
	.isotope.col-5.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 148.1%; }
	.isotope.col-6.gutter-3 .iso-height-2.itb-parent .iso-text-box-holder { padding-bottom: 148.3%; }
}

@media (max-width: 1200px) {
	.isotope.col-2 .itb-parent,
	.isotope.col-3 .itb-parent,
	.isotope.col-4 .itb-parent,
	.isotope.col-5 .itb-parent,
	.isotope.col-6 .itb-parent {
		width: 100% !important;
	}
	.isotope-item.iso-height-1.itb-parent .iso-text-box-holder,
	.isotope-item.iso-height-2.itb-parent .iso-text-box-holder {
		padding-bottom: 0 !important;
	}
	.iso-text-box-wrap {
		position: relative !important;
		padding: 10% 0 60px 0 !important;
	}
}

.gs-item-title {
	margin: 0 0 8px 0;
	font-size: 26px;
}
.gs-item-category {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-style: italic;
	color: #BBB;
}
.gs-item-description {
	font-size: 16px;
}

/* Go Back link */
.gs-back-to-list {
	position: absolute;
	display: block;
	bottom: 18px;
	left: 25px;
	font-size: 14px;
	font-style: italic;
	color: #a7a7a7;
}
.gs-back-to-list:hover {
	color: #ea4e4e;
}


/* ------------------------------------------------------------- *
 * Gallery list section
/* ------------------------------------------------------------- */

#gallery-list-section {
	width: 100%;
}

/* gallery list item */
.gallery-list-item { 
	position: relative;
	display: block;
	background-color: rgba(138, 138, 138, 0.11);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.isotope[class*='gutter-'] .isotope-items-wrap[class*='gli-alter-'] .gallery-list-item { 
	overflow: hidden;
	border-radius: 4px;
}
@media (min-width: 992px) {
	.gutter-2 .gallery-list-item:hover,
	.gutter-3 .gallery-list-item:hover { 
		-moz-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
.iso-height-1 .gallery-list-item,
.iso-height-2 .gallery-list-item { 
	margin-bottom: 55px;
}

/* gallery list item image */
.gallery-list-item .gl-item-image {
}
.iso-height-1 .gallery-list-item .gl-item-image,
.iso-height-2 .gallery-list-item .gl-item-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* gallery list item info */
.gl-item-info {
	position: relative;
	width: 100%;
	height: 55px;
	line-height: 1.4;
	background-color: #FFF;
	padding: 8px 65px 0 15px;
	overflow: hidden;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.iso-height-1 .gl-item-info,
.iso-height-2 .gl-item-info {
	position: absolute;
	left: 0;
	top: 100%;
}
@media (min-width: 992px) {
	.gallery-list-item:hover .gl-item-info {
		-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.2);
		box-shadow: 0 7px 5px -6px rgba(0,0,0,0.2);
	}
}
.gl-item-title {
	margin: 0;
	color: #333;
	font-size: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.gl-item-category {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	font-style: italic;
	color: #BBB;
}
.gl-item-count {
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 13px;
	color: #BBB;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gl-item-caption .gl-item-count { /* item count inside item caption */
	position: static;
	font-size: 13px;
	font-style: italic;
	color: #BBB;
}


/* gallery list item alter styles 
================================== */

/* alter style 1 */
.gli-alter-1 .gallery-list-item { 
	margin-bottom: 0;
}
.gli-alter-1 .gallery-list-item:hover { 
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
.gli-alter-1 .gl-item-info {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	height: auto;
	padding-top: 20px;
	padding-bottom: 12px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(17,17,17,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc111111',GradientType=0 );
}
.gli-alter-1 .gallery-list-item:hover .gl-item-info { 
	padding-bottom: 17px;
}
.gli-alter-1 .gl-item-title {
	color: #FFF;
	font-size: 18px;
	white-space: normal;
}
.gli-alter-1 .gl-item-category {
	color: #ea4e4e;
}
.gli-alter-1 .gl-item-count {
	top: auto;
	bottom: 10px;
	color: #DDD;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
.gli-alter-1 .gl-item-caption .gl-item-count { /* item count inside item caption */
	position: static;
	background-color: transparent;
	font-size: 13px;
	font-style: italic;
	color: #d2d2d2;
}

/* alter style 2 */
.gli-alter-2 .gallery-list-item { 
	margin-bottom: 0;
}
.gli-alter-2 .gallery-list-item:hover { 
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
.gli-alter-2 .gl-item-info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	background-color: rgba(0, 0, 0, 0.4);
	opacity: 1;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.gli-alter-2:hover .gallery-list-item .gl-item-info {
	background-color: rgba(0, 0, 0, 0.7);
}
.gli-alter-2 .gallery-list-item:hover .gl-item-info {
	background-color: rgba(0, 0, 0, 0.2);
}
.gli-alter-2 .gl-item-caption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0px 20%;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gli-alter-2 .gl-item-title {
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	white-space: normal;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gli-alter-2 .gallery-list-item:hover .gl-item-title {
	color: #FFF;
}
.gli-alter-2 .gl-item-category {
	margin-top: 8px;
	font-size: 14px;
	color: #ea4e4e;
	opacity: 1;
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.gli-alter-2 .gl-item-count {
	position: absolute;
	top: auto;
	bottom: 0px;
	right: 0px;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 5px 10px;
	font-size: 13px;
	color: #BBB;
	opacity: 0;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gli-alter-2 .gallery-list-item:hover .gl-item-count {
	background-color: rgba(0, 0, 0, 0.3);
	color: #FFF;
	opacity: 1;
}
.gli-alter-2 .gl-item-caption .gl-item-count { /* item count inside item caption */
	position: static;
	display: block;
	background-color: transparent !important;
	padding: 0;
	margin-top: 8px;
	font-size: 14px;
	font-style: italic;
	color: #EEE;
	opacity: 1;
}

/* alter style 3 */
.gli-alter-3 .gallery-list-item { 
	margin-bottom: 0;
}
.gli-alter-3 .gallery-list-item:hover { 
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
.gli-alter-3 .gl-item-info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	background-color: rgba(234, 78, 78, 0.96);
	opacity: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
@media (max-width: 992px) {
	.gli-alter-3 .gl-item-info { 
		position: absolute;
		top: auto;
		bottom: 0;
		left: 0;
		height: auto;
		padding: 8px 50px 12px 15px;
		background-color: transparent;
		opacity: 1;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(17,17,17,0.8) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(17,17,17,0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc111111',GradientType=0 );

		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@media (min-width: 992px) {
	.isotope.col-1 .gli-alter-3 .gl-item-info { /* if "col-1" enabled */
		top: 20%;
		bottom: 20%;
		left: 25%;
		right: 25%;
	}
}
.gli-alter-3 .gallery-list-item:hover .gl-item-info { 
	opacity: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.gli-alter-3 .gl-item-caption {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0px 20%;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 992px) {
	.gli-alter-3 .gl-item-caption { 
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		padding: 0;
		text-align: left;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}
.gli-alter-3 .gl-item-title {
	font-size: 19px;
	color: #FFF;
	font-weight: bold;
	white-space: normal;
	opacity: 0;
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
	.gli-alter-3 .gl-item-title { 
		opacity: 1;
		font-weight: bold;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
.gli-alter-3 .gallery-list-item:hover .gl-item-title {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.gli-alter-3 .gl-item-category {
	margin-top: 12px;
	font-size: 16px;
	color: rgb(255 255 255 / 85%);
	opacity: 0;
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	transform: scale(0.9);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 992px) {
	.gli-alter-3 .gl-item-category { 
		opacity: 1;
		color: #ea4e4e;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
.gli-alter-3 .gallery-list-item:hover .gl-item-category {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.gli-alter-3 .gl-item-count { /* disabled by default. remove "display: none;" to enable */
	display: none; 
	position: absolute;
	top: auto;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 5px 10px;
	color: #FFF;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}
.gli-alter-3 .gl-item-caption .gl-item-count {
	position: static;
	display: block;
	background-color: transparent !important;
	padding: 0;
	margin-top: 8px;
	font-size: 14px;
	font-style: italic;
	color: #222;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gli-alter-3 .gallery-list-item:hover .gl-item-caption .gl-item-count { /* item count inside item caption */
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

/* Gallery list categories 
=========================== */
.gl-categories {
}
.gl-categories .gli-alter-2 .gl-item-title {
	font-size: 20px;
}
@media (max-width: 768px) { /* isotope items in gallery list categories */
	.gl-categories .isotope.col-2 .isotope-item,
	.gl-categories .isotope.col-3 .isotope-item,
	.gl-categories .isotope.col-4 .isotope-item,
	.gl-categories .isotope.col-5 .isotope-item,
	.gl-categories .isotope.col-6 .isotope-item {
		width: 50%;
	}
}


/* ------------------------------------------------------------- *
 * Gallery list slider
/* ------------------------------------------------------------- */

.gallery-list-slider {
	padding: 25px 25px;
}
@media (max-width: 992px) {
	.gallery-list-slider {
		padding: 0;
	}
}

/* gallery list slider offsets */
@media (min-width: 992px) {
	.gallery-list-slider .owl-carousel.cc-height-full, 
	.gallery-list-slider .owl-carousel.cc-height-full .cc-item {
		height: calc(100vh - 50px);
	}
}
@media (max-width: 768px) {
	.gallery-list-slider .cc-auto-width-img-bg { /* for small devices */
		height: calc(100vh - 60px);
	}
}

/* gallery list slider cover (for slider center) */
@media (min-width: 992px) {
	.gallery-list-slider.gls-center .cc-item .cover {
		background-color: rgba(255, 255, 255, 0.7);
	}
	.gallery-list-slider.gls-center .owl-item.center .cc-item .cover {
		background-color: transparent;
	}
}

/* if class "no-padding" is enabled */
@media (min-width: 768px) {
	.gallery-list-slider.no-padding .owl-carousel.cc-height-full, 
	.gallery-list-slider.no-padding .owl-carousel.cc-height-full .cc-item {
		height: 100vh;
	}
}

/* gallery list item inside "cc-item" (in case you want to use it) 
====================================== */
.gallery-list-slider .gallery-list-item,
.gallery-list-slider .gallery-list-item .gl-item-image {
	height: 100%;
}
.gallery-list-slider .gl-item-info {
	position: absolute;
	left: 0;
	bottom: 0;
}
.gallery-list-slider .gli-alter-3 .gl-item-info {
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.gallery-list-slider .gli-alter-2 .gl-item-title {
   font-size: 22px;
}
.gallery-list-slider .gli-alter-2 .gl-item-count {
	font-size: 60px;
	color: rgba(255, 255, 255, 0.21);
}


/* ------------------------------------------------------------- *
 * Gallery single section
/* ------------------------------------------------------------- */

#gallery-single-section {
	width: 100%;
}

/* isotope items in gallery single section */
@media (max-width: 768px) {
	#gallery-single-section .isotope.col-2 .isotope-item,
	#gallery-single-section .isotope.col-3 .isotope-item,
	#gallery-single-section .isotope.col-4 .isotope-item,
	#gallery-single-section .isotope.col-5 .isotope-item,
	#gallery-single-section .isotope.col-6 .isotope-item {
		width: 50%;
	}
}

/* gallery single top info 
=========================== */
.gallery-single-top-info {
	position: relative;
	background-color: #FFF;
	padding: 140px 5%;
	overflow: hidden;
}
@media (max-width: 1200px) {
	.gallery-single-top-info {
		padding: 100px 5%;
	}
}
@media (max-width: 991px) {
	.gallery-single-top-info {
		padding: 75px 5%;
	}
}

.gsti-inner {
	position: relative;
}

/* gallery single top info title */
.gsti-title {
	margin: 0 0 8px 0;
	font-size: 32px;
}

/* gallery single top info category */
.gsti-category {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-style: italic;
	color: #949494;
}

/* gallery single top info text */
.gsti-text {
}

/* gallery single top info meta */
.gallery-single-top-info ul.gallery-meta {
	bottom: 20px;
	right: 30px;
}
.gallery-single-top-info .favorite-btn,
.gallery-single-top-info ul.gallery-meta {
	font-size: 18px;
}
.gallery-single-top-info .favorite-btn,
.gallery-single-top-info ul.gallery-meta > li a {
	color: #a7a7a7;
}
.gallery-single-top-info .fav-inner {
	margin-right: -4px;
}

/* gallery single top info margins (same as isotope gutters) */
.gallery-single-top-info.margin-1 {
	margin: 6px 6px 0 6px;
}
.gallery-single-top-info.margin-2 {
	margin: 1.5% 1.5% 0 1.5%;
}
.gallery-single-top-info.margin-3 {
	margin: 2.5% 2.5% 0 2.5%;
}

/* gallery single top info toggle 
================================== */
.gsti-toggle {
	position: relative;
}
@media (max-width : 991px) {
	.gsti-toggle {
	}
}

.gsti-toggle-inner {
	position: relative;
	overflow: hidden;
}
.gsti-toggle-hidden {
	display: none;
}

/* toggle trigger */
.gsti-toggle-trigger {
	position: absolute;
	bottom: -80px;
	left: 50%;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	padding-left: 1px;
	border: 2px solid rgba(132, 132, 132, 0.26);
	border-radius: 50px;
	cursor: pointer;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media (max-width: 1200px) {
	.gsti-toggle-trigger {
		bottom: -70px;
	}
}
@media (max-width : 991px) {
	.gsti-toggle-trigger {
		bottom: -50px;
		left: 2%;
	}
}
.gsti-toggle-trigger > span {
	display: inline-block;
	font-size: 14px;
	color: #999;
}
.gsti-toggle-trigger > span:hover, .gsti-toggle-trigger > span:focus {
	color: #ea4e4e;
}

.gsti-toggle .gsti-toggle-less, .gsti-toggle.gsti-toggle-full .gsti-toggle-more {
	display: none;
}
.gsti-toggle.gsti-toggle-full .gsti-toggle-less {
	display: block;
}


/* gallery single item 
======================= */
.gallery-single-item { 
	position: relative;
	display: block;
	overflow: hidden;
	background-color: rgba(138, 138, 138, 0.11);
}

.isotope[class*='gutter-'] .gallery-single-item { 
	overflow: hidden;
	border-radius: 4px;
}

/* gallery single item image */
.gallery-single-item .gs-item-image {
}
.iso-height-1 .gallery-single-item .gs-item-image,
.iso-height-2 .gallery-single-item .gs-item-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* gallery single item cover */
.gallery-single-item .gs-item-cover {
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	background-color: rgba(255, 255, 255, 0.93);
	z-index: 1;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gallery-single-item:hover .gs-item-cover {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/* Disable gallery single item cover on small screens */
@media (max-width: 992px) {
	.gallery-single-item .gs-item-cover {
		display: none;
	}
}

/* gallery single item info */
.gallery-single-item .gs-item-info {
	position: absolute;
	top: 50%;
	left: auto;
	bottom: auto;
	width: 100%;
	padding: 15px;
	text-align: center;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* gallery single item icon */
.gallery-single-item .gs-item-info .s-icon {
	display: inline-block;
	font-size: 18px;
	color: #222;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.gallery-single-item:hover .gs-item-info .s-icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);

	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


/* gallery single item cover styles 
==================================== */

/* cover boxed */
#gallery.cover-boxed .gs-item-cover {
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}

/* cover dark */
#gallery.cover-dark .gs-item-cover {
	background-color: rgba(0, 0, 0, 0.9);
	color: #EEE;
}
#gallery.cover-dark .gs-item-info .s-icon {
	color: #EEE;
}

/* cover color */
#gallery.cover-color .gs-item-cover {
	background-color: rgba(234, 78, 78, 0.95);
	color: #FFF;
}
#gallery.cover-color .gs-item-info .s-icon {
	color: #FFF;
}

/* cover simple */
#gallery.cover-simple .gs-item-cover {
	top: -1px !important;
	bottom: -1px !important;
	left: -1px !important;
	right: -1px !important;
	background-color: rgba(255, 255, 255, 0.3) !important;
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
}
#gallery.cover-simple .gs-item-info {
	display: none !important;
}


/* ------------------------------------------------------------- *
 * Gallery single slider 
/* ------------------------------------------------------------- */

.gallery-single-slider {
	padding: 25px 25px 0 25px;
}
@media (max-width: 768px) {
	.gallery-single-slider {
		padding: 0;
	}
}

/* gallery single slider cover */
.gallery-single-slider .cc-item .cover {
	background-color: transparent;
}

/* gallery single full height slider offsets */
.gallery-single-slider .owl-carousel.cc-height-full, 
.gallery-single-slider .owl-carousel.cc-height-full .cc-item {
	height: calc(100vh - 125px);
}
@media (max-width: 768px) {
	.gallery-single-slider .owl-carousel.cc-height-full, 
	.gallery-single-slider .owl-carousel.cc-height-full .cc-item {
		height: calc(100vh - 160px);
	}
}

/* gallery single slider cover (for slider center) */
@media (min-width: 992px) {
	.gallery-single-slider.gss-center .cc-item .cover {
		background-color: rgba(255, 255, 255, 0.7);
	}
	.gallery-single-slider.gss-center .owl-item.center .cc-item .cover {
		background-color: transparent;
	}
}

/* gallery single slider bottom 
================================ */
.gallery-single-bottom {
	position: relative;
	min-height: 100px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.gallery-single-bottom {
		padding: 0 20px;
	}
}

/* gallery single slider "back-to-list" link */
.gallery-single-bottom .gs-back-to-list {
	position: static;
	display: inline-block;
	margin-top: 42px;
	font-style: italic;
	color: #999;
}
.gallery-single-bottom .gs-back-to-list:hover {
	color: #ea4e4e;
}

/* gallery single slider meta */
.gallery-single-bottom ul.gallery-meta {
	position: static;
	margin-top: 42px;
	padding-right: 5px;
	font-size: 18px;
}
.gallery-single-bottom ul.gallery-meta > li {
	margin-right: 18px;
}
.gallery-single-bottom ul.gallery-meta > li a {
}
.gallery-single-bottom ul.gallery-meta > li a:hover {
	color: #ea4e4e;
}
.gallery-single-bottom .favorite-btn {
	font-size: 16px;
}


/* ------------------------------------------------------------- *
 * Gallery single section with sidebar
/* ------------------------------------------------------------- */

.gallery-single-with-sidebar {
	padding: 30px;
}
@media (max-width: 768px) {
	.gallery-single-with-sidebar {
		padding: 15px;
	}
}


/* Gallery single slider with sidebar 
====================================== */

/* slider height */
@media (min-width: 1200px) {
	.gs-slider-sidebar .owl-carousel.cc-height-full, 
	.gs-slider-sidebar .owl-carousel.cc-height-full .cc-item {
		height: calc(100vh - 60px);
	}
}
@media (max-width: 1200px) {
	.gs-slider-sidebar .owl-carousel.cc-height-full .cc-item {
		padding-bottom: 80%;
	}
}
@media (max-width: 1200px) {
	.gs-slider-sidebar .owl-carousel.cc-height-full,
	.gs-slider-sidebar .owl-carousel.cc-height-full .cc-item {
		height: auto;
	}
}


/* Gallery single sidebar
========================== */
.gs-sidebar {
	position: relative;
	background-color: #fff;
	padding: 20px 10px 60px 10px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
.gs-sidebar-inner {
	overflow: auto;
	padding: 15px;
}

/* gallery single sidebar info */
.gs-sidebar-info {
}

/* gallery single sidebar meta */
.gs-sidebar-meta-wrap {
	margin-top: 30px;
}
.gs-sidebar-meta {
	margin-bottom: 10px;
}
.gs-sidebar-meta span {
	display: block;
}
.gs-sidebar-meta-title {
	font-weight: bold;
}
.gs-sidebar-meta-sub {
}

/* gallery single sidebar info description */
.gs-sidebar-description {
	margin-top: 30px;
}


/* gallery single sidebar full height 
====================================== */
@media (min-width: 1200px) {
	.gs-sidebar.gs-sidebar-fh {
		height: calc(100vh - 60px);
		margin-bottom: 0;
	}
	.gs-sidebar.gs-sidebar-fh .gs-sidebar-inner {
		max-height: 100%;
		overflow: auto;
	}
}


/* Gallery single sidebar fixed position 
========================================= */
@media (min-width: 1200px) {
	.gs-sidebar.gs-sidebar-fixed {
		position: fixed;
		width: 22.1%;
		margin-bottom: 0;
	}
	.gs-sidebar.gs-sidebar-fixed .gs-sidebar-inner {
		max-height: 100%;
		overflow: auto;
	}
}


.gallery-single-with-sidebar .isotope.gutter-1 .isotope-items-wrap,
.gallery-single-with-sidebar .isotope.gutter-2 .isotope-items-wrap,
.gallery-single-with-sidebar .isotope.gutter-3 .isotope-items-wrap {
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
}


/* ------------------------------------------------------------- *
 * Gallery single meta 
/* ------------------------------------------------------------- */

ul.gallery-meta {
	position: absolute;
	display: inline-block;
	bottom: 15px;
	right: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 18px;
	font-style: italic;
	color: #a7a7a7;
}
ul.gallery-meta > li {
	float: left;
	margin-right: 20px;
}
ul.gallery-meta > li:last-child {
	margin-right: 0;
}
ul.gallery-meta > li a {
	color: #a7a7a7;
}

/* content share trigger */
.content-share-trigger {
}
.content-share-trigger a {
	color: #888;
}

/* content info trigger */
.content-info-trigger {
}
.content-info-trigger a {
	color: #888;
}


/* ------------------------------------------------------------- *
 * Add to favorites button
/* ------------------------------------------------------------- */

.favorite-btn {
	font-size: 16px;
	font-weight: normal;
}
.fav-inner {
	position: relative;
	display: inline-block;
	width: 15px;
	margin-right: -4px;
	cursor: pointer;
	z-index: 2;
}

/* icon-heart (FontAwesome) */
.icon-heart {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.icon-heart-filled {
	display: none;
}
.favorite-btn.active .icon-heart-filled {
	display: inline-block;
	color: #ea4e4e;
}
.favorite-btn.active .icon-heart-empty {
	display: none;
}

/* call icons */
.icon-heart-filled:before {
	content: "\f004";
}
.icon-heart-empty:before {
	content: "\f004";
}

/* fav-count */
.fav-count {
	display: inline-block;
	cursor: pointer;
}


/* ----------------------------------------------------------------------- *
 * Lightgallery: (more info: http://sachinchoolur.github.io/lightGallery)
/* ----------------------------------------------------------------------- */

body.lg-on {
   overflow: hidden !important;
}
.lg-backdrop {
	z-index: 99998;
}
.lg-outer {
	z-index: 99999;
}

/* Lightgallery sub html (image caption) */
@media (max-width : 767px) {
	.lg-sub-html {
		padding: 10px;
	}
}
.lg-sub-html h4 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
}
.lg-sub-html p {
	font-size: 16px;
	margin: 5px 0 0;
}

/* Lightgallery thumbnails improvements */
.lg-outer .lg-thumb {
	margin-left: auto;
	margin-right: auto;
}
.lg-outer .lg-thumb-item {
	position: relative;
	border: 2px solid #FFF;
	border-radius: 0;
}
.lg-outer .lg-thumb-item img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: inherit;
	width: 150%;
	height: auto;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Lightgallery autoplay progress bar improvements */
.lg-progress-bar {
	background-color: #333;
	height: 2px;
}
.lg-progress-bar .lg-progress {
	background-color: #a90707;
	height: 2px;
}

/* hide next/prev buttons on small screens */
@media (max-width: 768px) {
	.lg-actions .lg-next, .lg-actions .lg-prev {
		display: none;
	}
}


/* ------------------------------------------------------------- *
 *  Content carousel - CC (based on OWL Carousel)
/* ------------------------------------------------------------- */

.owl-carousel {
}
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
	height: 100%;
}
.owl-carousel .owl-item {
	z-index: 9;
	overflow: hidden;
	/* image flickering fix */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item .cc-image {
	height: 100%;
}

/* OWL controls */
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	position: absolute;
}

/* Prev/Next buttons 
===================== */
.owl-nav {
	margin: 0;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.3);
	background-size: 78%;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 19px;
	color: #FFF;
	opacity: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-nav .owl-prev {
	background-image: url(../image/arrow-left-light.png);
	background-repeat: no-repeat;
	background-position: center;
}
.owl-carousel .owl-nav .owl-next {
	background-image: url(../image/arrow-right-light.png);
	background-repeat: no-repeat;
	background-position: center;
}

.owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next {
	opacity: 1;
}
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.owl-carousel .owl-nav .owl-prev {
	left: 0px;
}
.owl-carousel .owl-nav .owl-next {
	right: 0px;
}
.owl-carousel:hover .owl-nav .owl-prev {
	left: 20px;
}
.owl-carousel:hover .owl-nav .owl-next {
	right: 20px;
}

/* Prev/Next buttons disabled (no loop) */
.owl-carousel .owl-nav .owl-prev.disabled {
	opacity: 0;
	visibility: hidden;
	cursor: default;
}
.owl-carousel .owl-nav .owl-next.disabled {
	opacity: 0;
	visibility: hidden;
	cursor: default;
}


/* Prev/Next nav buttons positions 
=================================== */
/* Prev/Next buttons position outside (left/right) */
.owl-carousel.nav-outside .owl-nav .owl-prev, .owl-carousel.nav-outside .owl-nav .owl-next {
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-background-size: 80%;
	background-size: 80%;
	opacity: 1;
}
.owl-carousel.nav-outside .owl-nav .owl-prev:hover, .owl-carousel.nav-outside .owl-nav .owl-next:hover {
	color: #FFF;
}
.owl-carousel.nav-outside .owl-nav .owl-prev.disabled, .owl-carousel.nav-outside .owl-nav .owl-next.disabled {
	opacity: 0;
	visibility: hidden;
}
.owl-carousel.nav-outside .owl-nav .owl-prev {
	left: -70px;
}
.owl-carousel.nav-outside .owl-nav .owl-next {
	right: -70px;
}
@media (max-width: 1360px) {
	.owl-carousel.nav-outside .owl-nav .owl-prev, .owl-carousel.nav-outside .owl-nav .owl-next {
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-background-size: 70%;
		background-size: 70%;
	}
	.owl-carousel.nav-outside .owl-nav .owl-prev {
		left: 15px;
	}
	.owl-carousel.nav-outside .owl-nav .owl-next {
		right: 15px;
	}
}

/* Prev/Next nav buttons position outside top */
.nav-outside-top .owl-nav {
	position: absolute;
	top: -50px;
	right: 0;
	width: 72px;
}
.nav-outside-top .owl-nav .owl-prev, .nav-outside-top .owl-nav .owl-next {
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #ea4e4e;
	-webkit-background-size: 80%;
	background-size: 100%;
	font-size: 14px;
	color: #FFF;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-outside-top .owl-nav .owl-prev:hover, .nav-outside-top .owl-nav .owl-next:hover {
	background-color: #ea4e4e;
	color: #FFF;
}
.nav-outside-top .owl-nav .owl-prev.disabled, .nav-outside-top .owl-nav .owl-next.disabled {
	visibility: visible;
	opacity: .2;
	color: #A4AAAD;
}
.nav-outside-top:hover .owl-nav .owl-prev {
	left: 0;
}
.nav-outside-top:hover .owl-nav .owl-next {
	right: 0;
}

/* Prev/Next nav buttons position bottom right */
.nav-bottom-right .owl-nav {
	position: absolute;
	top: auto;
	bottom: 103px;
	right: 3%;
	width: 128px;
}
@media (max-width: 768px) {
	.nav-bottom-right .owl-nav {
		right: 20px;
	}
}
.nav-bottom-right .owl-nav .owl-prev, .nav-bottom-right .owl-nav .owl-next {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.4);
	font-size: 14px;
	color: #FFF;
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.nav-bottom-right .owl-nav .owl-prev:hover, .nav-bottom-right .owl-nav .owl-next:hover {
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
}
.nav-bottom-right .owl-nav .owl-prev.disabled, .nav-bottom-right .owl-nav .owl-next.disabled {
	visibility: visible;
	opacity: .2;
	color: #A4AAAD;
}
.nav-bottom-right:hover .owl-nav .owl-prev {
	left: 0;
}
.nav-bottom-right:hover .owl-nav .owl-next {
	right: 0;
}


/* Prev/Next nav buttons styles 
================================ */
/* Prev/Next buttons light */
.nav-light .owl-nav .owl-prev, .nav-light .owl-nav .owl-next {
	background-color: #FFF;
}
.nav-light .owl-nav .owl-prev {
	background-image: url(../image/arrow-left-dark.png);
}
.nav-light .owl-nav .owl-next {
	background-image: url(../image/arrow-right-dark.png);
}
.nav-light .owl-nav .owl-prev:hover, .owl-carousel.nav-light .owl-nav .owl-prev:hover,
.nav-light .owl-nav .owl-next:hover, .owl-carousel.nav-light .owl-nav .owl-next:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

/* Prev/Next buttons rounded */
.nav-rounded .owl-nav .owl-prev, .nav-rounded .owl-nav .owl-next {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


/* Dots 
======== */
.owl-dots, .owl-nav.disabled + .owl-dots {
	position: absolute;
	bottom: 10px;
	margin-top: 0px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.owl-dots .owl-dot {
	display: inline-block;
}
.owl-dots .owl-dot span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 5px;
	background-color: #BBB;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
	background-color: #ea4e4e;
}
.owl-dots .owl-dot.active span {
}

/* Dots rounded */
.dots-rounded .owl-dots .owl-dot span {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


/* Dots positions
=================== */
/* Dots position outside */
.dots-outside {
	margin-bottom: 40px;
}
.dots-outside .owl-dots, .dots-outside .owl-nav.disabled + .owl-dots {
	bottom: -28px;
}

/* Dots position left */
.dots-left .owl-dots, .dots-left .owl-nav.disabled + .owl-dots {
	left: 3%;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Dots position right */
.dots-right .owl-dots, .dots-right .owl-nav.disabled + .owl-dots {
	left: inherit;
	right: 3%;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* Dots position center right */
.dots-center-right .owl-dots {
	position: absolute;
	top: 50%;
	bottom: auto !important;
	left: auto !important;
	right: 15px;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.dots-center-right .owl-dots .owl-dot {
	display: block;
	line-height: 0;
}
.dots-center-right .owl-dots .owl-dot span {
	margin: 5px 0;
}

/* CC item */
.owl-carousel .cc-item {
	position: relative;
	display: block;
	overflow: hidden;
}
.owl-carousel .cc-item.bg-image { /* if CC item contains background image */
	min-height: 300px;
}

/* CC item hover 1 */
@media (min-width: 992px) {
	.owl-carousel.cc-hover .cc-item:hover .cover {
		background-color: rgba(0, 0, 0, 0.3) !important;
	}
}

/* CC item hover 2 */
@media (min-width: 992px) {
	.owl-carousel:hover.cc-hover-2 .cc-item .cover {
		background-color: rgba(0, 0, 0, 0.6) !important;
	}
	.owl-carousel.cc-hover-2 .cc-item:hover .cover {
		background-color: rgba(0, 0, 0, 0.1) !important;
	}
}

/* CC auto width image */
.owl-carousel .cc-auto-width-img {
	width: auto !important;
}
.owl-carousel .cc-auto-width-img-bg { /* for small devices */
	display: none;
	width: 100vw;
}
@media (max-width: 768px) {
	.owl-carousel .cc-auto-width-img {
		display: none !important;
	}
	.owl-carousel .cc-auto-width-img-bg { /* for small devices */
		display: block;
	}
}


/* CC item heights 
=================== */
.owl-carousel, .owl-carousel .cc-item { min-height: 300px; } /* CC item minimum height */

.owl-carousel.cc-height-1, .owl-carousel.cc-height-1 .cc-item { height: 40vh; }
.owl-carousel.cc-height-2, .owl-carousel.cc-height-2 .cc-item { height: 50vh; }
.owl-carousel.cc-height-3, .owl-carousel.cc-height-3 .cc-item { height: 60vh; }
.owl-carousel.cc-height-4, .owl-carousel.cc-height-4 .cc-item { height: 70vh; }
.owl-carousel.cc-height-5, .owl-carousel.cc-height-5 .cc-item { height: 80vh; }
.owl-carousel.cc-height-6, .owl-carousel.cc-height-6 .cc-item { height: 90vh; }

/* CC item full height */
.owl-carousel.cc-height-full, 
.owl-carousel.cc-height-full .cc-item { height: 100vh; } /* CC item full height */

/* CC item full height on small screen */
@media (max-width: 768px) {
	.owl-carousel.cc-height-full, 
	.owl-carousel.cc-height-full .cc-item,
	.owl-carousel.cc-height-m, 
	.owl-carousel.cc-height-m .cc-item {
		height: calc(100vh - 60px); /* full height minus mobile header height */
	}
}


/* CC caption 
============== */
.owl-carousel .cc-caption {
	position: absolute;
	width: auto !important;
	z-index: 9;
}
.owl-carousel .cc-caption.caption-animate {
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}
.owl-carousel .owl-item.active .cc-caption.caption-animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translatey(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);

	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

/* CC title */
.owl-carousel .cc-title {
	display: block;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* CC description */
.owl-carousel .cc-description {
	margin: 5px 0 0 0;
	font-weight: normal;
	color: #FFF;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* CC category */
.owl-carousel .cc-category {
	display: inline-block;
	background-color: #ea4e4e;
	padding: 0 5px;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #FFF;
}


/* CC caption sizes 
=================== */

/* cc caption xs */
.cc-caption.cc-caption-xs .cc-title {
	font-size: 17px;
}

/* cc caption sm */
.cc-caption.cc-caption-sm .cc-title {
	font-size: 20px;
}

/* cc caption lg */
.cc-caption.cc-caption-lg .cc-title {
	font-size: 32px;
}
.cc-caption.cc-caption-lg .cc-description {
	margin: 8px 0 0 0;
	font-size: 18px;
}
@media (max-width: 768px) {
	.cc-caption.cc-caption-lg .cc-title {
		font-size: 28px;
	}
}

/* cc caption xlg */
.cc-caption.cc-caption-xlg .cc-title {
	font-size: 48px;
}
.cc-caption.cc-caption-xlg .cc-description {
	margin: 5px 0 0 0;
	font-size: 20px;
}
@media (max-width: 992px) {
	.cc-caption.cc-caption-xlg .cc-title {
		font-size: 38px;
	}
}
@media (max-width: 768px) {
	.cc-caption.cc-caption-xlg .cc-title {
		font-size: 28px;
	}
	.cc-caption.cc-caption-xlg .cc-description {
		font-size: 18px;
	}
}


/* CC caption with alter fonts 
=============================== */

/* cc caption with font-alter-1 */
.cc-caption .cc-title.font-alter-1 {
	font-size: 36px !important;
	text-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

.cc-caption.cc-caption-xs .cc-title.font-alter-1 {
	font-size: 24px !important;
}
.cc-caption.cc-caption-sm .cc-title.font-alter-1 {
	font-size: 30px !important;
}
.cc-caption.cc-caption-lg .cc-title.font-alter-1 {
	font-size: 52px !important;
}
.cc-caption.cc-caption-xlg .cc-title.font-alter-1 {
	font-size: 68px !important;
}
@media (max-width: 992px) {
	.cc-caption.cc-caption-lg .cc-title.font-alter-1,
	.cc-caption.cc-caption-xlg .cc-title.font-alter-1 {
		font-size: 36px !important;
	}
}
@media (max-width: 768px) {
	.cc-caption .cc-title.font-alter-1,
	.cc-caption.cc-caption-sm .cc-title.font-alter-1,
	.cc-caption.cc-caption-lg .cc-title.font-alter-1,
	.cc-caption.cc-caption-xlg .cc-title.font-alter-1 {
		font-size: 28px !important;
	}
}

/* cc caption with font-alter-2 */
.cc-caption .cc-title.font-alter-2 {
	font-size: 52px !important;
	text-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}

.cc-caption.cc-caption-xs .cc-title.font-alter-2 {
	font-size: 36px !important;
}
.cc-caption.cc-caption-sm .cc-title.font-alter-2 {
	font-size: 44px !important;
}
.cc-caption.cc-caption-lg .cc-title.font-alter-2 {
	font-size: 62px !important;
}
.cc-caption.cc-caption-xlg .cc-title.font-alter-2 {
	font-size: 80px !important;
}
@media (max-width: 992px) {
	.cc-caption.cc-caption-lg .cc-title.font-alter-2,
	.cc-caption.cc-caption-xlg .cc-title.font-alter-2 {
		font-size: 46px !important;
	}
}
@media (max-width: 768px) {
	.cc-caption .cc-title.font-alter-2,
	.cc-caption.cc-caption-sm .cc-title.font-alter-2,
	.cc-caption.cc-caption-lg .cc-title.font-alter-2,
	.cc-caption.cc-caption-xlg .cc-title.font-alter-2 {
		font-size: 38px !important;
	}
}


/* CC caption positions 
======================== */
/* position top */
.owl-carousel .cc-caption.top-left {
	top: 10%;
	left: 5%;
	text-align: left;
}
.owl-carousel .cc-caption.top-center {
	top: 10%;
	left: 50%;
	width: 100% !important;
	max-width: 800px !important;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.owl-carousel .cc-caption.top-right {
	top: 10%;
	right: 5%;
	text-align: right;
}

/* position center */
.owl-carousel .cc-caption.center-left {
	top: 50%;
	left: 5%;
	text-align: left;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.owl-carousel .cc-caption.center {
	top: 50%;
	left: 50%;
	width: 100% !important;
	max-width: 800px;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}
.owl-carousel .cc-caption.center-right {
	top: 50%;
	right: 5%;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

/* position bottom */
.owl-carousel .cc-caption.bottom-left {
	bottom: 10%;
	left: 5%;
	margin-right: 5%;
	text-align: left;
}
@media (max-width: 768px) {
	.owl-carousel .cc-caption.bottom-left {
		bottom: 45px;
	}
}
.owl-carousel .cc-caption.bottom-center {
	bottom: 10%;
	left: 50%;
	width: 100% !important;
	max-width: 800px;
	padding: 0 15px;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.owl-carousel .cc-caption.bottom-right {
	bottom: 10%;
	left: auto;
	right: 5%;
	text-align: right;
}

/* if "nav-bottom-right" enabled */
.owl-carousel.nav-bottom-right .cc-caption.bottom-center,
.owl-carousel.nav-bottom-right .cc-caption.bottom-right {
	bottom: 110px;
}
@media (max-width: 768px) {
	.owl-carousel.nav-bottom-right .cc-caption.bottom-left,
	.owl-carousel.nav-bottom-right .cc-caption.bottom-center,
	.owl-carousel.nav-bottom-right .cc-caption.bottom-right {
		bottom: 110px;
	}
}


/* owl elements 
================ */
/* owl video play icon */
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background-color: rgba(0, 0, 0, 0.7);
	background-position: center;
	cursor: pointer;
	z-index: 1;
	border-radius: 80px;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* cursor grab icon */
.owl-carousel.cursor-grab {
	cursor: -webkit-grab;
	cursor: grab;
}
.owl-carousel.cursor-grab:active {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}


/* ------------------------------------------------------------- *
 * Horizontal scroll gallery
/* ------------------------------------------------------------- */

#gallery-horizontal-scroll-section {
	padding: 25px 25px;
}
@media (max-width: 768px) {
	#gallery-horizontal-scroll-section {
		padding: 0;
	}
}

/* horizontal scroller (hs) */
.horizontal-scroller {
	height: calc(100vh - 50px);
	overflow: hidden;
}
@media (max-width: 768px) {
	.horizontal-scroller {
		height: calc(100vh - 60px);
	}
}
.hs-inner {
	height: 100%;
	white-space: nowrap;
	overflow-x: auto;
}
@media (max-width: 768px) {
	.hs-inner {
		white-space: normal;
	}
}


/* hs item 
=========== */
.hs-item {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: 100%;
	margin-right: -8px;
	white-space: normal;
}
.hs-item:last-child {
	margin-right: 0 !important;
}
@media (max-width: 768px) {
	.hs-item {
		display: block;
		height: auto;
	}
}

/* hs item image */
img.hs-item-image {
	max-width: 100%;
	width: auto;
	height: 100%;
}
.hs-item-bg-image { /* for small devices */
	display: none;
	width: 100%;
	min-height: 340px;
}
@media (max-width: 768px) {
	img.hs-item-image {
		display: none !important;
	}
	.hs-item-bg-image { /* for small devices */
		display: block;
	}
}

/* hs item gutter */
.horizontal-scroller.gutter-1 .hs-item { margin-right: 0px; }
.horizontal-scroller.gutter-2 .hs-item { margin-right: 10px; }
.horizontal-scroller.gutter-3 .hs-item { margin-right: 20px; }

@media (max-width: 768px) {
	.horizontal-scroller.gutter-1 .hs-item,
	.horizontal-scroller.gutter-2 .hs-item,
	.horizontal-scroller.gutter-3 .hs-item {
		margin: 0 0 8px 0
	}
}


/* hs caption 
============== */
.hs-caption {
	position: absolute;
	width: auto !important;
	z-index: 9;
}

/* hs title */
.hs-title {
	display: block;
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* hs description */
.hs-description {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	line-height: 1.2;
	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* hs category */
.hs-category {
	display: inline-block;
	background-color: #ea4e4e;
	padding: 0 5px;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #FFF;
}


/* hs caption sizes 
==================== */
/* hs caption xs */
.hs-caption.hs-caption-xs .hs-title {
	font-size: 18px;
}

/* hs caption sm */
.hs-caption.hs-caption-sm .hs-title {
	font-size: 21px;
}

/* hs caption lg */
.hs-caption.hs-caption-lg .hs-title {
	font-size: 34px;
}
.hs-caption.hs-caption-lg .hs-description {
	margin: 8px 0 0 0;
	font-size: 18px;
}
@media (max-width: 768px) {
	.hs-caption.hs-caption-lg .hs-title {
		font-size: 28px;
	}
}

/* hs caption xlg */
.hs-caption.hs-caption-xlg .hs-title {
	font-size: 48px;
}
.hs-caption.hs-caption-xlg .hs-description {
	margin: 5px 0 0 0;
	font-size: 21px;
}
@media (max-width: 992px) {
	.hs-caption.hs-caption-xlg .hs-title {
		font-size: 38px;
	}
}
@media (max-width: 768px) {
	.hs-caption.hs-caption-xlg .hs-title {
		font-size: 28px;
	}
	.hs-caption.hs-caption-xlg .hs-description {
		font-size: 18px;
	}
}


/* hs caption positions 
======================== */
/* position top */
.hs-caption.top-left {
	top: 10%;
	left: 5%;
	text-align: left;
}
.hs-caption.top-center {
	top: 10%;
	left: 50%;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.hs-caption.top-right {
	top: 10%;
	right: 5%;
	text-align: right;
}

/* position center */
.hs-caption.center-left {
	top: 50%;
	left: 5%;
	text-align: left;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}
.hs-caption.center {
	top: 50%;
	left: 50%;
	width: 100% !important;
	padding: 0 15%;
	text-align: center;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}
.hs-caption.center-right {
	top: 50%;
	right: 5%;
	text-align: right;
	-moz-transform: translateY(-50%) !important;
	-ms-transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	transform: translateY(-50%) !important;
}

/* position bottom */
.hs-caption.bottom-left {
	bottom: 8%;
	left: 5%;
	margin-right: 5%;
	text-align: left;
}
@media (max-width: 768px) {
	.hs-caption.bottom-left {
		bottom: 45px;
	}
}
.hs-caption.bottom-center {
	bottom: 8%;
	left: 50%;
	text-align: center;
	-moz-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important;
}
.hs-caption.bottom-right {
	bottom: 8%;
	left: auto;
	right: 5%;
	text-align: right;
}


/* ------------------------------------------------------------- *
 * Blog list section
/* ------------------------------------------------------------- */

#blog-list-section {
}

/* isotope items in blog list section */
@media (max-width : 768px) {
	#blog-list-section .isotope.col-2 .isotope-item,
	#blog-list-section .isotope.col-3 .isotope-item,
	#blog-list-section .isotope.col-4 .isotope-item,
	#blog-list-section .isotope.col-5 .isotope-item,
	#blog-list-section .isotope.col-6 .isotope-item {
		width: 100%;
	}
}

/* blog list classic */
.blog-list-classic {
	padding: 40px 0;
}
@media (max-width : 1600px) {
	.blog-list-classic {
		padding: 3% 0;
	}
}
.blog-list-classic .isotope-items-wrap {
	padding-top: 0;
}

/* blog list item */
.blog-list-item {
	position: relative;
}
.isotope[class*='gutter-'] .blog-list-item {
    overflow: hidden;
    border-radius: 4px;
}
@media (max-width : 768px) {
	.blog-list-item {
		margin-top: 10px;
	}
}

/* blog list item image */
.bl-item-image {
	display: block;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a.bl-item-image:hover {
	opacity: .8;
}
.iso-height-1 .blog-list-item .bl-item-image, 
.iso-height-2 .blog-list-item .bl-item-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* blog list item info 
======================= */
.bl-item-info {
	position: relative;
	background-color: #FFF;
	padding: 6% 6% 50px 6%;
	margin-bottom: 7px;
	z-index: 2;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}

/* blog list item category */
.bl-item-category {
	margin-bottom: 15px;
	font-size: 14px;
	font-style: italic;
	color: #999;
}
.bl-item-category a {
	color: #999;
}
.bl-item-category a:hover {
	opacity: .8;
}

/* blog list item title */
.bl-item-title {
	display: block;
}
.bl-item-title, .bl-item-title h2 {
	display: block;
	margin: 0;
	font-weight: bold;
	font-size: 18px;
	color: #333;
	line-height: 1.3;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.bl-item-title:hover, .bl-item-title:focus,
.bl-item-title h2:hover, .bl-item-title h2:focus {
	color: #ea4e4e;
}
@media (max-width: 992px) {
	.bl-item-title, .bl-item-title h2 {
		font-size: 18px;
	}
}

/* blog list item meta */
.bl-item-meta {
	margin-top: 15px;
	font-size: 14px;
	color: #AAA;
}
.bl-item-meta a {
	padding-bottom: 2px;
	color: #AAA;
}
.bl-item-meta a:hover {
	opacity: .8;
}

/* blog list item description */
.bl-item-desc {
	margin-top: 20px;
	font-size: 15px;
	color: #666;
}

/* blog list item read more */
.bl-item-read-more {
	position: absolute;
	left: 50%;
	margin-left: -16px;
	bottom: 10px;
	width: 32px;
	height: 20px;
	line-height: 16px;
	text-align: center;
}
.bl-item-read-more span {
	position: relative;
}
.bl-item-read-more span,
.bl-item-read-more span:before,
.bl-item-read-more span:after {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #ddd;
	border-radius: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.blog-list-item .bl-item-read-more:hover span,
.blog-list-item .bl-item-read-more:hover span:before,
.blog-list-item .bl-item-read-more:hover span:after {
	background-color: #ea4e4e;
}
.bl-item-read-more span:before {
	position: absolute;
	bottom: 0;
	content: "";
	left: -10px;
}
.bl-item-read-more span:after {
	position: absolute;
	bottom: 0;
	content: "";
	left: 10px;
}


/* blog list item if isotope "col-1" is enabled 
================================================ */
#blog-list-section .isotope.col-1 .isotope-items-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

#blog-list-section .isotope.col-1 .iso-height-1 .blog-list-item,
#blog-list-section .isotope.col-1 .iso-height-2 .blog-list-item {
	display: block;
	padding-bottom: 50%;
}

#blog-list-section .isotope.col-1 .bl-item-info {
	margin: -7% 7% 5% 7%;
	padding: 6% 8% 70px 8%;
	text-align: center;
	border-radius: 4px;
}
@media (max-width: 768px) {
	#blog-list-section .isotope.col-1 .bl-item-info {
		margin: 0 0 3% 0;
	}
}

#blog-list-section .isotope.col-1 .bl-item-title, 
#blog-list-section .isotope.col-1 .bl-item-title h2 {
	font-size: 38px;
}
@media (max-width: 992px) {
	#blog-list-section .isotope.col-1 .bl-item-title, 
	#blog-list-section .isotope.col-1 .bl-item-title h2 {
		font-size: 18px;
	}
}

#blog-list-section .isotope.col-1 .bl-item-desc {
	font-size: inherit;
}


/* ------------------------------------------------------------- *
 * Blog single
/* ------------------------------------------------------------- */

#blog-single-cection {
	padding: 40px 0;
}
@media (max-width : 1600px) {
	#blog-single-cection {
		padding: 3% 0;
	}
}

/* blog single wrap */
.blog-single-wrap {
	position: relative;
}

/* blog single post */
.blog-single-post {
	background-color: #FFF;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
.blog-single-post-inner {
	position: relative;
	padding: 5%;
}

/* blog single post image */
.blog-single-image {
	border-radius: 4px 4px 0 0;
}
.blog-single-image.bg-image { /* for background image height */
	padding-bottom: 60%;
}

/* blog single post heading */
.blog-single-post-heading {
	background-color: #FFF;
	padding: 5% 5% 0 5%;
}
.blog-single-post-title {
	margin: 0;
	font-size: 42px;
	font-weight: 600;
	color: #333;
}
.blog-single-image + .blog-single-post-heading {
	margin: -10% 5% 0 5%;
	border-radius: 4px;
}
@media (max-width : 992px) {
	.blog-single-post-title {
		font-size: 28px;
	}
}

.blog-single-post-category {
	display: inline-block;
	background-color: #ea4e4e;
	margin-top: 20px;
	padding: 0 4px;
	font-size: 14px;
	font-style: italic;
	color: #FFF;
}
.blog-single-post-category a {
	color: #FFF;
}

/* blog single post content */
.post-content {
}

.post-content .single-post-image {
	margin: 30px 0;
}
.post-content .single-post-image img {
	border-radius: 4px;
}
.single-post-image-caption {
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
	color: #999;
}
.single-post-image-caption a {
	color: #999;
}

.post-content .owl-carousel {
	margin: 30px 0 30px 0;
}
.post-content .cc-item {
	display: block;
	padding-bottom: 60%;
	border-radius: 4px;
}

/* Blog single attributes 
============================ */
.blog-single-attributes {
	margin-top: 20px;
	margin-bottom: 40px;
}
.blog-single-meta-wrap {
	overflow: hidden;
}

.blog-single-post .author-avatar {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100px;
}
.blog-single-post .author-avatar:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -21px;
	width: 21px;
	height: 1px;
	border-bottom: 1px dotted rgba(150, 150, 150, 0.18);
}

/* blog single meta */
.blog-single-meta {
	margin-left: 20px;
	padding: 0 0 0 15px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	float: left;
	border-left: 1px dotted rgba(150, 150, 150, 0.18);
}
.blog-single-meta .article-author {
	font-size: 16px;
	color: #333;
}
.blog-single-meta .article-author a {
	color: #333;
}
.blog-single-meta .article-author a:hover {
	color: #ea4e4e;
}
.blog-single-meta .article-time-cat {
	font-size: 14px;
	font-style: italic;
	color: #b1b1b1;
}
.blog-single-meta .article-time-cat a {
	color: #b1b1b1;
}
.blog-single-meta .article-time-cat a:hover {
	color: #ea4e4e;
}
.blog-single-meta .article-time {
}

/* blog single links */
.blog-single-links {
	margin: 6px 0 0 0;
	text-align: right;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.blog-single-links {
		margin-top: 30px;
		text-align: left;
	}
}
.blog-single-links > li {
	margin-left: 3px;
	background-color: rgba(0, 0, 0, 0.06);
	padding: 5px 10px;
}
.blog-single-links a {
	display: inline-block;
	font-weight: 600;
	color: #333;
}
.blog-single-links a:hover, .blog-single-links a:focus, .blog-single-links .favorite-btn:hover {
	color: #ea4e4e;
}

.leave-comment-btn {
}
.blog-single-comment-count {
}

/* blog single tags */
.blog-single-tags {
	margin-top: 10px;
	font-size: 17px;
	overflow: hidden;
}
.blog-single-tags span {
	color: #333;
}
.blog-single-tags > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-single-tags > ul > li {
	float: left;
	margin: 3px;
}
.blog-single-tags a {
	display: block;
	background-color: #222;
	padding: 2px 8px;
	font-size: 14px;
	color: #FFF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.blog-single-tags a:hover {
	background-color: #ea4e4e;
	color: #fff;
}

/* blog single post share */
.blog-single-share {
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #FFF;
	padding: 10px 12px;
	text-align: center;
}
.blog-single-share > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-single-share > ul > li {
}
.blog-single-share > ul > li > .btn {
	margin: 5px 0;
}
.bss-text {
	font-size: 14px;
}
@media (max-width: 1585px) {
	.blog-single-share {
		position: static;
		background-color: transparent !important;
		padding: 0;
		text-align: left;
	}
	.blog-single-share > ul > li {
		display: inline-block;
		margin: 0 3px;
	}
	.bss-text {
		font-size: inherit;
	}
}
@media (max-width: 992px) {
	.blog-single-share {
		position: fixed;
		top: auto;
		bottom: -1px;
		left: 0;
		right: 0;
		background-color: rgba(255, 255, 255, 0.85);
		padding: 0;
		text-align: center;
		z-index: 99997;
	}
	.blog-single-share > ul > li {
		display: inline-block;
		margin: 0 3%;
	}
	.blog-single-share > ul > li > .btn {
		border-radius: 50px;
	}
	.bss-text {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.blog-single-share > ul > li {
		margin: 0 2px;
	}
}


/* Blog single nav 
=================== */
.blog-single-nav {
	background-color: #FFF;
	margin-top: 30px;
	padding: 5%;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	overflow: hidden;
	border-radius: 4px;
}

.bs-nav-col {
	float: left;
	width: 50%;
}
.bs-nav-left {
	padding-right: 5%;
	border-right: 1px solid rgba(136, 136, 136, 0.48);
}
.bs-nav-right {
	padding-left: 5%;
	text-align: right;
}

.bs-nav-text {
	margin-bottom: 10px;
	font-size: 16px;
	color: #999;
}
.bs-nav-title, .bs-nav-title h4 {
	margin: 0;
	font-size: 16px;
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (max-width: 768px) {
	.bs-nav-title, .bs-nav-title h4 {
		font-size: 15px;
	}
}
.bs-nav-title:hover, .bs-nav-title h4:hover {
	color: #ea4e4e;
}


/* Blog single related posts 
============================= */
.related-posts {
	background-color: #FFF;
	margin-top: 30px;
	padding: 5%;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
.related-posts-heading {
	font-size: 21px;
	margin: 0 0 30px -5.5%;
	padding: 0 0 0 5%;
	border-left: 3px solid #ea4e4e;
}
.related-posts-item {
}
.related-posts-item .rp-item-image {
	display: block;
	padding-bottom: 80%;
	margin-bottom: 10px;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts-item .rp-item-image:hover {
    opacity: .9;
}
.rp-item-info {
}
.related-posts-item .rp-item-title,
.related-posts-item .rp-item-title h4 {
	margin: 10px 0 10px 0;
	font-size: 16px;
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.related-posts-item .rp-item-title:hover,
.related-posts-item .rp-item-title h4:hover {
	color: #ea4e4e;
}
.related-posts-item .rp-item-category {
	font-size: 14px;
	font-style: italic;
	color: #999;
}
.related-posts-item .rp-item-category a {
	color: #999;
}

.related-posts .owl-carousel {
	min-height: 0;
}
/* disable nav-outside on small screens */
@media (max-width: 768px) {
	.related-posts .nav-outside-top .owl-nav {
		display: none;
	}
}


/* Blog single post comments 
============================= */
#blog-post-comments {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px dotted rgba(150, 150, 150, 0.3);
}

/* blog single comments heading */
.comments-heading {
	margin: 0 0 50px 0;
	font-size: 28px;
}
.comments-heading span {
	font-size: 48px;
}

/* blog single comments */
.media-list {
	margin-top: 20px;
}

.media {
	margin-top: 30px;
}
.media-object {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.media-object:hover {
	opacity: .8;
}
.media-object:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -21px;
	width: 21px;
	height: 1px;
	border-bottom: 1px dotted rgba(150, 150, 150, 0.18);
}
@media (max-width: 768px) {
	.media-object {
		margin-bottom: 20px;
	}
	.media-object:before {
		display: none;
	}
	.media-object:after {
		position: absolute;
		content: "";
		bottom: -21px;
		right: 50%;
		width: 1px;
		height: 21px;
		border-left: 1px dotted rgba(150, 150, 150, 0.18);
	}
}
.media-left, .media > .pull-left {
	padding: 0;
	margin-right: 20px;
}
.media-right, .media > .pull-right {
	padding: 0;
	margin-left: 20px;
}

.media-heading {
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	color: #333;
}
.media-heading a {
	color: #333;
}
.media-heading a:hover {
	color: #ea4e4e;
}
.media, .media-body {
	overflow: inherit;
}
.media-body {
	width: 100%;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 2px;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
@media (max-width: 768px) {
	.media-body {
		display: block;
	}
}
.media-body .article-time {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-style: italic;
	color: #BBB;
}
.media-text {
	clear: both;
	padding-top: 12px;
	font-size: 15px;
	border-top: 1px dotted rgba(150, 150, 150, 0.18);
}
.media-reply {
	text-align: right;
	font-size: 13px;
}
.media-reply a {
	color: #BBB;
}
.media-reply a:hover {
	color: #ea4e4e;
}
.media-reply .btn-xs {
	border-width: 1px;
}

/* blog single post comment form */
#post-comment-form {
	background-color: #fff;
	margin-top: 100px;
	padding: 5%;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
#post-comment-form .reminder {
	margin: 20px 0 0 0;
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
	color: #999;
	cursor: pointer;
}
#post-comment-form .reminder-checkbox {
	cursor: pointer;
}

/* embed */
.embed-responsive {
	overflow: hidden;
	border-radius: 4px;
}



/* ------------------------------------------------------------- *
 * Blog sidebar
/* ------------------------------------------------------------- */

.sidebar {
}
.sidebar.sidebar-left {
}
.sidebar.sidebar-right {
}
@media (max-width: 991px) {
	.sidebar {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-left: none !important;
		border-right: none !important;

		margin-top: 30px;
		padding-top: 40px;
		border-top: 1px dotted rgba(150, 150, 150, 0.18);
	}
}


/* ------------------------------------------------------------- *
 * Blog sidebar widgets
/* ------------------------------------------------------------- */

.sidebar-widget {
	margin-top: 20px;
	padding-bottom: 5px;
	overflow: hidden;
	background-color: #FFF;
	padding: 20px;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}

/* Sidebar headings */
.sidebar-heading {
	margin-bottom: 30px;
	margin-left: -20px;
	padding: 0 0 0 16px;
	font-size: 21px;
	font-weight: bold;
	border-left: 3px solid #ea4e4e;
}

/* Sidebar hr */
.sidebar-heading + hr {
	margin-top: -17px !important;
	margin-bottom: 35px !important;
}
.sidebar hr {
	width: 30px;
	text-align: left;
	margin-left: 0;
	border-top: 2px solid #ea4e4e;
}

/* Blog author (about me) */
.blog-author {
}
.blog-author-img {
	float: left;
	max-width: 130px;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 100%;
}
@media (max-width: 1600px) {
	.sidebar .blog-author-img {
		max-width: 64px;
	}
}
@media (max-width: 1200px) {
	.sidebar .blog-author-img {
		float: none;
		max-width: 100%;
		margin: 0 0 20px 0;
	}
}
@media (max-width: 991px) {
	.sidebar .blog-author-img {
		float: left;
		max-width: 140px;
		margin: 0 20px 0 0;
	}
}
.blog-author-info {
	display: table;
}
.blog-author-name {
	text-transform: none;
	letter-spacing: 0;
	margin: 0;
	font-size: 17px;
}
.blog-author-sub {
	margin-bottom: 10px;
	font-size: 14px;
	color: #999;
}
.blog-author-text {
	margin: 0;
	font-size: 14px;
}
.blog-author-more {
	display: block;
	margin-top: 15px;
	text-align: right;
	font-size: 14px;
	font-style: italic;
	color: #BBB;
}

/* Blog sidebar search */
.sidebar-search {
}
#blog-search-form {
}
#blog-search-form button {
}
#blog-search-form .form-control {
}

/* Blog sidebar subscribe */
#sidebar-subscribe-form {
	position: relative;
}
#sidebar-subscribe {
}

/* Blog sidebar categories */
.sidebar-categories {
}
.sidebar-categories > ul > li {
	padding: 5px 0;
	border-top: 1px dotted rgba(150, 150, 150, 0.18);
}
.sidebar-categories > ul > li > a {
	display: block;
	padding: 6px 0;
	text-decoration: none;
	font-size: 16px;
	color: #333;
	line-height: 1;
}
.sidebar-categories > ul > li > a:hover {
	color: #ea4e4e;
}
.sidebar-categories > ul > li:first-child {
	padding-top: 0;
	border: 0;
}
.sidebar-categories > ul > li > a span {
	position: relative;
	float: right;
	top: -3px;
	background-color: #ececec;
	padding: 4px;
	text-align: center;
	font-size: 13px;
	color: #333;
	letter-spacing: 0;
}
.sidebar-categories > ul > li > a:hover span {
	background-color: #ea4e4e;
	color: #FFF;
}

/* Blog sidebar recent post list */
.sidebar-post-list {
}
.sidebar-post-list > ul > li {
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
}
.sidebar-post-list > ul > li:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.sidebar-post-list .post-thumb {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	width: 80px;
	height: 65px;
	overflow: hidden;
	border-radius: 4px;
}
.sidebar-post-list .post-thumb:hover {
}

.sidebar-post-list .post-data {
	display: table;
}
.sidebar-post-list .post-data .post-title {
	margin: 0 0 2px 0;
	font-size: 16px;
	font-weight: 600;
}
.sidebar-post-list .post-data .post-title a {
	display: block;
	color: #333;
}
.sidebar-post-list .post-data .post-title a:hover {
	color: #ea4e4e;
}
.sidebar-post-list .post-data .author {
	display: block;
	font-size: 14px;
	line-height: 15px;
}
.sidebar-post-list .post-data .author a {
	color: #333;
}
.sidebar-post-list .post-data .author a:hover {
	color: #ea4e4e;
}
.sidebar-post-list .post-data .date {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: #b1b1b1;
}

/* Blog sidebar post comments list */
.sidebar-comments-list {
}

.sidebar-comment-wrap {
	margin-bottom: 25px;
}
.sidebar-comment-wrap:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.sidebar-comment-meta {
	display: table;
}
.sidebar-comment-avatar {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.sidebar-comment-avatar:hover {
	opacity: .8;
}
.sidebar-comment-data {
	font-size: 12px;
}
.sidebar-comment-data .author {
	display: block;
	font-size: 15px;
}
.sidebar-comment-data .author a {
	color: #333;
}
.sidebar-comment-data .author a:hover {
	color: #ea4e4e;
}
.sidebar-comment-data .date {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: #b1b1b1;
}

.sidebar-comment-wrap .sidebar-comment {
	clear: both;
	margin-top: 10px;
	font-size: 15px;
	font-style: italic;
}
.sidebar-comment-wrap .sidebar-comment a {
	display: block;
	color: #333;
}
.sidebar-comment-wrap .sidebar-comment a:hover {
	color: #ea4e4e;
}
.sidebar-comment-wrap .sidebar-comment p {
	margin-bottom: 0;
}

/* Blog sidebar tags */
.sidebar-tags {
}
.sidebar-tags > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar-tags > ul > li {
	float: left;
	margin: 3px;
}
.sidebar-tags a {
	display: block;
	background-color: #222;
	padding: 2px 8px;
	font-size: 14px;
	color: #FFF;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.sidebar-tags a:hover {
	background-color: #ea4e4e;
	color: #fff;
}

/* Blog sidebar photo stream */
.sidebar-photo-stream {
}

/* Blog sidebar meta */
.sidebar-meta {
}
.sidebar-meta ul > li > a {
	display: block;
	padding: 3px 0;
	font-size: 15px;
	color: #999;
}
.sidebar-meta ul > li > a:hover {
	color: #ea4e4e;
}


/* ------------------------------------------------------------- *
 *  About me section
/* ------------------------------------------------------------- */

#about-me-section {
}
@media (min-width: 992px) {
	#about-me-section {
		margin: 3%;
	}
}

/* about me title */
.about-me-title {
	margin: 0 0 15px 0;
	font-size: 26px;
}

/* about me sub */
.about-me-sub {
	margin-bottom: 30px;
	font-size: 17px;
	font-style: italic;
	color: #999;
}

/* about me text */
.about-me-text {
}

/* if about me buttons included */
.about-me .follow-me-buttons a {
	font-size: 18px;
}

/* happy clients */
.happy-clients .split-box-content {
	padding-top: 20%;
	padding-bottom: 20%;
}


/* ------------------------------------------------------------- *
 *  Contact section 
/* ------------------------------------------------------------- */

#contact-section {
}

#contact-section .cover {
	background-color: transparent;
}

/* contact info 
================= */
.contact-info-wrap {
	width: 100%;
	max-width: 560px;
	background-color: rgba(255, 255, 255, 0.92);
	padding: 7% 5%;
	z-index: 2;
	border-radius: 4px;
}
@media (min-width: 768px) {
	.contact-info-wrap {
		margin-left: 50%;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
.contact-info {
}

/* contact form */
#contact-form {
}
.contact-form-title {
}
.contact-form-info {
	margin-bottom: 40px;
}

/* Map */
#map {
	width: 100%;
	min-height: 320px;
	padding-bottom: 25%;
}

/* contact simple 
================== */
.contact-simple {
	position: relative;
	min-height: calc(100vh - 50px);
	background-color: #FFF;
	margin: 25px;
}
@media (max-width: 768px) {
	.contact-simple {
		min-height: calc(100vh - 80px);
		margin: 70px 10px 10px 10px;
	}
}

.contact-simple .cover {
	background-color: transparent;
}

.contact-simple .contact-info-wrap {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 50%;
	right: auto;
	width: 100%;
	max-width: 680px;
	background-color: rgba(255, 255, 255, 0.92);
	padding: 5%;
	margin: 0;
	z-index: 2;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.08);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.08);
}
@media (max-width: 768px) {
	.contact-simple .contact-info-wrap {
		padding: 15% 5%;
	}
}

@media (min-width: 768px) {
	.contact-simple .contact-info {
		font-size: 19px;
	}
}


/* ------------------------------------------------------------- *
 *  Page section
/* ------------------------------------------------------------- */

#page-section {
	padding: 15px 0;
}
#page-section .ps-page-simple {
	background-color: #FFF;
	padding: 4%;
	margin: 0 auto;
}


/* ------------------------------------------------------------- *
 * Page header
/* ------------------------------------------------------------- */

#page-header {
	overflow: hidden;
}

/* page header image */
.page-header-image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* page header caption */
.page-header-caption {
	position: relative;
	margin: 0 auto;
	padding: 160px 5%;
	max-width: 800px;
	z-index: 3;
	text-align: center;
}
@media (max-width: 1200px) {
	.page-header-caption {
		padding: 15% 5%;
	}
}

/* page header title */
.page-header-title {
	margin: 0;
	font-size: 34px;
	color: #FFF;
	line-height: 1;
}
.page-header-title.font-alter-1 { /* if font-alter-1 is enabled */
	font-size: 42px !important;
}
.page-header-title.font-alter-2 { /* if font-alter-2 is enabled */
	font-size: 48px !important;
}
@media (max-width : 992px) {
	.page-header-title {
		font-size: 30px;
	}
	.page-header-title.font-alter-1 { /* if font-alter-1 is enabled */
		font-size: 34px !important;
	}
	.page-header-title.font-alter-2 { /* if font-alter-2 is enabled */
		font-size: 34px !important;
	}
}
@media (max-width : 768px) {
	.page-header-title {
		font-size: 24px;
	}
	.page-header-title.font-alter-1 { /* if font-alter-1 is enabled */
		font-size: 30px !important;
	}
}

/* page header subtitle */
.page-header-sub-title {
	margin: 10px 0 0 0;
	text-transform: none !important;
	font-size: 17px;
	font-weight: normal;
	color: #e2e2e2;
}
@media (max-width : 768px) {
	.page-header-sub-title {
		font-size: 15px !important;
	}
}

/* if page header subtitle contains a alter fonts */
.page-header-sub-title.font-alter-1 { font-size: 20px !important; }
.page-header-sub-title.font-alter-2 { font-size: 30px !important; }

/* if page header contains a slideshow */
#page-header.slideshow .cc-item {
	/* height handled by "theme.js" file */
	min-height: 300px;
}


/* ------------------------------------------------------------------------------------------------------------------------- *
 *  Split box
 *  based on - Bootstrap 3 responsive columns of same height
 *  source and tutorial: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
 *  Note: look into "helper.css" file to find source code.
/* ------------------------------------------------------------------------------------------------------------------------- */

.split-box {
	background-color: #FFF;
}

/* split box content 
==================== */
.split-box-content {
	position: relative;
	padding: 10% 10%;
	text-align: center;
	z-index: 9;
}
@media (max-width: 1200px) {
	.split-box-content {
		padding: 10% 4%;
	}
}

/* split box content shifted left/right */
@media (min-width: 1200px) {
	.split-box-content.shifted-left {
		background-color: #FFF;
		margin-left: -15%;
		padding: 10% 30% 10% 10%;
		text-align: left;
		border-radius: 4px;
	}
	.split-box-content.shifted-right {
		background-color: #FFF;
		margin-right: -15%;
		padding: 10% 10% 10% 30%;
		text-align: right;
		border-radius: 4px;
	}
}

/* split box image 
=================== */
.split-box-image {
}
@media (max-width: 1200px) {
	.split-box-image {
	}
}

/* split box image height */
.sbi-height {
}
@media (max-width: 1200px) {
	.sbi-height {
		padding-bottom: 60% !important;
	}
}
@media (max-width: 768px) {
	.sbi-height {
		padding-bottom: 80% !important;
	}
}

/* if split box contains content carousel (owl carousel) 
========================================================= */
@media (min-width: 1200px) {
	.split-box-slider {
		padding-bottom: 80%;
	}
}
@media (max-width: 1200px) {
	.split-box .owl-carousel .cc-item {
		min-height: 500px !important;
		padding-bottom: 60%;
	}
}
@media (min-width: 1200px) {
	.split-box .owl-carousel,
	.split-box .owl-carousel .cc-item {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
}

/* clients carousel */
.clients-carousel {
	padding: 0 10%;
}
@media (max-width: 1200px) {
	.clients-carousel {
		padding: 20% 10%;
	}
}

/* client image */
.clients-carousel .client-image {
}
.clients-carousel .client-image img {
	width: auto;
	margin: 0 auto;
}
.clients-carousel .client-image:hover img {
}

.clients-carousel .owl-carousel,
.clients-carousel .owl-carousel .cc-item {
	position: relative !important;
	min-height: auto;
}

/* clients carousel dots (overwrites content carousel default dots style) */
.clients-carousel .dots-outside .owl-dots, 
.clients-carousel .dots-outside .owl-nav.disabled + .owl-dots {
	bottom: -60px;
}


/* ------------------------------------------------------------- *
 *  Pagination
/* ------------------------------------------------------------- */

.pagination-wrap {
	text-align: center;
	padding: 40px 0;
}

.pagination {
	display: inline-block;
	padding: 0;
	margin: 0;
	border-radius: 0;
	color: #888;
}

/* pagination links */
.pagination > li {
	display: inline-block;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	display: inline-block;
	float: none;
	padding: 5px 13px;
	margin: 5px 0;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.04);
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #333;
	background-color: #FFF;
	border-color: #E0E0E0;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	z-index: 2;
	color: #FFF;
	cursor: default;
	background-color: #ea4e4e;
	border-color: #ea4e4e;
	-webkit-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
	box-shadow: 0 7px 5px -6px rgba(0,0,0,0.15);
}

/* pagination info */
.pagination-info {
	margin-top: 30px;
	font-size: 14px;
	line-height: 18px;
	color: #999;
}
.pagination-info span {
	display: block;
}


/* ------------------------------------------------------------- *
 * Thumbnail list
/* ------------------------------------------------------------- */

.thumb-list {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.thumb-list > li {
	float: left;
}

/* thumbnail list item */
.thumb-list .thumb-list-item {
	display: block;
	padding-bottom: 100%;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.thumb-list .thumb-list-item:hover { 
	opacity: .7;
}

/* thumbnail list columns */
.thumb-list.col-2 > li { width: 50%; }
.thumb-list.col-3 > li { width: 33.33333333%; }
.thumb-list.col-4 > li { width: 25%; }
.thumb-list.col-5 > li { width: 20%; }
.thumb-list.col-6 > li { width: 16.66666666666667%; }

/* thumbnail list gutter (more space between items) */
.thumb-list.gutter-1 > li { padding: 1px; }
.thumb-list.gutter-2 > li { padding: 2px; }
.thumb-list.gutter-3 > li { padding: 3px; }
.thumb-list.gutter-4 > li {padding: 4px;}
.thumb-list.gutter-5 > li { padding: 5px; }


/* ------------------------------------------------------------- *
 * Nicescroll plugin: http://areaaperta.com/nicescroll/
/* ------------------------------------------------------------- */

/* nicescroll vertical scrollbar */
.nicescroll-rails-vr {
	width: 2px !important;
	background-color: rgba(128, 127, 127, 0.21);
}
.nicescroll-rails-vr .nicescroll-cursors {
	right: -1px !important;
}
@media (max-width: 768px) {
	.nicescroll-rails {
		display: none !important;
	}
}

/* nicescroll horizontal scrollbar */
.nicescroll-rails-hr {
	height: 2px !important;
	background-color: rgba(128, 127, 127, 0.21);
}
.nicescroll-rails-hr .nicescroll-cursors {
	top: -1px !important;
}
@media (max-width: 768px) {
	.nicescroll-rails {
		display: none !important;
	}
}


/* ------------------------------------------------------------- *
 * YTP Player: https://github.com/pupunzi/jquery.mb.YTPlayer;
/* ------------------------------------------------------------- */

.youtube-bg {
	position: relative;
}
.YTPOverlay {
	background-color: transparent;
}
.YTPOverlay.raster {
	background: url("../image/raster.png"); /* "raster.png" or "raster_dot.png" */
	background-color: rgba(0, 0, 0, 0.6);
}
.youtube-bg.YTPFullscreen .YTPOverlay, .youtube-bg.YTPFullscreen .YTPOverlay.raster, .youtube-bg.YTPFullscreen .cover {
	display: none;
}

/* Video control bar */
.mb_YTPBar, .mb_YTPBar.visible {
	opacity: .1;
	z-index: 9;
}
.mb_YTPBar .buttonBar {
	top: -40px;
	height: 40px;
	padding: 10px 10px 0px 10px;
}
.mb_YTPBar, .mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded, .mb_YTPBar .mb_YTPseekbar {
	height: 4px;
	padding: 0;
}
.mb_YTPBar .mb_YTPProgress, .mb_YTPBar .mb_YTPLoaded {
	cursor: pointer;
}
.mb_YTPBar .mb_YTPseekbar {
	background: #F20000;
	cursor: pointer;
}

/* Video control elements */
.mb_YTPBar span.mb_OnlyYT {
	left: 250px;
	top: 10px;
	right: auto;
}
@media (min-width: 480px) {
	.mb_YTPBar span.mb_OnlyYT {
		left: 330px;
	}
}


/* ------------------------------------------------------------- *
 * Blockquote
/* ------------------------------------------------------------- */

blockquote {
	position: relative;
	padding: 10px 30px;
	margin: 30px 0;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	border: none;
}
blockquote:before {
	position: absolute;
	content: open-quote;
	top: -15px;
	left: -5px;
	font-size: 42px;
	color: #D2D2D2;
}


/* ------------------------------------------------------------- *
 * Forms
/* ------------------------------------------------------------- */

.form-group {
	margin-bottom: 20px;
}

.form-control {
	height: 48px;
	background-color: #FFF;
	padding: 6px 12px;
	font-size: 15px;
	color: #333;
	border-radius: 4px;
	border: 1px solid rgba(148, 148, 148, 0.25);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	border-color: #ea4e4e !important;
	box-shadow: none;
}

/* select */
select {
	cursor: pointer;
}
select:required:invalid {
  color: #999;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

/* label */
label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-size: 17px;
}

/* placeholder */
::-webkit-input-placeholder {
	color: #999 !important;
}
:-moz-placeholder {
	color: #999 !important;
}
::-moz-placeholder {
	color: #999 !important;
}
:-ms-input-placeholder {
	color: #999 !important;
}

/* form with button inside */
.form-btn-inside {
	position: relative;
}
.form-btn-inside .form-control {
	padding-right: 50px;
}
.form-btn-inside button {
	position: absolute;
	top: 50%;
	right: 0;
	width: auto;
	height: 54px;
	line-height: 40px;
	background-color: transparent;
	padding: 0 15px 0 15px;
	font-size: 18px;
	color: #333;
	border: none;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.form-btn-inside button:hover {
	opacity: .8;
}
.form-btn-inside button:focus {
	outline: none;
}

/* input sizes */
.input-sm, select.input-sm {
	height: 35px;
	line-height: 35px;
}


/* ------------------------------------------------------------- *
 * Modal
/* ------------------------------------------------------------- */

body.modal-open {
	padding-right: 0 !important;
}
.modal-open .modal {
	padding-right: 0 !important;
}

.modal {
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99999;
}
.modal-backdrop.in, .modal-backdrop.fade.in {
	opacity: 0;
}

.modal-dialog {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

@media (min-width: 768px) {
	.modal-body {
		padding: 30px;
	}
}

/* modal header */
.modal-header {
	background-color: rgba(134, 134, 134, 0.11);
	padding: 15px;
	text-align: left;
	border-bottom: none;
}
.modal-header .close {
	margin-top: -11px;
	font-size: 42px;
	color: #333;
	opacity: 1;
	text-shadow: none;
}
.modal-header .close:hover {
	opacity: .6;
}
.modal-header .close:active,
.modal-header .close:focus {
	outline: none;
}
.modal-title {
	font-size: 16px;
}

/* modal footer */
.modal-footer {
	padding: 15px;
   text-align: left;
   font-size: 14px;
	border: none;
}

/* modal content */
.modal-content {
	position: relative;
	background-color: transparent;
	z-index: 2;
	border: none;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.2);
	box-shadow: 0 1px 15px rgba(0,0,0,0.2);
}

/* Modal position senter */
@media (min-width: 768px) {
	.modal-center .modal-dialog {
		position: absolute;
		top: 45%;
		left: 50%;
		-moz-transform: translate(-50%, -50%) !important;
		-ms-transform: translate(-50%, -50%) !important;
		-webkit-transform: translate(-50%, -50%) !important;
		transform: translate(-50%, -50%) !important;
	}
}

/* modal share 
=============== */
.modal-share {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.modal-share-image {
	display: inline-block;
	width: 120px;
	height: 120px;
	margin-bottom: 15px;
	background-color: rgba(128, 128, 128, 0.24);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 120px;
}
.modal-share-title {
	font-size: 17px;
	margin-bottom: 40px;
}

/* modal share social buttons */
.modal-share .social-buttons {
}

/* modal share grab link */
.modal-share .grab-link {
	display: block;
	width: 80%;
	height: 48px;
	background-color: rgba(255, 255, 255, 0.25);
	margin: 30px auto 0 auto;
	text-align: center;
	padding: 0 20px;
	font-size: 15px;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid rgba(125, 125, 125, 0.2);
}
@media (max-width: 768px) {
	.modal-share .grab-link {
		width: 100%;
	}
}


/* ------------------------------------------------------------- *
 * Buttons
/* ------------------------------------------------------------- */

.btn {
	position: relative;
	margin: 8px 0;
	padding: 7px 20px;
	font-size: 17px;
	z-index: 9;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 4px;
	border: 2px solid rgba(0, 0, 0, 0);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn:hover,
.btn.focus,
.btn:focus,
.btn.active,
.btn:active,
.btn.active.focus,
.btn.active:focus,
.btn.active:hover,
.btn:active.focus,
.btn:active:focus,
.btn:active:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

/* Button styles 
================= */

/* Button default */
.btn-default {
	color: #000;
	background-color: rgba(189, 189, 189, 0.25);
	border-color: transparent;
}
.btn-default:hover,
.btn-default.focus,
.btn-default:focus,
.btn-default.active,
.btn-default:active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
	color: #000;
	background-color: rgba(189, 189, 189, 0.56);
	border-color: transparent;
}

.btn-default.btn-link {
	color: #333;
}
.btn-default.btn-link:hover,
.btn-default.btn-link.focus,
.btn-default.btn-link:focus,
.btn-default.btn-link.active,
.btn-default.btn-link:active,
.btn-default.btn-link.active.focus,
.btn-default.btn-link.active:focus,
.btn-default.btn-link.active:hover,
.btn-default.btn-link:active.focus,
.btn-default.btn-link:active:focus,
.btn-default.btn-link:active:hover,
.open > .dropdown-toggle.btn-default.btn-link,
.open > .dropdown-toggle.btn-default.btn-link.focus,
.open > .dropdown-toggle.btn-default.btn-link:focus,
.open > .dropdown-toggle.btn-default.btn-link:hover {
	color: #000;
	text-decoration: none;
}

.btn-default-bordered {
	color: #333;
	background-color: transparent;
	border-color: rgba(136, 136, 136, 0.35);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-default-bordered:hover,
.btn-default-bordered.focus,
.btn-default-bordered:focus,
.btn-default-bordered.active,
.btn-default-bordered:active,
.btn-default-bordered.active.focus,
.btn-default-bordered.active:focus,
.btn-default-bordered.active:hover,
.btn-default-bordered:active.focus,
.btn-default-bordered:active:focus,
.btn-default-bordered:active:hover,
.open > .dropdown-toggle.btn-default-bordered,
.open > .dropdown-toggle.btn-default-bordered.focus,
.open > .dropdown-toggle.btn-default-bordered:focus,
.open > .dropdown-toggle.btn-default-bordered:hover {
	color: #000;
	background-color: rgba(189, 189, 189, 0.56);
	border-color: transparent;
}

/* Button primary */
.btn-primary { /* same as template main color */
	color: #FFF;
	background-color: #ea4e4e;
	border-color: #ea4e4e;
}
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	color: #FFF;
	background-color: #d23333;
	border-color: #d23333
}

.btn-primary.btn-link {
	color: #ea4e4e;
}
.btn-primary.btn-link:hover,
.btn-primary.btn-link.focus,
.btn-primary.btn-link:focus,
.btn-primary.btn-link.active,
.btn-primary.btn-link:active,
.btn-primary.btn-link.active.focus,
.btn-primary.btn-link.active:focus,
.btn-primary.btn-link.active:hover,
.btn-primary.btn-link:active.focus,
.btn-primary.btn-link:active:focus,
.btn-primary.btn-link:active:hover,
.open > .dropdown-toggle.btn-primary.btn-link,
.open > .dropdown-toggle.btn-primary.btn-link.focus,
.open > .dropdown-toggle.btn-primary.btn-link:focus,
.open > .dropdown-toggle.btn-primary.btn-link:hover {
	color: #d23333;
	text-decoration: none;
}

.btn-primary-bordered {
	color: #ea4e4e;
	background-color: transparent;
	border-color: #ea4e4e;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-primary-bordered:hover,
.btn-primary-bordered.focus,
.btn-primary-bordered:focus,
.btn-primary-bordered.active,
.btn-primary-bordered:active,
.btn-primary-bordered.active.focus,
.btn-primary-bordered.active:focus,
.btn-primary-bordered.active:hover,
.btn-primary-bordered:active.focus,
.btn-primary-bordered:active:focus,
.btn-primary-bordered:active:hover,
.open > .dropdown-toggle.btn-primary-bordered,
.open > .dropdown-toggle.btn-primary-bordered.focus,
.open > .dropdown-toggle.btn-primary-bordered:focus,
.open > .dropdown-toggle.btn-primary-bordered:hover {
	color: #FFF;
	background-color: #d23333;
	border-color: #d23333
}

/* Button success */
.btn-success {
	color: #FFF;
	background-color: #41b541;
	border-color: #41b541;
}
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
	color: #FFF;
	background-color: #449d44;
	border-color: #449d44;
}

.btn-success.btn-link {
	color: #41b541;
}
.btn-success.btn-link:hover,
.btn-success.btn-link.focus,
.btn-success.btn-link:focus,
.btn-success.btn-link.active,
.btn-success.btn-link:active,
.btn-success.btn-link.active.focus,
.btn-success.btn-link.active:focus,
.btn-success.btn-link.active:hover,
.btn-success.btn-link:active.focus,
.btn-success.btn-link:active:focus,
.btn-success.btn-link:active:hover,
.open > .dropdown-toggle.btn-success.btn-link,
.open > .dropdown-toggle.btn-success.btn-link.focus,
.open > .dropdown-toggle.btn-success.btn-link:focus,
.open > .dropdown-toggle.btn-success.btn-link:hover {
	color: #5cb85c;
	text-decoration: none;
}

.btn-success-bordered {
	color: #41b541;
	background-color: transparent;
	border-color: #41b541;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-success-bordered:hover,
.btn-success-bordered.focus,
.btn-success-bordered:focus,
.btn-success-bordered.active,
.btn-success-bordered:active,
.btn-success-bordered.active.focus,
.btn-success-bordered.active:focus,
.btn-success-bordered.active:hover,
.btn-success-bordered:active.focus,
.btn-success-bordered:active:focus,
.btn-success-bordered:active:hover,
.open > .dropdown-toggle.btn-success-bordered,
.open > .dropdown-toggle.btn-success-bordered.focus,
.open > .dropdown-toggle.btn-success-bordered:focus,
.open > .dropdown-toggle.btn-success-bordered:hover {
	color: #FFF;
	background-color: #41b541;
	border-color: #41b541;
}

/* Button info */
.btn-info {
	color: #FFF;
	background-color: #31B0D5;
	border-color: #31B0D5;
}
.btn-info:hover,
.btn-info.focus,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
	color: #FFF;
	background-color: #2398BB;
	border-color: #2398BB;
}

.btn-info.btn-link {
	color: #31B0D5;
}
.btn-info.btn-link:hover,
.btn-info.btn-link.focus,
.btn-info.btn-link:focus,
.btn-info.btn-link.active,
.btn-info.btn-link:active,
.btn-info.btn-link.active.focus,
.btn-info.btn-link.active:focus,
.btn-info.btn-link.active:hover,
.btn-info.btn-link:active.focus,
.btn-info.btn-link:active:focus,
.btn-info.btn-link:active:hover,
.open > .dropdown-toggle.btn-info.btn-link,
.open > .dropdown-toggle.btn-info.btn-link.focus,
.open > .dropdown-toggle.btn-info.btn-link:focus,
.open > .dropdown-toggle.btn-info.btn-link:hover {
	color: #31B0D5;
	text-decoration: none;
}

.btn-info-bordered {
	color: #5BC0DE;
	background-color: transparent;
	border-color: #5BC0DE;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-info-bordered:hover,
.btn-info-bordered.focus,
.btn-info-bordered:focus,
.btn-info-bordered.active,
.btn-info-bordered:active,
.btn-info-bordered.active.focus,
.btn-info-bordered.active:focus,
.btn-info-bordered.active:hover,
.btn-info-bordered:active.focus,
.btn-info-bordered:active:focus,
.btn-info-bordered:active:hover,
.open > .dropdown-toggle.btn-info-bordered,
.open > .dropdown-toggle.btn-info-bordered.focus,
.open > .dropdown-toggle.btn-info-bordered:focus,
.open > .dropdown-toggle.btn-info-bordered:hover {
	color: #FFF;
	background-color: #31B0D5;
	border-color: #31B0D5;
}

/* Button warning */
.btn-warning {
	color: #333;
	background-color: #FBD320;
	border-color: #FBD320;
}
.btn-warning:hover,
.btn-warning.focus,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
	color: #333;
	background-color: #ECC71F;
	border-color: #ECC71F;
}

.btn-warning.btn-link {
	color: #d8b411;
}
.btn-warning.btn-link:hover,
.btn-warning.btn-link.focus,
.btn-warning.btn-link:focus,
.btn-warning.btn-link.active,
.btn-warning.btn-link:active,
.btn-warning.btn-link.active.focus,
.btn-warning.btn-link.active:focus,
.btn-warning.btn-link.active:hover,
.btn-warning.btn-link:active.focus,
.btn-warning.btn-link:active:focus,
.btn-warning.btn-link:active:hover,
.open > .dropdown-toggle.btn-warning.btn-link,
.open > .dropdown-toggle.btn-warning.btn-link.focus,
.open > .dropdown-toggle.btn-warning.btn-link:focus,
.open > .dropdown-toggle.btn-warning.btn-link:hover {
	color: #bd9c08;
	text-decoration: none;
}

.btn-warning-bordered {
	color: #d8b411;
	background-color: transparent;
	border-color: #ECC71F;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-warning-bordered:hover,
.btn-warning-bordered.focus,
.btn-warning-bordered:focus,
.btn-warning-bordered.active,
.btn-warning-bordered:active,
.btn-warning-bordered.active.focus,
.btn-warning-bordered.active:focus,
.btn-warning-bordered.active:hover,
.btn-warning-bordered:active.focus,
.btn-warning-bordered:active:focus,
.btn-warning-bordered:active:hover,
.open > .dropdown-toggle.btn-warning-bordered,
.open > .dropdown-toggle.btn-warning-bordered.focus,
.open > .dropdown-toggle.btn-warning-bordered:focus,
.open > .dropdown-toggle.btn-warning-bordered:hover {
	color: #333;
	background-color: #ECC71F;
	border-color: #ECC71F;
}

/* Button danger */
.btn-danger {
	color: #FFF;
	background-color: #EC3A35;
	border-color: #EC3A35;
}
.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
	color: #FFF;
	background-color: #C9302C;
	border-color: #C9302C;
}

.btn-danger.btn-link {
	color: #EC3A35;
}
.btn-danger.btn-link:hover,
.btn-danger.btn-link.focus,
.btn-danger.btn-link:focus,
.btn-danger.btn-link.active,
.btn-danger.btn-link:active,
.btn-danger.btn-link.active.focus,
.btn-danger.btn-link.active:focus,
.btn-danger.btn-link.active:hover,
.btn-danger.btn-link:active.focus,
.btn-danger.btn-link:active:focus,
.btn-danger.btn-link:active:hover,
.open > .dropdown-toggle.btn-danger.btn-link,
.open > .dropdown-toggle.btn-danger.btn-link.focus,
.open > .dropdown-toggle.btn-danger.btn-link:focus,
.open > .dropdown-toggle.btn-danger.btn-link:hover {
	color: #EC3A35;
	text-decoration: none;
}

.btn-danger-bordered {
	color: #EC3A35;
	background-color: transparent;
	border-color: #EC3A35;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-danger-bordered:hover,
.btn-danger-bordered.focus,
.btn-danger-bordered:focus,
.btn-danger-bordered.active,
.btn-danger-bordered:active,
.btn-danger-bordered.active.focus,
.btn-danger-bordered.active:focus,
.btn-danger-bordered.active:hover,
.btn-danger-bordered:active.focus,
.btn-danger-bordered:active:focus,
.btn-danger-bordered:active:hover,
.open > .dropdown-toggle.btn-danger-bordered,
.open > .dropdown-toggle.btn-danger-bordered.focus,
.open > .dropdown-toggle.btn-danger-bordered:focus,
.open > .dropdown-toggle.btn-danger-bordered:hover {
	color: #FFF;
	background-color: #EC3A35;
	border-color: #EC3A35;
}

/* Button dark */
.btn-dark {
	color: #FFF;
	background-color: #222;
	border-color: #222;
}
.btn-dark:hover,
.btn-dark.focus,
.btn-dark:focus,
.btn-dark.active,
.btn-dark:active,
.btn-dark.active.focus,
.btn-dark.active:focus,
.btn-dark.active:hover,
.btn-dark:active.focus,
.btn-dark:active:focus,
.btn-dark:active:hover,
.open > .dropdown-toggle.btn-dark,
.open > .dropdown-toggle.btn-dark.focus,
.open > .dropdown-toggle.btn-dark:focus,
.open > .dropdown-toggle.btn-dark:hover {
	color: #FFF;
	background-color: #333;
	border-color: #333;
}

.btn-dark.btn-link {
	color: #222;
}
.btn-dark.btn-link:hover,
.btn-dark.btn-link.focus,
.btn-dark.btn-link:focus,
.btn-dark.btn-link.active,
.btn-dark.btn-link:active,
.btn-dark.btn-link.active.focus,
.btn-dark.btn-link.active:focus,
.btn-dark.btn-link.active:hover,
.btn-dark.btn-link:active.focus,
.btn-dark.btn-link:active:focus,
.btn-dark.btn-link:active:hover,
.open > .dropdown-toggle.btn-dark.btn-link,
.open > .dropdown-toggle.btn-dark.btn-link.focus,
.open > .dropdown-toggle.btn-dark.btn-link:focus,
.open > .dropdown-toggle.btn-dark.btn-link:hover {
	color: #000;
	text-decoration: none;
}

.btn-dark-bordered {
	color: #222;
	background-color: transparent;
	border: 2px solid #222;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-dark-bordered:hover,
.btn-dark-bordered.focus,
.btn-dark-bordered:focus,
.btn-dark-bordered.active,
.btn-dark-bordered:active,
.btn-dark-bordered.active.focus,
.btn-dark-bordered.active:focus,
.btn-dark-bordered.active:hover,
.btn-dark-bordered:active.focus,
.btn-dark-bordered:active:focus,
.btn-dark-bordered:active:hover,
.open > .dropdown-toggle.btn-dark-bordered,
.open > .dropdown-toggle.btn-dark-bordered.focus,
.open > .dropdown-toggle.btn-dark-bordered:focus,
.open > .dropdown-toggle.btn-dark-bordered:hover {
	color: #FFF;
	background-color: #222;
	border-color: #222;
}

/* Button white */
.btn-white {
	color: #333;
	background-color: #FFF;
	border-color: #FFF;
}
.btn-white:hover,
.btn-white.focus,
.btn-white:focus,
.btn-white.active,
.btn-white:active,
.btn-white.active.focus,
.btn-white.active:focus,
.btn-white.active:hover,
.btn-white:active.focus,
.btn-white:active:focus,
.btn-white:active:hover,
.open > .dropdown-toggle.btn-white,
.open > .dropdown-toggle.btn-white.focus,
.open > .dropdown-toggle.btn-white:focus,
.open > .dropdown-toggle.btn-white:hover {
	color: #FFF;
	background-color: transparent;
	border-color: #FFF;
}

.btn-white.btn-link {
	color: #FFF;
}
.btn-white.btn-link:hover,
.btn-white.btn-link.focus,
.btn-white.btn-link:focus,
.btn-white.btn-link.active,
.btn-white.btn-link:active,
.btn-white.btn-link.active.focus,
.btn-white.btn-link.active:focus,
.btn-white.btn-link.active:hover,
.btn-white.btn-link:active.focus,
.btn-white.btn-link:active:focus,
.btn-white.btn-link:active:hover,
.open > .dropdown-toggle.btn-white.btn-link,
.open > .dropdown-toggle.btn-white.btn-link.focus,
.open > .dropdown-toggle.btn-white.btn-link:focus,
.open > .dropdown-toggle.btn-white.btn-link:hover {
	color: #DDD;
	text-decoration: none;
}

.btn-white-bordered {
	color: #FFF;
	background-color: transparent;
	border: 2px solid #FFF;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-white-bordered:hover,
.btn-white-bordered.focus,
.btn-white-bordered:focus,
.btn-white-bordered.active,
.btn-white-bordered:active,
.btn-white-bordered.active.focus,
.btn-white-bordered.active:focus,
.btn-white-bordered.active:hover,
.btn-white-bordered:active.focus,
.btn-white-bordered:active:focus,
.btn-white-bordered:active:hover,
.open > .dropdown-toggle.btn-white-bordered,
.open > .dropdown-toggle.btn-white-bordered.focus,
.open > .dropdown-toggle.btn-white-bordered:focus,
.open > .dropdown-toggle.btn-white-bordered:hover {
	color: #333;
	background-color: #FFF;
	border-color: #FFF;
}

/* Button link */
.btn-link {
	background-color: transparent !important;
	margin: 0 !important;
	padding: 5px !important;
	color: #ea4e4e; /* same as template main link color */
	border-color: transparent !important;
}
.btn-link:hover,
.btn-link.focus,
.btn-link:focus,
.btn-link.active,
.btn-link:active,
.btn-link.active.focus,
.btn-link.active:focus,
.btn-link.active:hover,
.btn-link:active.focus,
.btn-link:active:focus,
.btn-link:active:hover,
.open > .dropdown-toggle.btn-link,
.open > .dropdown-toggle.btn-link.focus,
.open > .dropdown-toggle.btn-link:focus,
.open > .dropdown-toggle.btn-link:hover {
	opacity: .8;
	color: #ea4e4e;
	text-decoration: none;
}

/* Button with dropdown 
======================== */
.btn-group > .btn + .dropdown-toggle {
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
}

/* Button social 
================= */
.btn-social {
	position: relative;
	padding-left: 55px;
	text-align: left;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Button social icon */
.btn-social > .btn-social-icon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 42px;
	line-height: 40px;
	font-size: 1.4em;
	text-align: center;
	border-right: 1px solid rgba(0,0,0,0.12);
}
.btn-social > .btn-social-icon > i {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	padding-right: 0;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* Button social sizes */
.btn-social.btn-xs { padding-left: 55px; }
.btn-social.btn-sm { padding-left: 55px; }
.btn-social.btn-lg { padding-left: 60px; }
.btn-social.btn-xlg { padding-left: 65px; }

/* Button social min */
.btn-social-min {
	position: relative;
	width: 46px;
	height: 46px;
	line-height: 44px;
	padding: 0 !important;
	text-align: center;
	font-size: 17px;
}
.btn-social-min.btn-xs { 
	width: 26px;
	height: 26px;
	line-height: 24px; 
}
.btn-social-min.btn-sm { 
	width: 35px;
	height: 35px;
	line-height: 33px; 
}
.btn-social-min.btn-lg { 
	width: 55px;
	height: 55px;
	line-height: 53px; 
}
.btn-social-min.btn-xlg { 
	width: 69px;
	height: 69px;
	line-height: 67px; 
}

/* Button facebook */
.btn-facebook { 
	background-color: #3b5998;
	color: #fff; 
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
	color: #fff;
	background-color: #2d4373;
}

/* Button twitter */
.btn-twitter { 
	background-color: #55acee;
	color: #fff; 
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
	color: #fff;
	background-color: #2795e9;
}

/* Button dropbox */
.btn-dropbox { 
	background-color: #1087dd;
	color: #fff; 
}
.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
	color: #fff;
	background-color: #0d6aad;
}

/* Button linkedin */
.btn-linkedin { 
	background-color: #007bb6;
	color: #fff; 
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #005983;
}

/* Button pinterest */
.btn-pinterest { 
	background-color: #cb2027;
	color: #fff; 
}
.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
	color: #fff;
	background-color: #9f191f;
}

/* Button google */
.btn-google { 
	background-color: #dd4b39;
	color: #fff; 
}
.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
	color: #fff;
	background-color: #c23321;
}

/* Button instagram */
.btn-instagram {
	background-color: #3f729b;
	color: #fff;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
	color: #fff;
	background-color: #2b6492;
}

/* Button linkedin */
.btn-linkedin { 
	background-color: #3f729b;
	color: #fff; 
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #305777;
}

/* Button tumblr */
.btn-tumblr { 
	background-color: #2c4762;
	color: #fff; 
}
.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
	color: #fff;
	background-color: #1c2d3f;
}

/* Button vk */
.btn-vk { 
	background-color: #587ea3;
	color: #fff; 
}
.btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
	color: #fff;
	background-color: #466482;
}

/* Button flickr */
.btn-flickr { 
	background-color: #ff0084;
	color: #fff; 
}
.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
	color: #fff;
	background-color: #cc006a;
}

/* Button soundcloud */
.btn-soundcloud { 
	background-color: #f50;
	color: #fff; 
}
.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
	color: #fff;
	background-color: #c40;
}

/* Button yahoo */
.btn-yahoo { 
	background-color: #720e9e;
	color: #fff; 
}
.btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
	color: #fff;
	background-color: #500a6f;
}

/* Button rounded 
================== */
.btn-rounded {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btn-rounded-2x {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.btn-rounded-3x {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.btn-rounded-4x {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.btn-rounded-5x {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.btn-rounded-full {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Button sizes 
================ */
.btn-group-xs > .btn, .btn-xs {
	padding: 0 6px 0 6px;
	font-size: 13px;
}
.btn-group-sm > .btn, .btn-sm {
	padding: 5px 10px;
	font-size: 14px;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 15px 25px;
}
.btn-group-xlg > .btn, .btn-xlg { /* Extra size */
	padding: 20px 30px;
	font-size: 19px;
}


/* ------------------------------------------------------------- *
 * Social buttons
/* ------------------------------------------------------------- */

.social-buttons {
}
.social-buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-buttons ul > li {
	display: inline-block;
	margin: 0 2px;
}
.social-buttons ul > li:first-child {
	margin-left: 0;
}
.social-buttons ul > li:last-child {
	margin-right: 0;
}


/* ------------------------------------------------------------- *
 * Follow me buttons
/* ------------------------------------------------------------- */

.follow-me-buttons {
}
.follow-me-buttons ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.follow-me-buttons ul > li {
	display: inline-block;
	margin: 4px;
}
.follow-me-buttons ul > li:first-child {
	margin-left: 0;
}
.follow-me-buttons ul > li:last-child {
	margin-right: 0;
}
.follow-me-buttons a {
	font-size: 16px;
	color: #222;
}
.follow-me-buttons a:hover {
	color: #ea4e4e;
}


/* ------------------------------------------------------------- *
 * Scroll to top button
/* ------------------------------------------------------------- */

.scrolltotop {
	position: fixed;
	display: none;
	bottom: 18px;
	right: 15px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: rgba(0, 0, 0, 0.77);
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	z-index: 999;
	border-radius: 100px;
}
.scrolltotop:hover, .scrolltotop:focus {
	background-color: #000;
	color: #FFF;
}


/* ------------------------------------------------------------- *
 * Typography variations
/* ------------------------------------------------------------- */

/* uppercase letters */
body.temp-uppercase .h1, 
body.temp-uppercase .h2, 
body.temp-uppercase .h3, 
body.temp-uppercase .h4, 
body.temp-uppercase .h5, 
body.temp-uppercase .h6, 
body.temp-uppercase h1, 
body.temp-uppercase h2, 
body.temp-uppercase h3, 
body.temp-uppercase h4, 
body.temp-uppercase h5, 
body.temp-uppercase h6,
body.temp-uppercase ul.menu-list > li > a,
body.temp-uppercase ul.menu-list .sub-menu > li > a,
body.temp-uppercase ul.isotope-filter-links > li > a,
body.temp-uppercase .gs-back-to-list,
body.temp-uppercase .gsti-toggle-trigger > span,
body.temp-uppercase .bl-item-category,
body.temp-uppercase .blog-single-post-category,
body.temp-uppercase .sidebar-categories > ul > li > a,
body.temp-uppercase .btn,
body.temp-uppercase .demo-thumbnail-btn {
	text-transform: uppercase;
}

body.temp-uppercase ul.menu-list .sub-menu > li > a { font-size: 15px; }
body.temp-uppercase .btn { font-size: 16px; }

/* letter spacing (spacing between uppercase letters) */
body.temp-letter-spacing .h1, 
body.temp-letter-spacing .h2, 
body.temp-letter-spacing .h3, 
body.temp-letter-spacing .h4, 
body.temp-letter-spacing .h5, 
body.temp-letter-spacing .h6, 
body.temp-letter-spacing h1, 
body.temp-letter-spacing h2, 
body.temp-letter-spacing h3, 
body.temp-letter-spacing h4, 
body.temp-letter-spacing h5, 
body.temp-letter-spacing h6,
body.temp-letter-spacing ul.menu-list > li > a,
body.temp-letter-spacing ul.menu-list .sub-menu > li > a,
body.temp-letter-spacing ul.isotope-filter-links > li > a,
body.temp-letter-spacing .gs-back-to-list,
body.temp-letter-spacing .gsti-toggle-trigger > span,
body.temp-letter-spacing .bl-item-category,
body.temp-letter-spacing .blog-single-post-category,
body.temp-letter-spacing .sidebar-categories > ul > li > a,
body.temp-letter-spacing .btn,
body.temp-letter-spacing .demo-thumbnail-btn {
	letter-spacing: 2px;
}


/* ------------------------------------------------------------- *
 * Template demos
/* ------------------------------------------------------------- */

/* demo page header */
.demo-page-header .page-header-title.font-alter-1,
.demo-page-header .page-header-title.font-alter-2 {
	font-size: 132px !important;
}
@media (max-width: 992px) {
	.demo-page-header .page-header-title.font-alter-1,
	.demo-page-header .page-header-title.font-alter-2 {
		font-size: 62px !important;
	}
}

.demo-page-header .page-header-caption {
	padding: 18% 5%;
}
@media (max-width: 992px) {
	.demo-page-header .page-header-caption {
		padding: 25% 5%;
	}
}
@media (max-width: 768px) {
	.demo-page-header .page-header-caption {
		padding: 37% 5%;
	}
}
.demo-page-header .page-header-sub-title {
	font-size: 24px;
	color: #FFF;
}

.demo-page-header .btn-dark-bordered {
	color: #222 !important;
	background-color: transparent;
	border: 2px solid #222 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.demo-page-header .btn-dark-bordered.active, 
.demo-page-header .btn-dark-bordered.focus, 
.demo-page-header .btn-dark-bordered:active, 
.demo-page-header .btn-dark-bordered:focus, 
.demo-page-header .btn-dark-bordered:hover, 
.demo-page-header .open > .dropdown-toggle.btn-dark-bordered {
	color: #FFF !important;
	background-color: #222 !important;
	border-color: #222 !important;
}

/* demo thumbnails section */
.demo-thumbnails-section {
	background-color: #FFF;
	margin: 25px;
	padding: 6% 3%;
}
@media (max-width: 768px) {
	.demo-thumbnails-section {
		margin: 10px;
		padding: 35px 15px 15px 15px;
	}
}

/* demo text section */
.demo-text-section {
	padding: 5% 0;
}
@media (min-width: 992px) {
	.demo-text {
		font-size: 21px;
	}
}

/* demo heading */
.demo-heading {
	max-width: 800px;
	margin: 0 auto 80px auto;
	padding: 0 15px;
	text-align: center;
}
@media (max-width: 768px) {
	.demo-heading {
		margin-bottom: 30px;
	}
}

hr.hr-short {
	position: relative;
	max-width: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 4px solid #ea4e4e;
	text-align: left;
}


/* demo heading title */
.demo-heading-title {
	position: relative;
	display: inline-block;
	font-size: 32px;
}
.demo-heading-title:before {
	position: absolute;
	content: "";
	width: 26px;
	left: 50%;
	margin-left: -13px;
	bottom: -15px;
	height: 4px;
	background-color: #ea4e4e;
}
.demo-heading-title.font-alter-1,
.demo-heading-title.font-alter-2 {
	font-size: 48px !important;
}
@media (max-width: 768px) {
	.demo-heading-title.font-alter-1,
	.demo-heading-title.font-alter-2 {
		font-size: 28px !important;
	}
}
.demo-heading-description {
	font-size: 17px;
}

/* demo thumbnail */
.demo-thumbnail {
	margin-bottom: 10%;
	padding: 0 2%;
}

/* demo thumbnail image wrap */
.demo-thumbnail-image-wrap {
	border: 1px solid #ededed;
	border-bottom: none;
	box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 13%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
@media (min-width: 992px) {
	.demo-thumbnail-image-wrap:hover {
		box-shadow: 0px 30px 25px -28px rgb(0 0 0 / 64%);
		-webkit-transform: translate(0, -8px);
	}
}

/* demo thumbnail bottom */
.demo-thumbnail-bottom {
	margin-top: 20px;
	text-align: center;
}
.demo-thumbnail-btn {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #222;
}
.demo-thumbnail-btn span {
	font-weight: normal;
	color: rgba(158, 158, 158, 0.8);
}


ul.menu-list.nav li a {
	position: relative;
	display: inline-block;
	padding: 0;
}
ul.menu-list.nav li a:focus, .nav li a:hover {
	text-decoration: none;
	background-color: transparent;
}

/* demo call to action section */
.demo-call-to-action-section {
	padding: 5% 0;
	margin: 25px;
}
@media (min-width: 992px) {
	.demo-call-to-action {
		font-size: 28px;
	}
}
